精华内容
下载资源
问答
  • 动态面板的特性: 1.容器性 可以作为存储元件的窗口,这个窗口可以扩大可以缩小,只可显示出窗口可见的容器。 蓝色虚线可以看作是动态面板窗口的大小 2.多空间 可以建立多个state(状态),但是只能看到state...

    动态面板的特性:

    第一步还是打开Axure!哈哈

    1.容器性

    可以作为存储元件的窗口,这个窗口可以扩大可以缩小,只可显示出窗口可见的容器。
    在这里插入图片描述
    蓝色虚线可以看作是动态面板窗口的大小

    2.多空间

    可以建立多个state(状态),但是只能看到state1中的元件。
    双击动态面板进入面板状态管理
    加号可以增加新的state
    在这里插入图片描述

    ps:多个元件可以直接右键转换成动态面板。
    在这里插入图片描述

    使用动态面板

    实现登录验证:

    首先增加两个矩形元件和一个文本标签,将其转化为动态面板,并且将其隐藏。在登录验证时进行检查,若未输入用户名则进行输出请输入用户名,将其显示。
    在这里插入图片描述
    在这里插入图片描述
    效果如上图所示。

    如何添加抖动

    依然是进行用户名验证
    效果是将整个登录模块进行快速左右抖动提示用户

    因为要进行整个模块的抖动,所以要把整个模块先转换为动态面板dtdl
    在这里插入图片描述
    转化为动态面板后登录按钮只能在动态面板之内操作其用例
    增加
    依次增加如上动作,移动dtdl
    在这里插入图片描述
    以上图为例,用相对距离进行抖动,上图即是相对于之前的x轴位置增加80,即向右移动80,
    增加线性动画,时间设置为50毫秒

    即可达成抖动效果

    抖动无法截图哈哈,只能脑补一下啦!

    展开全文
  • ①利用动态面板可添加多个状态的特性,创建5个状态; ②将5张需要展示的图片放到各个状态里面; ③将圆点分页标签做成只能唯一被选中的效果,并设置第一个圆点默认被选中; ④页面打开后,开启图片循环播放的效果; ...

    案例描述:
    固定区域循环播放一组图片(幻灯片效果),圆形分页标签随着播放不同的图片,而对应改变样式。

    思路分析:
    ①利用动态面板可添加多个状态的特性,创建5个状态;
    ②将5张需要展示的图片放到各个状态里面;
    ③将圆点分页标签做成只能唯一被选中的效果,并设置第一个圆点默认被选中;
    ④页面打开后,开启图片循环播放的效果;
    ⑤每次切换到新的图片时,根据状态名称选中圆点分页标签,呈现蓝色效果
    注意:第1张图片的尺寸大小决定后面图片的大小(即与第1张保持一致)
    1.把动态面板拖入页面,命名为SlidePanel
    2.双击动态面板
    在这里插入图片描述
    3.进入状态“State1”,添加一张图片到画布左上顶点的位置(位置可自定)
    在这里插入图片描述
    4.参考上一步,将剩余四张图片分别放入到状态“State1”~“State5”中;
    在这里插入图片描述
    5.在动态面板区域外拖入一个圆形,在元件属性中为其设置【选中】的样式,{设置选项组名称}为“Tag”,并调整为合适的大小;点中此元件,按<Ctrl+D>键复制成5个后,摆放在合适的位置上;因为这几个元件变小后不易操作,可以在概要面板中,为这几个命名为“Tag1”~“Tag5”
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    设置第一个圆点默认被选中
    右键——选中
    在这里插入图片描述
    6.新建交互——【载入时】事件——【设置面板状态】动作
    点中动态面板“SlidePanel”,为其【载入时】事件添加用例,设置动作为【设置面板状态】“SlidePanel”为【Next】;同时,勾选【向后循环】与【循环间隔】的选项,并设置自动循环间隔的时长为“2000”毫秒;一般来说,页面打开时,不会直接切换到第二个状态,所以这里还要勾选【首个状态延时***毫秒后切换】;最后,设置下个状态进入与当前状态退出的动画均为【向左滑动】“500”毫秒;
    在这里插入图片描述
    7.新建交互——状态改变时——添加情形1
    为动态面板“SlidePanel”的【状态切换时】事件添加用例1;为用例添加条件判断,判断【面板状态】“SlidePanel”【】【面板状态】“State1”;
    在这里插入图片描述
    在这里插入图片描述
    继续上一步,添加符合该条件的动作,【选中】元件“Tag1”
    插入动作——【设置选中】
    在这里插入图片描述
    在这里插入图片描述
    参照情形1添加情形2的条件和动作;判断【面板状态】“SlidePanel”【
    】【面板状态】“State2”;动作为【选中】元件“Tag2”
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    参照情形2,依次添加情形3~4
    8.因为,除去情形1~情形4的判断内容,就只剩下最后一种情形;所以,情形5无需进行条件内容的设置,直接设置动作为【选中】元件“Tag5”
    在这里插入图片描述
    在这里插入图片描述
    完成!

    展开全文
  • 相对于按钮形状来说,动态面板的交互行为更多,请对比: VS 而且,动态面板中还可包含动态面板,如图: 这两个重要的特性,就赋予了动态面版强大的功能: 1、多级目录(视频教程见dynamic-panels-adv...

    原始学习资源:http://www.axure.com/dynamic-panels-advanced

    如果有什么地方不通畅或是有不清楚的地方,欢迎指教!

    意译:

    相对于按钮形状来说,动态面板的交互行为更多,请对比:

    image VS   image

    而且,动态面板中还可包含动态面板,如图:

    image

    这两个重要的特性,就赋予了动态面版强大的功能:

    1、多级目录(视频教程见dynamic-panels-advanced(似乎需要番习习檣才能看到视频),文本教程见accordion-control-tutorial

    要点:

    标题框设置点击时切换内容动态面板的可见性

    为内容动态面板设置显示时下移(相对值)下面的动态面板;显示时上移(相对值)下面的动态面板

    移动时下面的面板跟随。

    自己试一下就知道了,重要的是要为各动态面板统一命名(相对于程序装变量的命名规则,这个简单多了),不然的话元素多了就乱了。

    用到了动态面板的OnMove\OnShow\OnHide交互

    2、相册(直译是相片传送带) (6.0版本的教程见:photo-carousel-tutorial-60  6.5版本的教程见:photo-carousel-tutorial

    这个比多级目录简单多了,只不过多级目录是一下子就出现,相册的例子是加了出入的效果

    而且6.5版本的优化了很多,6.0的麻烦太多了。

    3、可拖拽地图 (教程见 draggable-map-tutorial

    相对简单,主要用到了动态面板的OnDrug交互

    4、拖到图片删除(教程见drag-and-drop-images-tutorial

    复杂点在于有判断条件,如下图。

    image

     

    实际的应用中,原型肯定不止这四种,还会有许多许多原型(及其变化体)。但万变不离其宗,掌握好动态面板的交互、判断条件等就可以解决绝大部分原型。

    转载于:https://www.cnblogs.com/qinbin/archive/2012/10/10/Axure-wireframe-dynamic_panels-advanced.html

    展开全文
  • 案例12. 动态面板:自动图片切换 案例来源: 淘宝-首页 案例效果: ...页面打开时:(图1-82) ...利用动态面板可添加多个状态的特性,创建5个状态;(操作步骤1) 将5张需要展示的图片放到各个状态里面;(操作步...

     案例12.   动态面板:自动图片切换

    案例来源:

    淘宝-首页

     

    案例效果:

    • 页面打开时:(图1-82)

    1_82

    案例描述:

    固定区域循环播放一组图片(幻灯片效果),圆形分页标签随着播放不同的图片,而对应改变样式。

     

    元件准备:

    • 页面中:(图1-83)

    1_83

    元件命名:

    • 动态面板(多状态添加图片):SlidePanel
    • 矩形(圆点分页标签):Tag1~Tag5

    思路分析:

    • 利用动态面板可添加多个状态的特性,创建5个状态;(操作步骤1)
    • 将5张需要展示的图片放到各个状态里面;(操作步骤2~3)
    • 将圆点分页标签做成只能唯一被选中的效果,并设置第一个圆点默认被选中;(操作步骤4)
    • 页面打开后,开启图片循环播放的效果;(操作步骤5)
    • 每次切换到新的图片时,根据状态名称选中圆点分页标签,呈现橙色效果。(操作步骤6~10)

    操作步骤:

    1、拖入动态面板到画布,命名为“SlidePanel”,双击动态面板(或者在概要面板中鼠标双击动态面板名称),点击【+】图标,为动态面板添加5个状态;(图1-84)

    1_84

    2、双击进入状态“State1”,添加一张图片到画布左上顶点的位置;(图1-85)

    1_85

    3、参考上一步,将剩余四张图片分别放入到状态“State1”~“State5”中;(图1-86)

    1_86

    4、拖入一个矩形,设置为圆形,在元件属性中为其设置【选中】的样式,{设置选项组名称}为“Tag”,并调整为合适的大小;点中此元件,按<Ctrl+D>键复制成5个后,摆放在合适的位置上;因为这几个元件变小后不易操作,可以在概要面板中,为这几个命名为“Tag1”~“Tag5”;(图1-87)

    1_87

    5、点中动态面板“SlidePanel”,为其【载入时】事件添加用例,设置动作为【设置面板状态】“SlidePanel”为【Next】;同时,勾选【向后循环】与【循环间隔】的选项,并设置自动循环间隔的时长为“2000”毫秒;一般来说,页面打开时,不会直接切换到第二个状态,所以这里还要勾选【首个状态延时***毫秒后切换】;最后,设置下个状态进入与当前状态退出的动画均为【向左滑动】“500”毫秒;

    • 用例动作设置:(图1-88)

    1_88

    6、为动态面板“SlidePanel”的【状态切换时】事件添加用例1;为用例添加条件判断,判断【面板状态】“SlidePanel”【==】【面板状态】“State1”;

    • 条件判断设置:(图1-89)

    1_89

    7、继续上一步,添加符合该条件的动作,【选中】元件“Tag1”;

    • 用例动作设置:(图1-90)

    1_90

    8、再次双击事件的名称或双击点击【+】,参照用例1添加用例2的条件和动作;判断【面板状态】“SlidePanel”【==】【面板状态】“State2”;动作为【选中】元件“Tag2”;

    • 事件交互设置:(图1-91)

    1_91

    9、参照用例2,依次添加用例3~4;

     

    10、因为,除去用例1~用例4的判断内容,就只剩下最后一种情形;所以,用例5无需进行条件内容的设置,直接设置动作为【选中】元件“Tag5”。

    • 事件交互设置:(图1-92)

    1_92

    展开全文
  • 面板与胶层等效?愫喜牧?并推导了其等效弹性参数.根据等效板理论、三明治夹芯板理论及所提出方法分别建立自由自由状态铝蜂窝夹层复合材料有限元模型.将3种等效方法数值计算结果与试验模态参数进行对比,结果...
  • 这里面他主要要求一个界面可替换的特性,也就是说在程序完成发布以后想要修改程序的面板、功能或者添加新的界面不需要进行重复地发布,可以通过打补丁的方式来实现。   由于LabVIEW拥有很强大的平台接口支持,对...
  • 光斑在TFT-LCD面板上表面或者下表面聚焦时鬼影以及打在金属丝上光斑畸变问题,提出在焦平面附近调节相机快门和增益以消除鬼影,并根据相机快门时间动态变换光斑中心求解方法。分析了光斑鬼影产生原因和消除...
  • 利用 hover 伪类创建纯 CSS 收缩面板

    千次阅读 2013-12-29 21:47:03
    这是一个非常简单的例子,主要利用了元素 hover 高亮效果的特性创建收缩面板。“hover”的意思就是用户鼠标移上某个元素时,该元素会产生高亮的...我们这个收缩面板,主要就是使用到了这个 hover 会动态变化的特性
  • 通过广泛的有限元分析,研究了附有SMS和DMS面板的230英尺大跨度4弦高架钢桁架桥,以观察其结构完整性。 根据2016 AASHTO LRFD设计规范,将静态风荷载应用于模型桁架中的四种不同配置。 基于静态分析,提出了一种...
  • Axure 介绍卡

    2021-01-20 20:37:31
    实现效果:通过鼠标有人有放大的功能,鼠标移出恢复原样。 1.首先我们放入一张图片,拉一个矩形用于覆盖图片。 2.去掉矩形边框,选择背景颜色为...让我们联想到动态面板的特性:1.是容器 2.有动效3.限制显示区域 4.可以
  • 主要特性 可视化UI例程编辑,直观明了 分离界面开闭相关属性,以及界面逻辑属性 支持多层级。自带空间深度显示 自带动画接口,可扩展并动态绑定 支持面板间互斥,回滚等常见操作 批量打开界面,以及批量关闭保存更新...
  • 2,完善开发调试面板,支持HotReload,秒级编译 3,页面支持组件等级更新 二,Thresh特性与整体架构 Thresh项目推出初心是为了能提供一种基于Flutter完全跨端动态化方案,性能达到甚至可以取代React Native,...
  • 但是,太阳能光伏(PV)面板已连接到配电馈线,潮流,功率质量和电压的特性已经改变。 因此,进行准动态时间序列潮流分析并在配电馈线中提供最佳的光伏位置至关重要。 本文通过计算日负荷系数(DLF)提出了放置...
  • 每个恒定电流输出通道都带有一个预充电场效应晶体管 (FET),可减少多路复用(动态)驱动 LED 显示屏重影现象,让显示屏上对比度更佳,图片更生动。 特性 预充电 FET 可减少重影现象 LED 灯串之间高精度...
  • vue2 动态添加组件 (typescripte版本)

    千次阅读 2018-12-15 17:55:08
    当想要在一个画板中添加一些组件(图形)时候适用,如下图类似效果,点击一个按钮时候,动态地在面板中添加组件,请看 2.组件动态添加区效果 效果 先上图 让大家看看动态添加组件效果 技术说明 1 这里并...
  • VS2010新特性:Office Excel 2010 Office Excel 2010 新增了 Sparklines 特性,可根据用户选择数据直接在单元格内画出折线图、柱状图等,并配有 Sparklines 设计面板供自定义样式。好了不多说了,我们进入正题,...
  • 它有许多对企业用户有用的特性,包括:分页式环境、动态端口转发、自定义键映射、用户定义按钮、VB脚本以及显示2字节字符和支持国际语言的UNICODE终端。   Xshell v6 Beta最新版下载>>>   Xshell v6 Beta...
  • 在之前项目当中使用了腾讯...vconsole 工具 是一个轻量、可拓展、针对手机网页前端开发者调试面板特性 查看 console 日志 查看网络请求 查看页面 element 结构 查看 Cookies、localStorage 和 Session...
  • Office PowerPoint 2010 ... PowerPoint 2010 左侧幻灯片面板也新增了分区特性,用户可将幻灯片分区归类,也可对整个区内所有幻灯片进行操作。见下图中 Default Section 和 LiveSino Section
  • 假定读者对这些框架和它们所提供的特性已有基本的了解。 例子应用 本文中所讨论的例子应用是一个产品管理应用。该应用为期用户提供了如下特性: 用户可以基于名字搜索一个产品类型 当用户选择了一个产品,将...
  • PV的特性是非线性的。 通常 MPPT 仿真也包括 DC/DC 转换器的非线性动态特性,并且大多数时候 MPPT 算法的动态性能不会独立展示。 使用此测试仪,您可以观察/研究基于 P&O 的 MPPT 算法的工作原理。 我们在模拟中...
  • 随着两个面对面板之间距离增加,共振频率呈现出从0.88 THz到1.30 THz逐渐蓝移。因此,我们可以通过在两个晶体板之间添加压电陶瓷板来动态控制带隙和通带带宽。此外,给出了模式和电场分布色散关系,以分析带...
  • 变量空间(VarSpace) 用于存储命令行面板生成的全局变量,也可以通过面板控件对全局变量...预览面板的内容不仅可以静态输出,还可以对以输出的内容做记录并动态更新 结构化输出并可编辑特性 预览面板的输出...
  • 本文设计脉冲和瞬态测量控制项目的,是对4... 脉冲测量结果,既可以通过选择面板数值显示进行表达显示,也可以通过在波形图上活动游标线的动态显示过程进行显示。可以非常直观地对瞬态测量结果意义有明确
  • 设计并研制了一种新微通道板选通X射线纳秒分幅相机,相机...对相机静态特性动态特性的实验标定及应用现场所获得实验结果均表明,相机工作性能稳定,具有几何畸变小、动态范围大等特点,满足Z-箍缩实验研究需要。
  • 浮动设置面板 分享改进 隐私 前台访问权限 网络扫描需要精确位置权限 防止设备跟踪 保护外部存储中用户数据 阻止不需要中断 安全 存储加密 默认TLS1.3 平台优化 改进生物识别 相机和媒体 照片动态...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 245
精华内容 98
关键字:

动态面板的特性