墨刀学习笔记

学习地址:
学做小程序——实战篇:树洞小程序https://next.xuetangx.com/learn/THU0809102418/THU0809102418/2300843/video/1646755

软件地址:https://modao.cc

1.可以直接使用素材库复制粘贴模块:
墨刀学习笔记_第1张图片
2.状态栏跳转如何制作:
注意要使用动态组件
墨刀学习笔记_第2张图片

墨刀学习笔记_第3张图片
选择状态按钮打开:
创建状态,状态1,每个活动按键加上相应的超级链接
墨刀学习笔记_第4张图片
状态2
墨刀学习笔记_第5张图片
之后设为母版,母版的作用是之后在所有页面拉出来调用这个插件都是用的它,所以改变母版的状态名字,所有调用它的都会换名字。
墨刀学习笔记_第6张图片
注意每个页面由于状态不同,需要修改默认状态。

3.表单效果如何做?
墨刀学习笔记_第7张图片
左上角用图片库,中间是文本,左下是点赞(用的当然是动态组件,点了以后会变红)
然后复制若干份
墨刀学习笔记_第8张图片
上下的树洞广场和状态栏由于是不会变的,所以要选择置顶,同时选择相对顶部固定。

墨刀学习笔记_第9张图片
相对顶部固定:
墨刀学习笔记_第10张图片
置顶:
墨刀学习笔记_第11张图片
最后效果:
墨刀学习笔记_第12张图片
4.确认按键
墨刀学习笔记_第13张图片
复制一个和(页面:我的)一模一样的页面(页面:我的附件),内容都一样,增加一个蒙层,相当于在黑色的全屏方块上加了点透明设置。
墨刀学习笔记_第14张图片
之后将这些按钮连回本来的(我的)页面即可,我的页面上再连出去到副本蒙层,形成交互
墨刀学习笔记_第15张图片

你可能感兴趣的:(产品原型设计)