马伟明 电磁弹射:动态面板使用案例

来源:百度文库 编辑:九乡新闻网 时间:2024/05/09 14:16:06
需求: 1)页面上,有三个标签,分别是标签1,标签2,标签3;2)默认页面为标签1所对应的页面3)点击标签2进入标签2所对应的页面4)点击标签3进入标签3所对应的页面 做法: 1)新建模板(母板),设计模板页面内容包括:一个矩形,作为页面主工作区。 三个形状按钮,并分别命名为标签1,标签2,标签32)新建一个页面,设计页面:拖一个动态面板进来。编辑动态面板为可见状态(默认就是),给动态面板添加三个状态,即三个页面。编辑所有状态(页面)3)设计标签1页              a) 将模板拖到标签1页。              b) 将母板解散成形状。                       c)将标签1和矩形工作区设置为高亮颜色,标签2,标签3设为灰色(表示不是当前的两个页面),矩形工作区填上文字标签1页。              d) 分别给标签2和标签3添加交互事件(设置动态面板到指定状态----选择面板-----选择状态(页)) 4)设计标签2页(原理同标签1页)              a) 将模板拖到标签1页。              b) 将母板解散成形状。                       c)将标签2和矩形工作区设置为高亮颜色,标签1,标签3设为灰色(表示不是当前的两个页面),矩形工作区填上文字标签2页。              d) 分别给标签1和标签3添加交互事件(设置动态面板到指定状态----选择面板-----选择状态(页)) 5)设计标签3页(原理同标签1页)              a) 将模板拖到标签1页。              b) 将母板解散成形状。                       c)将标签3和矩形工作区设置为高亮颜色,标签1,标签2设为灰色(表示不是当前的两个页面),矩形工作区填上文字标签3页。              d) 分别给标签1和标签2添加交互事件(设置动态面板到指定状态----选择面板-----选择状态(页)) 6)生成原型,查看效果。