Axure9中使用中继器实现单选效果

本文主要告诉大家如何在Axure9中使用中继器实现列表的快速创建并且实现单选效果。

1、创建中继器

在空白页面中拖入中继器，

双击中继器，进入到中继器的编辑页面，状态如下：

创建布局，根据需要拖入需要的部件，

里面的这个选择按钮我是用图片代替的，并且已经设置完了选中和非选中状态的样式，以及设置了选项组，交互状态如下：

2、给中继器内的部件赋值

选中中继器，在右侧样式里面给部件赋值，修改表格头为对应的部件名称，效果图如下：

切回到交互页面，在交互中添加当项目已加载时设置文本部件的值。注意在设置值的时候选择插入函数的那个选项中的中继器。

下面是设置完成之后的效果：

3、设置选中的样式

给矩形框加点击事件，在选择的时候设置按钮是选中状态，

接下来就是最重要的一点，选中中继器，把隔离列表之间的选项组这个选项设置为非选中状态，这样就可以达到单选的效果，

总结，效果已经实现了，大家可以预览下看看是否达到了你的需求，如果成功了谢谢大家收藏下，如果大家有什么效果需要实现，可以留言或者私聊我，咱们一块进步。

Axure9中使用中继器实现单选效果相关推荐

html 单选打勾效果,checkbox 实现单选效果（html）
note:在html 标签类中的checkbox实现单选效果. 在最近的开发项目中,客户要求使用小方格子实现"单选"功能,显然圆点的radio被out了,只能选择chckbox的方 ...
【MFC】工具栏按钮单选效果
00. 目录文章目录 00. 目录 01. 案例概述 02. 开发环境 03. 关键技术 04. 程序设计 05. 秘笈心法 06. 源码下载 07. 附录 01. 案例概述 Visual C++在 ...
Gridview 单选效果实现，且用且珍惜
Gridview 单选效果,在androidapp中实现非常频繁,我这里提供我的一种思路,这是我的思维导图: 怎么样将这样的思维导图翻译成java代码了,请看下面的代码了: // 电子产品的图片列表信 ...
Vue el-tree实现单选效果
场景: 今天在做项目的时候,前端业务数据设计到树形展示,并需要单选,打开Element,选中 el-tree 组件,但官方文档中只支持多选,并不支持单选,需要对当前组件进行一定的拓展,以达到满足我们项 ...
Java中实现六种图像处理的效果（灰度化、马赛克效果、去背景实现、珠纹化实现、黑白版画效果、油画效果）
** Java中实现六种图像处理的效果(灰度化.马赛克效果.去背景实现.珠纹化实现.黑白版画效果.油画效果) ** 本文的编程的思想: 先将实现这六种效果的方法写入一个名为pic_performanc ...
Java中实现图像的卷积效果
** Java中实现图像的卷积效果 ** 图像的卷积: 指的是使用一个卷积核(kernel)对图像中的每一个像素进行一些列操作.卷积核(算子)是用来做图像处理时的矩阵,图像处理时也称为掩膜,是于原图像 ...
多选框实现单选效果，并且把中文值赋值到特定输入框
//多选框实现单选效果,并且把中文值赋值到特定输入框 function radioCheckBox(obj) {var checkBoxAll = document.getElementsByName ...
layui单元格鼠标样式_Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法...
如下所示: var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/par ...
android 自定义刷新控件,Android开发中MJRefresh自定义刷新动画效果
有时候我们对自己开发的项目经常不满意,但是我们要达到自定义刷新动画的效果有一定的难度,别着急,下面爱站技术频道和大家分享Android开发中MJRefresh自定义刷新动画效果,一起来学习吧! [一] ...