第五次原型分享——TAB切换and定时弹窗

很多APP,如抖音,都会有底部TAB切换,今天就来教大家用墨刀实现。
1.以两个不同颜色矩形框表示两个待切换页面,两个文字作为切换按钮,在下方再添加一条直线,并选择所有元素,点击右方“添加组件状态”如图。
第五次原型分享——TAB切换and定时弹窗
2.宽度调整为375.
第五次原型分享——TAB切换and定时弹窗
3.添加相关跳转时间如图。
第五次原型分享——TAB切换and定时弹窗
4.将页面整体右移,并将直线放置在“页面2”“按钮”之***意,不能直接删除“页面”换上新页面,这样会失去左移效果。
第五次原型分享——TAB切换and定时弹窗
今晚讲的一个大的知识点是TAB切换,再将一个简单的知识点定时弹窗。
1.先添加一个矩形,并在其上添加一个按钮,将两者设为组合并点击右方“添加组件状态”。
第五次原型分享——TAB切换and定时弹窗
2.添加两种组件状态,并该名如图。
第五次原型分享——TAB切换and定时弹窗
3.将“显示”页面中的按钮连接到“隐藏”页面。
第五次原型分享——TAB切换and定时弹窗
4.将“隐藏”页面设置为隐藏。
第五次原型分享——TAB切换and定时弹窗
5.点击左方“页面2”,在右方“全局事件”中,点击“表”图标,做相关设置如图。
第五次原型分享——TAB切换and定时弹窗
退出编辑即可实现定时弹窗功能。