筛选项滑动切换效果、弹窗中筛选时间效果、图片平滑过渡效果、控件向不同方向翻转、进度条拖动变化效果

筛选项滑动切换效果

效果：

1. 建立原型，分别命名按钮和文字

2.添加热区，设置动态效果

弹窗中筛选时间效果

例如建立备忘录，里面设置时间闹钟等功能

1. 准备好元件素材

设置动态面板，将时间文字设置为白色然后放置在动态面板“时间选择2”（自适应内容），设置交互效果

在时间选择器2上添加2两个遮挡矩形框

设置确认取消的交互效果

将时间选择1放置在动态面板“弹窗内”

添加“tomorrow”处的交互效果

2.将弹窗隐藏，设置内容框上闹钟符号的交互效果

3.添加同内容框大小的遮罩，叠加到内容框上，并隐藏，并设置交互效果

4.预览

图片平滑过渡效果

在列表页点击图片后切换到详情页面介绍（图片变大，出现详情文字）

1. 设置动态面板“图片平滑过渡面板”，设置两个状态，一个为列表，一个为详情

详情状态中的动态面板“图片面板”有4个状态，分别为四张图片

2.设置详情状态中返回箭头的交互效果，使放大的图片缩小，卡片消失

3.设置列表状态中各个图片的交互效果

4.预览

控件向不同方向翻转

例：卡片翻转的效果

1. 将卡片两面内容设置为动态面板“卡片”的两个状态（列表和详情）
2. 在卡片四周添加热区，增加交互效果，使其能够在点击不同方向时，向不同方向翻转

进度条拖动变化效果

例如手机声音量度调节，期望效果：1、拖动声音按钮时：声音按钮和进度条（背景面板）切换为选中状态，可以水平拖动；2、拖动结束时：声音按钮与进度条（背景面板）切换为默认状态；3、如果拖动超过阀值时，改变声音按钮的颜色，并且弹窗反馈。

步骤：

1. 设置动态面板“背景面板”的两个状（默认状态背景和选中状态背景，并对两条背景命名，默认-蓝色与默认-黑色和选中-蓝色与选中-黑色）

2.设置动态面板“声音按钮面板”，增添交互效果；添加警告框，隐藏，当音量键到达一定范围时显示

3.预览