使用工具:互动大师
操作时长:大约2小时

操作准备:在“互动大师注册账号”,并了解工具的基本操作。
主要为3个页面:姓名输入页面、结果显示页面、朋友圈分享页面
再看下在ih5编辑器里的对象树构成,本案例共9个页面,其中有1个姓名输入页面以及8个结果页面,舞台上放置姓名变量,以备结果页和微信分享标题里调用。
下面聊聊具体的制作:
一、舞台设置:
1、新建一个项目,并设置舞台大小为640x1008(大小可自定义,640*1008是贱贱建议的舞台大小)。
2、点击工具栏变量图标 ,在舞台新增一个变量对象,在对象树里选中变量对象右击可以重命名为“姓名变量”方便识别。在姓名变量的属性设置里,设置变量名称为“a”,后面变量调用会用到。
二、姓名输入页设置:
1、在对象树里右击添加页面,并重命名为”姓名输入“,添加背景底图+一个输入框+一个透明按钮,为了简单,底图是一张整图。
2、输入框设置时,勾选透明背景,提示文字为”请输入姓名或公号“,另外在绑定对象设置里绑定舞台上的姓名变量,目的是把输入的值传送给变量a
3、在"获取10w+秘籍”图形上方添加透明按钮,并重命名为”获取秘籍“,后面需要给按钮添加事件跳转到结果页。
三、结果输入页设置:
1、结果输入页模板一样,在舞台添加一个模板页,添加背景底图+两个文本框+一个透明按钮,贱贱在这里同样使用了一张整图作为底图
2、一个文本框为空,直接调用姓名变量的值即可,另一个文本框是自定义的结果文字
3、在“告知朋友圈好友”图形上方添加透明按钮,并重命为“分享朋友圈”,点击按钮可以触发事件并引导分享。
到这里,页面需要的对象都齐了,下面就是动作事件的设置。
四、获取秘籍按钮的事件设置
事件一:点击按钮,结果页的姓名文本框,调用姓名变量
事件二:点击按钮,页面跳转到随机结果页
由于获取秘籍的按钮同时触发多个相同的事件,可以直接为该对象添加事件组,触发条件为”轻触“
五、调用姓名事件:为姓名文本框设置的目标动作为”设定文字”,值为“$a”(调用变量时切记要加上美元符号)

