元件中动态面板的制作&与相关案例的实践

目录

一、动态面板

1.1、概况：

1.2、应用领域：

1.3、使用介绍：

二、轮播图制作

三、作品

3.1登录不同方式

3.2、左侧菜单栏

四、ERP相关设计

4.1.设计ERP登录界面

4.2、设计ERP的左侧菜单栏

错误演示与解决：:

 收起没有

错误1：拉倒和推动没有勾

错误2： 动态模版样式两个勾自动适应宽度没

错误3：在展开的点击事件是关闭

解决办法演示：

4.3、设计ERP的公告栏

---

一、动态面板

1.1、概况：

动态面板是Axure中一个非常强大的高级元件，用于实现多个状态的切换展示，同时也常用于充当Axure中的定时器。可以将其看成一个容器，可以容纳多种不同状态，通过各种交互触发其状态发生变化。

1.2、应用领域：

• 网页设计：

         动态面板可以用于创建动画效果、交互式表单和用户界面元素。

• 游戏开发：

        动态面板可以用于创建游戏中的动画和交互式用户界面。

• 移动应用开发：

        动态面板可以用于创建移动应用程序的用户界面元素和动画效果。

• 数据可视化：

        动态面板可以用于创建交互式数据可视化图表和图形

• 切换内容、显示隐藏的交互原型设计中。 比如常见的弹窗、跑马灯等设计

1.3、使用介绍：

把动态面板拖出来，宽度不用做任何限制，双击会看见一个模态框，图二 见效果

 再去概要点动态面板，旁边样式会出现自适应内容和100%宽度，勾选上（勾自动适应宽度）

二、轮播图制作

轮播图

三、作品

3.1登录不同方式

3.2、左侧菜单栏

错误：一个动态面板套一个宽，解决办法先点击动态面板是不是一个动态面板套一个宽，不是就，调元件，全部选中移出去，再去调动态面板那个框，最后再看动态模版样式两个勾自动适应宽度没

四、ERP相关设计

4.1.设计ERP登录界面

4.2、设计ERP的左侧菜单栏

错误演示与解决：:

•  收起没有

• 错误1：拉倒和推动没有勾

• 错误2： 动态模版样式两个勾自动适应宽度没

• 错误3：在展开的点击事件是关闭

• 

 

解决办法演示：

侧边栏错误演示

4.3、设计ERP的公告栏