AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

Radio Button 单选按钮



常见案例

在表单中

单选按钮经常用于从一个小组的选择切换到另一组。
该选择可以触发该页面上的交互或被存储的变量值跨页交互。



编辑单选按钮

单选按钮组
当单选按钮添加到组中后,一次只能有一个被设置为选中状态。
选择你想要加入到组中的单选按钮,然后右键 -- 指定单选按钮组,或者在部件属性面板中设置单选按钮组名称。
如果你想添加多余的单选按钮到组中,右键点击 -- 指定单选按钮组,在弹出的对话框中选择对应的单选按钮组名称。
要将单选按钮从组中移出,右键点击 -- 指定单选按钮组,将群组名称清空,点击确定。

本帖分享可见的内容

单选按钮组案例

预览效果



对齐方式

对齐方式  默认情况下,单选按钮是在左侧,文字在右侧。你可以通过部件属性面板,调整左右位置。



禁用单选按钮

默认情况下单选按钮是启用的,但有些情况需要禁用单选按钮。禁用单选按钮可右键点击选择禁用或者在部件属性面板中选择禁用。



设置默认选中或动态选中

单选按钮可以在设计区域点击设置为默认选中,或者右键单击勾选选中。这样生成原型单选按钮默认是选中的。
单选按钮也可以通过设置选择/选中动作动态设置其选中状态。



常用交互

点击禁用/启用文本
单选按钮可以添加鼠标单击事件。
因为单选按钮在单选按钮组中自动切换,所以你不需要添加一个以上的用例或向复选框那样的逻辑判断。
点击按钮启用文本部件
预览效果



动态切换选中状态

单选按钮可以使用设置选择/选中动作 动态切换其选中状态。
这个案例中包含了如何动态切换单选按钮选中状态。
案例下载
效果预览



基于单选按钮选择显示内容

设置单选按钮可以使用条件动态控制动态面板的显示状态。
如果 选中值状态 “单选按钮” 的值 = 真,这个条件的判断后会执行一个设置动态面板状态的动作。

本帖分享可见的内容

案例下载

查看效果



使用单选按钮跨页交互
使用单选按钮通常会改变其他页面的元素,这是通过判断如果单选按钮是选中或 真,来存储变量值。
在这个例子中,点击提交按钮是基于单选按钮的选中来设置变量值,在下一页基于页面加载事件对变量值判断来关联显示动态面板状态。

本帖分享可见的内容

案例下载

查看演示



单选按钮的局限性

单选按钮是一个固定的高度和宽度,你可以改变文字,但无法改变按钮形状。

时间: 2024-10-27 16:18:35

AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮的相关文章

AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> HTML Button HTML按钮 为操作系统的浏览器体验而设计 HTML按钮的格式取决于你浏览原型的操作系统中的浏览器.它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式,这和你操作系统中应用程序的样式类似. 编辑HTML BUTTON 提交按钮的填充颜色.边框颜色和其他大多数样式格式都被禁用了.取而代之的是生成原型后在浏览器中它会使用内建的样式

AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 水平线和垂直线 HORIZONTAL & VERTICAL LINES 使用案例 将页面区块化 最常见的用法是将内容分解成几个部分,比如,讲页面分为 header 和 body. 编辑线条 添加箭头 线条可以通过工具栏中的箭头样式转换为箭头:选中线条,点击箭头样式,在下拉列表中选择箭头样式. 线宽.颜色和样式 线条可以添加颜色.设置宽度和添加样

AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 动态面板 DynamicPanel 动态面板概述       动态面板(Dynamic panel) 动态面板是一个可以在层或状态中装有其他部件的容器. 你可以将动态面板比喻成相册,相册的每个夹层中又可以装进其他部件,并且每个夹层和里面的部件可以隐藏.显示和移动,并且可以动态设置当前夹层的可见状态.这些特性允许你在原型中演示自定义提示.灯箱.标签控制和

AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Inline Frame 内部框架 使用内部框架,可以嵌入视频,地图,和HTML到您的原型设计中.使用案例 模拟移动体验 使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或站外链接并显示在手机外壳的屏幕上.这样可以在你的电脑上实现模拟移动设备的体验. 签入外部内容 外部的HTML文件.视频.地图等内容都可以签入到内部框架中

AxureRP7.0基础教程系列 部件详解 List Box 列表选择框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> List Box 列表选择框 常用案例 替代下拉列表 如果你想让用户查看所有选项而不需要点击选择的话,就使用列表选择框替代下拉列表. 多选 与下拉列表不同的是,列表选择框允许用户对选项进行多选. 编辑列表选择框 编辑列表选择框 项目的添加.删除.排序和批量添加操作,和下拉列表框都是一样的.唯一不同的是,列表选择框可以设置为允许多项选择. 列表选择框案例

AxureRP7.0基础教程系列 部件详解 中继器部件Repeater

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 中继器概述 REPEATER OVERVIEW 中继器部件是一款高级部件,用来显示重复的文本.图片和链接. 通常使用中继器来显示商品列表.联系人信息列表.数据表或其他. 中继器的构成 2 PARTS OFREPEATER 中继器数据集 Repeater Dataset 中继器部件是由中继器数据集中的数据项填充的.这些填充的数据项可以是文本.图片或页面链

AxureRP7.0基础教程系列 部件详解 文本框 Text field

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Text Field 文本框(单行)使用案例 收集表格数据 文本框(单行)经常用于收集表格内容传递给其他表格或其他页面中的表格,还可以进行函数运算. 登陆框 文本框可以用作登陆体验,加入逻辑条件和多个用例还可以对登陆成功/失败进行模拟. 编辑文本框 文本框类型 文本框可以给定特殊的输入格式,主要用来调用移动设备上不同的键盘.可选格式:文本.密码.Ema

AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Droplist 下拉列表 常用案例 传递表格信息 下拉列表经常用于性别选择.信用卡过期日期.地址列表等形式.所选择的项存储在变量中,然后通过变量进行传递. 跨页更改动态面板状态 查看效果 使用下拉列表改变图片 在下拉列表的选项改变时,图片内容也与之对应改变.详情下载案例RP文件. 本帖分享可见的内容 下拉列表选项 查看效果 编辑下拉列表 添加.删除.

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认