axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动

刚开始学axure，发现入门还是蛮简单的，所以从现在开始写一些自己体会的内容，以后忘记了也可以来翻阅一下。

因为是入门，所以内容肯定是很简单的，但是本文也不会致力于写教程一样那么详细，还是侧重于自己的理解，把一个小知识点吃透。

这里做一个demo，以展示动态面板的基础用法增加对其的理解。

我们都知道，Axure中的动态面板的含义就是一个有多种状态的板子。每一种状态下还可以挂不同的状态。所以在原型设计中遇到点击不同按钮有不同状态的情况可以考虑使用动态面板。

此处以下拉列表的联动为例，大概讲一下。

首先我们要准备一个省份选择的下拉列表，就是第一个选项表，再后面的下拉列表都要基于这个列表的选项变化；

第二步，我们增加一个动态面板，目的就是利用动态面板可以设置多个状态，并且可以根据动作切换；

第三步，我们双击这个动态面板，然后就会进到状态1的情况，我们在状态1中加入一个下拉列表，用来填写市的选择；

第四步就要加上其他的状态，每个状态都增加一个下拉列表，用来展示不同省的城市选择；

第五步把省级选择的下拉列表增加交互，比如选择湖北省时，面板展示为湖北城市列表的状态，用起来很方便。

动态面板不光可以用来这种多状态的选择，设计原型时，比如文字的滚动，某些组件的平移，只要时有动作的内容，都可以考虑使用动态面板来实现。

当然方案不止一个，大家可以自由选择。

不知道大家对动态面板理解的怎么样了，Ta就像桌子上边的一层玻璃，上边还可以放一些经常使用的东西，东西可以随着这块玻璃板动而动。

你要是不知道桌子上为啥会有一块玻璃，那么表示你还年轻。

axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动相关推荐

axure内联框架和动态面板_解读Axure RP 9新功能：内联编辑动态面板
一直以来,动态面板小部件是Axure RP的一个定义功能.在版本4中引入的动态面板是容器,允许用户构建从图像轮播到粘性导航标题到可拖动页面元素的所有内容. Axure RP 9的主要目标之一是使这些功 ...
axure内联框架和动态面板_Axure教程:如何使用动态面板？动态面板功能详解
写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于Axure动态面板动态面板是a ...
axure内联框架和动态面板_最详细的Axure动态面板使用教程
1.打开[Axure]软件,在index文件上新建一个375*667大小的背景矩形并绘制页面. 具体如图所示. 2.在banner的位置上新建一个[动态面板],双击动态面板在其中新建state1.st ...
axure内联框架和动态面板_Axure中动态面板和母版有什么区别
Axure(http://www.axurechina.cc/)软件中有很多组件,而我们最常用的Axure中动态面板和母版有什么区别呢? 一:动态面板组件从字面上理解是一个动态的.由面板组成的一个组件 ...
axure内联框架和动态面板_Axure -- 动态面板入门解析
动态面板简介动态面板 -- 样式(特有) 滚动条设置(预览页面的区域滚动条) 从不滚动在预览界面隐藏滚动条. 注意:会根据动态面板的大小展示对应内容,超出动态面板部分内容不能展示. 按需滚动在预 ...
html中怎样播放本地视频教程,【Axure9基础教程】内联框架如何引入本地音频视频 HTML PDF等本地文件...
在[ 在讲解如何插入本地文件之前需要先讲两个概念,相对路径和绝对路径,了解了这两个概览后,才能顺利的插入本地文件并识别成功绝对路径和相对路径是什么? 相对路径:相对路径就是相对于当前文件的路径,以引 ...
图片-标签、格式\内联框架\音视频播放——HTML
图片标签图片标签用于向当前页面中引入一个外部图片使用img标签来引入外部图片,img标签是一个自结束标签 img这种元素属于替换元素(块和行内元素之间,具有两种元素的特点) img 属性: src ...
HTML-基本语法、常用标签、列表、超链接、超链接定义锚点、表格、表单和内联框架
HTML基本语法  <!DOCTYPE html> <!-- <h ...
前端学习 -- 内联框架iframe
内联框架iframe 可以向一个页面中引入其他的外部页面内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 <iframe></iframe> 属性: sr ...

axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动

axure内联框架和动态面板_【Axure】动态面板的理解与下拉列表的联动相关推荐

最新文章

热门文章