侧边栏的伸缩

type
status
date
slug
summary
tags
category
icon
password
类别
内容

一、 实验名称

1、侧边菜单开关练习
2、复选框数量统计设置

二、 实验目的

掌握AxureRP9函数的设置方法，能够模拟网易云侧边菜单开关、复选框数量统计的交互效果。

三、 实验内容

（一）网易云侧边菜单开关
1、以网易云为参考，完成一个函数设置的交互应用。
2、使用APP截图和热区元件制作页面，实现侧边菜单开关的交互效果。
（二）复选框数量统计
1、以资讯类应用为参考，完成一个函数设置的交互应用。
2、使用元件制作复选框统计界面，实现复选框数量统计的交互效果。

四、 实现过程

（一）网易云侧边菜单开关
  1. 照片预处理，添加动态面板和热区，做成静态效果
notion image
  1. 另外再在主页右侧添加一个热区，给两个热区同时添加点击动作，效果相反
notion image
  1. 设置页面大小为主页大小，让侧边栏一开始不显现出来，同时给动态面板添加移动和移动结束时的工作，让其在固定范围内移动，同时可以自动收缩
notion image
（二）复选框数量统计
  1. 利用所有的图片材料，搭建一个静态的页面效果
  1. 给选择框添加选中时的样式，替换图片
  1. 给选择框添加选中时和未选中时的事件交互，利用substring函数，修改订阅按钮的文本显示
notion image
📌
图片材料
网易云侧边栏.zip
860.3KB
源文件
侧边菜单开关.rp
757.5KB
免费音乐思维导图制作