Axure基础详解八:翻转效果

效果演示

Axure基础详解八:翻转效果_第1张图片


制作过程

步骤1:创建动态面板

创建一个动态面板,并添加两个状态,分别在里边插入不同的图片。

Axure基础详解八:翻转效果_第2张图片


步骤二:设置交互

点击动态面板设置交互>>单击时>>设置面板状态>>下一个>>勾选循环>>像左翻转>>确认

Axure基础详解八:翻转效果_第3张图片


其他效果

Axure基础详解八:翻转效果_第4张图片

这种效果在上面的基础上加入判断条件

条件1:当状态面板为状态1时,像右翻转,并向右移动500px。

条件2:当状态面板为状态12时,像左翻转,并向左移动500px。

Axure基础详解八:翻转效果_第5张图片


Axure基础详解八:翻转效果_第6张图片

这种效果就是分别在动态上下左右四个地方添加四个热区,并设置四个不同方向的翻转效果。

Axure基础详解八:翻转效果_第7张图片

你可能感兴趣的:(Axure基础运用,axure)