本文是翻译自Axure官方的教程。由@Shunz顺子翻译。

本文将介绍 Axure RP 8 中继器(Repeater)功能的改进。主要改动集中在可以允许中继器中的条目设置为不同尺寸大小。

隐藏部件时不再影响尺寸

在 8.x 版本中,隐藏条目中的部件时不会再影响该条目的显示尺寸了。如果你在Axure 8 中打开 7.x版创建的文档,将按此改进更新文档。如果你希望保留由隐藏部件定义的条目尺寸大小,可以添加一个热区部件到该中继器条目中。

适配HTML内容大小

当选中中继器部件的“适配HTML内容大小”属性项时,中继器的条目尺寸大小将随着该条目其中的部件的显示、隐藏和移动变化自动改变。该“适配HTML内容大小”属性项可以在选中某个中继器部件后,在其检查器面板的属性tab中找到。

注意:如果你使用“按 lightbox 效果处理”选项来显示中继器部件条目中的某个部件时,条目的尺寸大小将不会发生变化。

条目尺寸变更事件(OnItemResize)

中继器部件新增了一个条目尺寸变更事件(OnItemResize),可以用来响应中继器条目(以及中继器部件本身)的尺寸变化操作。例如:可以根据需要调用“移动”操作来移动页面上得其他部件。(译注:如下图中,中继器条目尺寸变化,动态移动中继器后面的灰色矩形块)

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

译者:Shunz顺子

axure 调整中继器列宽_Axure RP 8教程 - 中继器功能改进相关推荐

  1. axure 调整中继器列宽_Axure中继器:柱状图灵活变幻的诀窍

    柱状图的使用在分析平台很常见,作为产品在设计此类分析统计平台的时候,常常面临找不到合适的图表元件的情况,又或是找到了合适的图表元件,元件本身又比较偏静态,需要花一些时间去做适当的修改.本文主要介绍了如 ...

  2. axure9的中继器在哪编辑_Axure RP 9 教程—中继器实现筛选和排序

    特别提醒 考虑到网上Axure RP 9 教程极少的情况,今后文章名称统一改为Axure RP 9 教程,一来明确公众号的定位,二来提高搜索的精准度. 本次教程是对Axure中继器的深化学习,之前发布 ...

  3. php表格列宽拖拽,JavaScript_JQuery拖动表头边框线调整表格列宽效果代码,类似于桌面程序中的表格拖动 - phpStudy...

    JQuery拖动表头边框线调整表格列宽效果代码 类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放 ...

  4. axure 调整中继器列宽_在Axure中用“中继器”实现对表格的增、删、改

    最近一周探索了Axure中中继器的用法,在看别人的教程的过程中我产生了很多的困惑,于是理了一些思路出来,制作出了对列表的增加行(行里有数据)和删除行,进行对行的修改和保存.希望对学习中继器的朋友有用. ...

  5. axure实现复选框全选_Axure RP实例教程:全选与取消全选效果

    原标题:Axure RP实例教程:全选与取消全选效果 Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件,或者在web网站的线框图.流程图.原型和规格的设计制作,从低到高的视觉和交 ...

  6. C#——调整PropertyGrid列宽

    使用Reflection 代码片. //using with caution static void MoveSplitterTo(PropertyGrid grid, int x) {// HEAL ...

  7. 微信登录提示逻辑不正确_Axure RP 9 教程:模拟登录注册

    本篇文章将会教大家利用Axure RP 9,制作显示密码和隐藏密码的交互效果,enjoy~ 前言 本期案例给大家展示的交互内容包括: 60s倒计时 动态面板的简单切换 输入正确的密码的时候登录成功:否 ...

  8. richtextbox自动滚动到最下面_Axure RP 9教程:banner轮播最简单的实现方法

    图片轮播是各大网站常常见到的形式,文章带我们学习了如何用Axure实现图片轮播功能,一起来看看~ 最近开始做产品的原型设计,从RP8到RP9的过渡,对于RP9的很对设置还比较陌生,很多东西还在摸索中. ...

  9. excel表格怎么调整行高和列宽_wps表格课程08|调整行高列宽

    本课程由菜鸟在线教育独家出品,未经授权严禁用于商业用途,侵权必究 客服微信:13264012523 调整行高列宽是表格内容布局的必备技能. 方法/步骤 ■ 调整行高/列宽的最基础办法是:将鼠标定位到行 ...

  10. xlsx怎么设置行高列宽_Excel2016中调整行高和列宽的两种方法

    在报表的编辑过程中经常需要调整特定行的行高或列的列宽,例如当单元格中输入的数据超出该单元格宽度时,需要调整单元格的列宽.本文图文讲述了Excel2016中调整行高和列宽的两种方法. 方法一:使用命令调 ...

最新文章

  1. Android开发--初识多线程/线程的创建,开启,休眠,中断
  2. oracle表对比同步,Oracle表双向同步问题
  3. SAP Cloud Application Programming 编程模型(CAP)的设计准则
  4. php投票系统中各个文件的作用说明,PHP开发简单投票系统之投票页面功能模块(二)...
  5. html 网站右侧导航,页面右侧固定导航.html
  6. java http get_「面小易-面经12」阿里巴巴Java方向面试题汇总(含答案)
  7. insight face数据打包(一):LFW
  8. 手动 将exe加入到系统启动服务、卸载服务的方法
  9. RFID:ISO14443、15693、18000体系分析
  10. 程序员,对自己好一点
  11. android画布橡皮,Android 橡皮擦功能的实现
  12. 供应链金融与区块链的关系
  13. Springboot 中类不能使用@Value注解从yml中加载值
  14. 安装angular ng-alain
  15. java.lang.ClassCastException: de.odysseus.el.ExpressionFactoryImpl cannot be cast to javax.el.Expres
  16. python---用单个葫芦丝音节合成完整的曲目
  17. vbs整人简单实现大量弹窗+指定语句退出!
  18. Atitit 华为管理者内训书系 以奋斗者为本 华为公司人力资源管理纲要 attilax读后感...
  19. matlab abel变换图片处理
  20. 机器学习中模型的评估方法

热门文章

  1. NIOSII 软核的流水灯
  2. 程序员新电脑常用软件安装
  3. 三维GIS视频融合监控平台
  4. enum ordinal java_Spring 3.x自动将枚举的ordinal值转换为枚举类型
  5. 扬声器安装程序unknown,电脑无声音
  6. 计算机控制系统总线,计算机控制系统功能之现场总线控制-电脑自学网
  7. 2037今年暑假不AC
  8. 水星d128路由器虚拟服务器,幻影D128路由器怎么设置?
  9. 从k-\epsilon到k-\omega
  10. 怎样将图片转换成word文字