概述:以下主要内容有三点,分别是交互、动态面板及中继器的基本操作和进阶操作。新手,叙述有误请指出,多指教,谢谢!!!
交互
- 矩形变色。(设置当鼠标滑过矩形时矩形变为蓝色)
2.字体变色(当鼠标滑过字体的时候,字体变大 并且变色)
3.按钮跳转(点击按钮会跳转到新的窗口链接,可链接到自己创建的已有界面,也可以链接到外部url(以下是连接到已有的页面))
4.按钮点击隐藏/显示矩形
在交互样式设计中,选择click or tap中的显示/隐藏,选择切换,点击鼠标的时候就可以把矩形显示或隐藏,还可以设置矩形显示、隐藏时候的动画。5.交互动作+情形(点击按钮,如果用户年龄未满18则打开mooc链接,若已成年则打开京东)
如下图做一个组合:文本标签+文本框,还有一个按钮。给按钮添加交互事件给按钮设置情形,如图:
当满足情形时,设置按钮点击后的事件(这里的事件是打开新链接)
动态面板
设置一个动态面板,并且当选中不同列表时,展现不同列表的内容
1.2.设置列表所对应的面板,并且滑过列表文字时文字显示红色
中继器
- 添加中继器并添加数据
(拖动中继器到页面中后,点击右侧样式手动添加数据)
2.双击页面中的中继器进入编辑中继器状态
3.向中继器中添加表格元件
4.向表格中填充在中继器处写好的数据
5.在表格后加入一列操作列(包含修改和删除按钮)
6.给删除按钮添加交互事件
7.添加一个新增按钮并添加交互事件
8.补充:在新增的时候会弹出模块框,所以还有一个模态框的显示与隐藏的操作。
9.修改按钮的交互事件操作
总结
学得还行,今天的练习是京东首页某个模块的绘制,如下图:
补充:
今天还学了母版的绘制,当绘制了母版之后,页面都可以使用,并且在修改母版的时候,应用此母版的页面对应的地方也会同时发生改变。