Axure RP 8自定义复选下拉框,选中项文字同步显示
来源:互联网 发布:怎么在淘宝上找代理 编辑:程序博客网 时间:2024/06/06 03:27
Axure RP 8自定义复选下拉框,选中项文字同步显示
一、展示与连接
最终实现效果图:
本人实现的百度云盘链接:http://pan.baidu.com/s/1dF90czZ 以供学习,云盘密码可以私信问我!
二、实现步骤
简单步骤如下(可参照云盘中文件编辑):
A 拖拽“文本框”元件到编辑区,选择适合Icon放到文本框中
B 拖拽“列表框”元件到编辑区,鼠标右键设置为动态面板,并将列表框设为隐藏。如下所示:
C 双击动态面板并确定编辑,如下图所示:
D 可以依次拖拽并添加复选框到动态面板的编辑区域中,右侧可以为每个复选框命名,以便添加交互效果时辨别用。
E 以下设置复选框交互效果以第一个全选原因为例:
(1)在元件属性中的“选中时”添加用例,并设置交互条件,效果如下图
(2)另外需要添加所有复选框的全局变量,对于第一个复选框,我们设置全局变量a来存储相应值,a默认值为空
(3)接下编辑交互效果,当全部原因选框选中时,我们吧“全部原因”赋值给a
并设置文本框显示为“[[a]]”这样当我们选中时文字就会显示在文本框处,同理当我们取消选中时,我们把a设置为空,同时设置文本框显示为“[[a]]”
(4) 最后将所有复选框的都这样设置,编辑结束
欢迎大家交流学习,不足之处还望指教!强调内容
阅读全文
0 0
- Axure RP 8自定义复选下拉框,选中项文字同步显示
- Axure RP Pro - 相关问题 - 统计选中的复选框的数量
- Axure RP 8基础教程-制作下拉菜单
- Axure RP 8.0 用中继器(repeater)完成按钮点击添加下拉菜单和文字
- Axure RP 8 注册码
- Axure RP 8教程
- Axure RP 8 教程
- Axure RP 8教程
- Axure RP 8 教程
- Axure RP 8 教程
- 单击文字选中复选框事件
- 复选框文字对齐显示
- Axure RP 8 学习笔记
- Axure RP 8 7.0 注册码
- Axure RP自定义元件(随时更新)
- Axure RP Pro - 相关问题 - 显示视频
- DataGrid分页显示复选框选中
- Axure RP Pro - 相关问题 - Droplist下拉列表框部件在规格文档中不包括默认值
- 学习笔记34-k近邻算法
- Spring2.5源码解读 之 基于annotation的Controller实现原理分析(1)
- git如何合并只有两个commit到一个
- I2C TOOLS
- 在linux中查看jdk的版本以及安装路径
- Axure RP 8自定义复选下拉框,选中项文字同步显示
- Android 异常:javax.net.ssl.SSLException: hostname in certificate didn't match
- 为什么越来越多的Java工程师开始转向hadoop?
- MySQL查询优化:LIMIT 1避免全表扫描
- AndroidSwipeLayout:最强大的 Swipe Layout
- eclipse项目中误删Android Private Libraries和Android Dependencies
- 【国际化】Android包的国际化
- Java之美[从菜鸟到高手演变]之设计模式
- -bash: php: command not found 命令找不到