模微网易云音乐首页原型目录TOC\o"1-5"\h\zHYPERLINK\l"bookmark0"\o"CurrentDocument"模拟网易云音乐首页原型图1网易云音乐发现界面21.动态面板实现轮播功能2动态面板实现轮播功能3轮播图片动态面板4序号动态面板4序号14序号24页面载入时用例15序号1热区用例设置62动态面板隐藏滚动条6外侧动态面板6内侧动态面板7内侧动态面板状态17拖动时用例设置8动态面板无滚动条实现水平滚动9制作示例如下:1.动态面板实现轮播功能动态面板实现轮播功能对网易云音乐界面观察后发现,自用户进入网易云音乐首页后一直有七组图片在进行轮播,同时下方还包括了对图片进行选择的序号。这个时候,我们需要使用两个动态面板,其中一个设置轮播图片,另一个设置下方序号。轮播图片动态面板序号动态面板序号1序号2在轮播图片动态面板的每个状态下增添形状相同
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
不同的图片,在序号面板下增添序号标签,选中哪个序号时就将该处原点设置为红色,其它为暗灰色。接下来,我们在页面载入时设置用例1,设置两个面板状态皆为Next,需要注意的是动画效果和循环间隔一定要保持一致呀~;打开捶争关闭窗口白染中年滚动阪件V钱通>造日适在祓度■刀牛J^^§13,切换可死/!设亘回或状态国文本环层片裁百选中正宣列表运中项启月西移动西设置尺寸.JsrFJS^i'Jfcfs苦腿TnCast1孑漫同序W百快为忖叼至新MtMQn博连Srin500iis.wrap匿环巨片150。宅利daisyfrstc:hang露与^^期纬为Nexl再渐n15Mnswrap偌#巨虐1500军回诩要设置状态啊动态面板囱I匚磊沫韵名曲元件[<£at序号司板做志司椽:如也toUexi*9?autSOOms崩fi*Set面板}atatsIdNext芝丽in1SOOns"I-I卜近挥状态N前[T向苫循环I』循环晅版1500呈秒三个状态延时15Q口兼t后切换进入动画[溺▼]时间1&00遢出动画|尢)时间1500号fj如果同嬴U显示西质r推动胶动元件页面载入时用例1实现页面载入时的轮播功能后,我们还需要设置当鼠标移入或者单击序号点时,跳转到序号对应的图片中,这个时候就需要利用我们的热区功能,为每个序号点增加热区后设置用例,设置图片动态面板和序号动态面板为一一对应的关系,注意保持动画效果和循环间隔一致呀~现利用序号1进行举例说明。此时轮播效果及交互功能就
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
完毕啦~用距E的Cjx.1££CSK;配・录忤交3B口钓即的啊界邓丽云中*Slrja金WT.M)=ClM-1■aa用】g才,】2力日雷团]通・i5«**IE事事*MS卬T井F呢MXtflcMBIS;fSe
3MJ]填充完内容后,我们对外侧动态面板拖动时设置用例,当拖动外侧动态面板时,内侧动态面板进行水平移动,同时设置左侧边界小于零,右侧边界小于外侧动态面板宽度(设置边界需根据实际情况考虑完成),这样我们就利用动态面板实现了移动且隐藏了丑陋的滚动条,大功告成啦〜>打开鹿关闭盲口B目睥中打开迎濠动到元件=铺虺度A迨M运应视图」元件否切换可见性设置面桢状态设置图片t>设置选中设罟列表法中项启用甫移动屿设置尺寸拖动时用例设置动态面板无滚动条实现水平滚动WtTH事THE\HOHN1动态面板真的是功能多多呢~在制作网易云音乐首页原型设计的时候,还利用了动态面板实现了基本的界面切换功能~