Axure8.0教程：动态面板多级联动

动态面板在Axure原型设计中，可以说是应用最广泛的了。本次课程我们学习用动态面板制作多级联动效果。

原型预览及下载地址：https://8ewqz4.axshare.com/#g=1
一、制作交互效果

第一步：创建动态面板

创建动态面板命名为“医生“

创建四个面板，其分别命名为：选择地区，选择医院，选择科室和选择医生

其面板内容分别如图：

01、选择地区

02、选择医院

03、选择科室

04、选择医生

第二步：添加交互

01、动态面板默认为”选择地区“，进入”选择地区“面板点击某个地区时，选择”设置面板状态“，触发”鼠标点击事件“，勾选”医生“动态面板，选择”选择状态“为选择医院，如图

02、进入”选择医院“面板点击医院，选择”设置面板状态“，触发”鼠标点击事件“，勾选”医生“动态面板，选择”选择状态“为选择科室，如图

03、进入”选择科室“面板点击科室，选择”设置面板状态“，触发”鼠标点击事件“，勾选”医生“动态面板，选择”选择状态“为选择医生，如图

多级联动功能已经完成

如果想重新选择，可以选择相应的项并触发相应的”鼠标点击事件“，其操作与上边相似，如图：

Axure8.0教程：动态面板多级联动相关推荐

Axure8.0教程：列表左右滑动交互(动态面板、中继器)
本次分享的是Axure8制作的列表左右滑动交互效果. 预览及下载地址:https://jlrb3o.axshare.com 一.制作原型拖动一个[动态面板]元件命名为内容架构,在动态面板中加入一个中 ...
axure选中后横线切换_Axure8.0｜动态面板内容简单切换技巧
无论做web段还是移动端,常常会用到动态面板固定在某个区域来变换内容,达到节省空间的作用,今天分享的就是如何实现这种方式. 预览效果: 一.元件准备以IT/互联网.设计创作.职场金融这三组为例,所涉 ...
Axure8.0教程:自动带出邮箱
本次分享的的案例是Axure8.0制作的自动带出邮箱地址效果. 预览及下载地址:https://51x7ns.axshare.com 一.制作原型 1.拖入一个矩形元件,设置宽度:66px,高度:20 ...
Axure8.0教程：换一批（随机）
如何通过Axure,实现文本换一批(随机)的效果呢?本文通过实际案例,对制作步骤进行了讲解,感兴趣的小伙伴们一起来看一下吧. 预览及下载地址:https://8ms9p6.axshare.com 一. ...
1.4_9 Axure RP 9 for mac 高保真原型图 - 案例8 【动态面板】浏览、翻页、回弹
相关链接目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标 1. 了解手机端app 浏览的实现原理 2. 掌握回弹效果的交互配置方式 3. 掌握动态面板 ...
axure原型怎么让文字自动换行_Axure动态面板教程（快速入门+轮播图案例）
动态面板(Dynamic Panel)是Axure的核心功能之一,但很多初学者都反馈理解有难度,今天用一个简单的例子让大家快速掌握它,并且学会做一个常用的轮播图. 12月21日更新:B站视频版教程: ...
axure下移固定地方_axure固定元件位置教程：使用axure动态面板制作一个返回顶部的按钮...
许多网站上都有一个"返回页首"按钮.无论屏幕如何滚动,"返回顶部"按钮始终浮动在固定位置,随时可用.一旦点击它,他就像一个小小的火箭,摇晃起来,页面将返回页面顶 ...
axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动
刚开始学axure,发现入门还是蛮简单的,所以从现在开始写一些自己体会的内容,以后忘记了也可以来翻阅一下. 因为是入门,所以内容肯定是很简单的,但是本文也不会致力于写教程一样那么详细,还是侧重于自己的 ...
Axure 9 实战案例，动态面板的应用 4.1，省市区三级联动下拉菜单（重制简易版）
前言 Hello!欢迎来到Axure 9 实战案例教程专栏. 本次课程我们继续来学习一下,动态面板的应用.本篇我们来讲解一下,如何绘制省市区联动下拉菜单(重新撰写简易版). 下拉菜单初稿为了节省时间 ...

Axure8.0教程：动态面板多级联动

Axure8.0教程：动态面板多级联动相关推荐

最新文章

热门文章