Axure的动态面板的使用

迷南。 2024-02-05 15:39 32阅读 0赞

##  ##

**目录**

1.什么是动态面板？

2.使用动态面板

编辑

轮播图

erp的登录系统

erp侧边栏

--------------------

## 1.什么是动态面板？ ##

> **动态面板是Axure的高级交互元件**，由不同的状态面板组成，是我们制作交互过程中运用频率最高的元件，很多交互效果需要依赖动态面板实现。
> 
> 动态面板的状态面板就像是一个容器，可以在里面放置任何东西，自由发挥设计创意，甚至是为面板中的设计元素添加交互事件，这一切就好像是在一个新的画布当中进行页面设计。

## 2.使用动态面板 ##

## ![bc158c09751d4677b7035f0f7d63afcf.png][] ##

在元件库中找到动态面板

拉动动态面板，在动态面板中添加状态

列如：

### 轮播图 ###

![65928f914a624db39a00185b9daa8df5.png][]

这里我拉取了一个动态面板，将动态面板放入图片，复制转态，修改图片，轮播图就做好了

效果：

![632e0fb1bd4f497782d2488ebc13c28c.png][]

例如：

### erp的登录系统 ###

![242e3241a5cc4dfdb06d2054f74652d6.png][]

在这里我将要修改的地方放置动态面板

效果：

![978e55bbe6ec479694b82f7084284340.png][]

当我点击电话号码登录时：

![f1b78887de8d48a8adee19c81715d67f.png][]

### erp侧边栏 ###

![04a06586124d46b98863e2ef4f60dc24.png][]

效果：

在点击收缩时

![0adcab706e01445faf815b2e951ffbb4.png][]

[bc158c09751d4677b7035f0f7d63afcf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/f598dba3033b403db509499d69942cf7.png
[65928f914a624db39a00185b9daa8df5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/6eb96547fd83420994962fa29f6bad59.png
[632e0fb1bd4f497782d2488ebc13c28c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/1807a026cc1848d092b762a88a4b32cf.png
[242e3241a5cc4dfdb06d2054f74652d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/78347fc0d15143a28fe259b6b30a360e.png
[978e55bbe6ec479694b82f7084284340.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/9e7f9e6083074ecb82536733c4aee7b8.png
[f1b78887de8d48a8adee19c81715d67f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/24fd8a0fc1284f2ab671bc623376a2c1.png
[04a06586124d46b98863e2ef4f60dc24.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/91fb569a0b044d36bbcb824478d2ff39.png
[0adcab706e01445faf815b2e951ffbb4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/3cbf8dd829514eaaa2a615a731eb2dc8.png