六、跳转结果事件:为舞台设置目标动作为”跳转页面”,页面为“随机页面”,当然还要排除姓名输入页面,也就是设置不包含页面1
七、分享朋友圈按钮的事件设置
这里主要讲下如何自定义微信里的分享标题,给“分享朋友圈”按钮添加“手指按下”的触发条件。
目标对象为“舞台”,目标动作选“微信设定标题”,想获取姓名的话就需要调用姓名变量a,变量调用记得加美元符号$前缀。
不同的结果页就设置不同的标题啦,一个结果页设置后好,其他结果页可以复制粘贴,再修改局部文字。
八、输入框的事件设置
为了逻辑更加严谨,给输入框还需要添加一个事件,当输入不为空时,获取秘籍按钮才可以点击。
到这里教程就讲完了。
莽卢卢盲赂聙氓聟鲁 猫碌掳氓禄聤
莽卢卢盲赂聙氓聟鲁氓聫陋忙聵炉猫庐漏氓陇搂氓庐露莽禄聝莽禄聝忙聣聥猫聙聦氓路虏茂录聦忙聢聭莽庐聙氓聧聲莽職聞盲禄聥莽禄聧盲赂聙盲赂聥忙赂赂忙聢聫忙聯聧盲陆聹茫聙聜ASWD忙聵炉盲赂聡氓鹿麓盲赂聧氓聫聵莽職聞忙聳鹿氓聬聭茅聰庐茂录聦E忙聵炉氓聧聳忙聨聣茅聶路茅聵卤茂录聦忙聲掳氓颅聴茅聰庐氓聫炉盲禄楼莽聸麓忙聨楼茅聙聣忙聥漏忙颅娄氓聶篓(茅聶路茅聵卤)茂录聦忙聦聣盲陆聫SHIFT忙聵炉氓聤聽茅聙聼猫路聭茂录聦莽漏潞忙聽录盲赂潞猫路鲁猫路聝茂录聦茅录聽忙聽聡氓路娄茅聰庐忙聵炉忙聰禄氓聡禄(忙聰戮莽陆庐茅聶路茅聵卤)茂录聦茅录聽忙聽聡氓聫鲁茅聰庐盲陆驴莽聰篓忙聤聙猫聝陆茂录聦茅录聽忙聽聡盲赂颅茅聴麓氓聫炉盲禄楼氓驴芦茅聙聼氓聢聡忙聧垄忙聤聙猫聝陆茫聙聜忙聰戮莽陆庐茅聶路茅聵卤茅聹聙猫娄聛茅聡聭茅聮卤茂录聦猫聙聦茅聡聭茅聮卤茅聶陇盲潞聠氓聟鲁氓聧隆氓录聙氓搂聥莽禄聶盲潞聢盲赂聙氓庐職忙聲掳茅聡聫盲禄楼氓陇聳茂录聦忙聺聙忙颅禄氓聟陆盲潞潞盲鹿聼盲录職忙聹聣忙聰露氓聟楼茫聙聜茅聶路茅聵卤莽職聞猫隆聙忙聺隆氓聧鲁盲赂潞氓庐聝莽職聞氓聠路氓聧麓忙聴露茅聴麓茂录聦忙禄隆猫隆聙莽職聞忙聴露氓聙聶盲赂潞氓聡聠氓陇聡氓掳卤莽禄陋茫聙聜
忙聰戮氓楼陆氓聡聽盲赂陋茅聮聢氓聢潞茅聶路茅聵卤盲禄楼氓聬聨茂录聦忙聦聣G茅聰庐氓聬搂茂录聦氓掳聠忙聹聣氓陇搂忙鲁垄氓聟陆盲潞潞氓聬聭盲陆聽忙露聦忙聺楼茫聙聜盲赂聧莽聰篓氓陇職忙聝鲁盲潞聠茂录聦忙虏隆忙聹聣芒聙聹氓陇搂忙鲁垄芒聙聺氓聟陆盲潞潞莽職聞茫聙聜
莽禄聢盲潞聨茂录聦莽聨聥氓颅聬莽職聞氓驴芦盲鹿聬莽聰聼忙麓禄猫娄聛氓录聙氓搂聥盲潞聠茂录聦氓掳聭氓鹿麓茂录聦莽聰篓氓录漏莽庐颅忙聰戮猫聜聠莽職聞氓掳聞氓聬搂茫聙聜
TIPS茂录職氓录漏莽庐颅莽職聞氓聫鲁茅聰庐忙聰禄氓聡禄忙聵炉莽聹漏忙聶聲莽庐颅茂录聦氓聫炉盲禄楼莽戮陇盲陆聯氓掳聞忙聶聲忙聲聦盲潞潞茫聙聜氓聹拢氓聣聭莽職聞氓聫鲁茅聰庐忙聰禄氓聡禄忙聵炉氓聣聭忙掳聰茂录聦莽戮陇忙聺聙忙聤聙猫聝陆茫聙聜猫聙聦盲赂聰氓录漏莽庐颅氓聫炉盲禄楼莽聢聠氓陇麓茂录聦盲赂聧猫驴聡氓戮聢氓陇職忙聴露氓聙聶茂录聦盲陆聽忙聵炉忙虏隆忙聹聣猫驴聶盲赂陋氓驴聝忙聝聟氓聨禄盲赂聙盲赂陋盲赂陋莽聜鹿莽職聞
猫驴聡氓聟鲁氓聬聨茅職聫莽聺聙莽聨聥氓颅聬茅聜拢猫麓卤猫麓卤莽職聞盲赂聙莽卢聭
茂录聦忙聢聭盲禄卢忙聥驴氓聢掳盲潞聠忙赂赂忙聢聫盲赂颅莽職聞莽卢卢盲赂聙莽卢聰猫麓垄氓炉聦茫聙聜猫聶陆莽聞露盲赂聧氓陇聼茂录聦盲陆聠忙聵炉猫驴聶忙聞聫氓聭鲁莽聺聙忙聢聭盲禄卢茅漏卢盲赂聤氓掳卤氓聫炉盲禄楼忙聺楼忙聰鹿猫驴聸盲赂聙盲赂聥忙聢聭盲禄卢莽職聞茅聶路茅聵卤盲潞聠茂录聦猫庐漏氓庐聝盲禄卢忙聸麓氓聴聹猫隆聙茂录聦忙聸麓氓聡露忙庐聥茫聙聜
忙聤聙猫聝陆氓聹篓猫驴聶茅聡聦氓聧聡茫聙聜
氓聢職氓录聙氓搂聥忙聢聭盲禄卢氓聫陋忙聹聣盲赂聣盲赂陋茅聶路茅聵卤茂录聦氓聢聠氓聢芦忙聵炉
茅聮聢氓聢潞茅聶路茅聵卤茂录聦忙聰戮莽陆庐氓聹篓氓聹掳茅聺垄茂录聦盲录陇氓庐鲁猫路炉猫驴聡莽職聞氓聧聲盲陆聧茂录聦氓聹篓氓聧聡莽潞搂氓聬聨氓聫炉盲禄楼猫庐漏猫垄芦盲录陇氓庐鲁莽職聞氓聧聲盲陆聧盲赂颅忙炉聮盲赂聰猫垄芦氓聡聫茅聙聼茫聙聜
忙虏楼茅聺聮茅聶路茅聵卤茂录聦忙聰戮莽陆庐氓聹篓氓聹掳茅聺垄茂录聦氓聡聫茅聙聼猫路炉猫驴聡莽職聞氓聧聲盲陆聧茂录聦氓聧聡莽潞搂氓聬聨氓聡聫茅聙聼忙聲聢忙聻聹氓垄聻氓聤聽茫聙聜

