Axure-制作单选框

最新推荐文章于 2024-06-04 22:19:15 发布
最新推荐文章于 2024-06-04 22:19:15 发布
阅读量366 收藏
点赞数
分类专栏： 文献 Axuer 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57764321/article/details/118296707
版权
本文档详细介绍了如何利用Axure软件制作单选框，包括设置不同直径的圆形、调整边框和填充颜色，创建交互式选中效果，以及组织组件到选项组和设置鼠标点击响应。
摘要由CSDN通过智能技术生成

1.拉出两个圆形直径为30，两个圆形边框颜色为#333333，填充颜色为#FFFFFF。

2.再拉出两个圆形直径为20，放置在直径30的圆形上面， 填充颜色为#FFFFFF。

3.把两个直径20的圆形的交互样式设置的选中，设置填充颜色为#0000FF。

4.把两个直径20的圆形设置在一个选项组里面。

最低0.47元/天 解锁文章
随心下笔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Axure表格单选
格物的专栏
01-16 1256
        今天要做一个表格的效果：只能选中一项，如上图所示，当我选中第一项时，第一项变蓝色，当我选中第二项时，第一项取消选中，第二项选中，变为蓝色。 设计过程： （1）设置左边复选框的选中状态 （2）设置选项组名称 （3）增加触发事件，核心是要让表格刷新，这样就会让表格恢复初始状态，然后再设置当前项为选中状态，就可以维持单选。 （4）增加交互事件 ...
Axure学习日志之如何自制单选按钮复选框
前端啤酒屋
06-06 893
打打打开Axure，为什么每次都要说这句话呢？ 鸭鸭想说 首先看一下Axure8给我们的单选按钮和复选框 怎么样，漂亮？ 漂亮不敢说，可以说经典，但是某些情况下我们需要些更美丽的。 比如带一点圆角，不同颜色 所以就要自制了 自制也很简单 单选按钮自制： 我们搞的大一点，两个圆形元件，一个60一个40 将内部⚪进行隐藏边框 设置内部⚪的选中状态 再同时设置nei，wai两个⚪的鼠标单击时 切...
【Axure基础教程】选项组的运用
最新发布
qq_33208396的博客
06-04 519
选项组可以将多个元件组合串联在一起，并且具有互斥的效果，类似于单选按钮组的效果，每个元件或组合之间是互斥的效果，其中只能有一个是可以被选中的，通过这个特性可以轻松的做出如导航菜单栏、单选按钮组、Tab页签等效果。框选元件命名之后，这些元件就成为了一个选项组，选项组的效果通过命名来区别，同样名称的元件属于同一个选项组，所以要注意，一般选项组需要结合交互样式一起，来实现单选互斥的效果如何设置有两种方式可以设置选项组第一种：框选元件，右键->选项组->输入选项组名称。
Axure做单选框
VibMike的博客
06-16 2478
1、首先我们打开Axure 2、找到单选框 3、然后我们拖出来并复制一个 4、第一个命名为“左” 5、第二个命名为“右” 6、将“左”单选框的文字改为“是” 7、将“右”单选框的文字改为“否” 8、给“左”单选框设置一个组，打个“1”好了 9在“右”单选框按钮那直接找到刚刚设置的“1” 10、F5预览，单选的效果就出来了 这是我所学到的Axure做单选框，希望可以帮助到你们。 以上就是我的分享，新手上道，请多多指教。如果有更好的方法或
5分钟玩转Axure之单选、多选按钮
黄昏誓
07-04 9256
常用控件使用常用场景使用技巧Axure中怎样使单选按钮可以在预览时单选互斥：Axure中怎样使一个多选按钮全选：总结 常用场景 单选按钮我们主要使用在表单中；而多选按钮我们最常用在表格中（进行批量操作的选择）、其次是表单中。 使用技巧 Axure中怎样使单选按钮可以在预览时单选互斥： 我们需要实现，选择A时，B、C不选中，选择B时，A、C不选中，以此类推 我们可以设置交互事件，设置A按钮选中时，B、C按钮设置不选中；以此类推； 可以设置为动态面板，设置A选中，B、C不选中为第一种状态，以此类推得三种状态
axure设置单选按钮组
qq_42249552的博客
04-16 633
AXURE-RP-6.5教程
04-19
Axure RP 6.5的界面中包含丰富的组件库，其中包含了图片组件、文本面板、矩形、占位符组件、线条、图片热区、文本框、编辑框、按钮、动态面板、单选按钮、复选按钮、内部框架、菜单组件和树等元素。每个组件都有其...
axure好用的部件-蚂蚁设计
03-13
在"axure好用的部件-蚂蚁设计"这个主题中，我们主要关注的是如何利用Axure中的控件来提高表单设计的效率，并探讨一些特定的组件，如表单、单选按钮、多选框、后台页面框架样式以及穿梭框等。 首先，让我们从表单...
Axure RP 9 元件库完整版
05-14
单选按钮和复选框是表单设计中的基本元素，确保用户能进行选择。开关效果通常用于设置开关状态，例如开启或关闭某个功能。列表项删除功能则常见于列表或表格视图中，允许用户删除特定项目。 2. **274个IOS官方字体...
axure8.0 最全元件库
09-12
4. **表单元素**：如输入框、下拉菜单、复选框、单选按钮等，用于创建功能性的表单界面。 5. **导航组件**：如菜单、面包屑、滑块、页签等，这些元素有助于用户在网站或应用中进行导航。 6. **媒体元素**：包括...
Axure8元件库.zip
07-07
首先，我们来看"element.rplib"，这个文件是基础元件库，通常包含了Axure RP 8的默认组件，如按钮、文本框、复选框、单选按钮、图片、表格等基本元素。这些元件在设计任何类型的原型时都必不可少，它们可以被拖放到...
用Axure实现单选按钮交互效果,点击展开，在点击一次关闭的效果
07-24
用Axure实现单选按钮交互效果,比如我们点击按钮，展开内容，再点击一次则内容影城起来，并且加上动画效果.有详细的图文结合
小楼axure rp教程（三）单选框效
07-14
本教程来自产品经理博客：诉客-产品经理的心声
axure rp教程（三）单选框效果
lxhjh的专栏
11-29 7627
实现目标： 选择任一项，其他项变成非选中状态。 最终效果如下： 图1 实现过程： 1、  需要的组件：3个单选框 2、  将单选框文字改为：男、女、保密，标签分起个名字比如叫男、女、保密 3、  分别设置三个单选框的onclick事件为：如果该单选框被选中的话，其他单选框变为未选中状态； 下图以“男”举例： 第一步，双击男单选框的OnClick事件，弹出图2
Axure实现单选、全选与取消全选的方式
热门推荐
z983002710的博客
02-27 3万+
第一步：创建一个多选项的页面，如下所示：第二步：实现单选效果，选中需要设置单选效果的原件添加用例：第三步：设置原件的选中状态当前原件，其值设置为“toggle":第四步：设置原件点击后发生的样式变化，在“选中”中对原件的样式进行设置：第五步：原件单选效果已经设置完毕，如下图：第五步：对每一个参与多选的原件都进行单选样式的设置，包括全选原件，如下图所示：第六步：对全选原件选中状态样式的改变进行用例增...
Axure rp9实现各类组件——单选按钮和复选按钮
2301_76679860的博客
01-25 686
在后台管理系统等表单中，单选按钮和复选按钮是使用最平凡的使用元件。
Axure rp9入门图文教程——基操及介绍（看完就能上手，人人都是产品经理）
七加一i的博客
03-13 2万+
由于这几天参加绘制原型草图工作，被迫学习Axure，所以将这几天的学习成果梳理一下，分享给跟我类似努力学习 （被迫）的同学
Axure 9 单选按钮 + 显示效果
u012062810的专栏
08-25 2744
用的不多，用了即忘，所有来记录下，就这个小作用，网上的文章真的写的有些复杂，有必要 ？ 1、拖多个单选按钮，只看红框中的 2、Ctrl +鼠标左键选中，然后点击鼠标右键，出现弹框，选择红框 3、点击“指定单选按钮组”后，出现弹框，输入组名。然后随意选中其中一个单选按钮 4、点击预览，效果达成 ...
巧用单选按钮
hexieyyds的博客
05-08 376
1、打开Axure 然后在左边的元件库里 找到单选按钮拖出来（复选框的作用与单选按钮一致）. 2、矩形为了展示单选按钮的作用 3、把单选按钮的文字给删掉. 4、找到右边的分组把他们命名一样一个组. 5、设置矩形的属性为选中. 6、点击右边的选中时. 7、一个设置为选中一个为不选中注意看右下角的英文字母 10点击预览即可. 同学们这次的Axure元件之单选按钮大神萌新有什 么想说的呢评论区见 ...
Axure-RP构建人机交互篮球教练辅助系统原型
"本文将介绍如何使用Axure-RP构建人机交互的产品原型，以篮球教练辅助系统为例，探讨在产品设计过程中的关键步骤和功能需求。" 在设计基于人机交互的产品原型时，Axure-RP是一款常用且强大的工具。它能够帮助设计师...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值