莽庐颅氓垄聶茂录聦忙聰戮莽陆庐氓聹篓氓垄聶茅聺垄茂录聦氓掳聞氓聡禄莽禄聫猫驴聡猫驴聡氓聧聲盲陆聧茂录聦氓聧聡莽潞搂氓聬聨氓聬炉氓聤篓氓掳聞莽篓聥氓聫聵猫驴聹茫聙聜
氓聢聺忙聹聼氓禄潞猫庐庐氓陇搂氓庐露氓聧聡莽潞搂茅聮聢氓聢潞茅聶路茅聵卤茂录聦猫庐漏氓庐聝氓赂娄莽录聯忙聟垄忙聲聢忙聻聹茂录聦猫聡鲁盲潞聨莽庐颅氓垄聶莽職聞氓掳聞莽篓聥氓聫聵猫驴聹氓聮聦忙虏楼茅聺聮莽職聞氓聡聫茅聙聼茂录聦氓聹篓氓聣聧茅聺垄氓聡聽氓聟鲁茅聝陆忙聵炉莽聰篓盲赂聧盲赂聤莽職聞茫聙聜
莽卢卢盲潞聦氓聟鲁 氓虏聰猫路炉氓聫拢
猫驴聶盲赂聙氓聟鲁氓庐聦氓聟篓氓聫聵忙聢聬盲潞聠莽庐颅氓垄聶莽職聞氓庐拢盲录聽氓鹿驴氓聭聤氓聟鲁茫聙聜
盲赂聙氓聡潞忙聺楼莽職聞2400氓聺聴猫驴聶忙聽路忙聰戮氓楼陆4盲赂陋莽庐颅氓垄聶茂录聦莽聞露氓聬聨猫碌職氓聢掳茅聮卤氓聬聨氓聠聧忙聤聤莽聨掳氓聹篓忙聣聙氓陇聞盲陆聧莽陆庐莽職聞氓路娄氓聫鲁盲赂陇猫戮鹿忙聰戮盲赂聤莽庐颅氓垄聶茂录聦氓聹掳盲赂聤忙聰戮忙禄隆茅聮聢氓聢潞茅聶路茅聵卤茂录聦氓聣漏盲赂聥莽職聞氓掳卤忙聵炉忙聰露氓聣虏氓聟陆氓陇麓莽陆垄盲潞聠茫聙聜


