八大胜娱乐场网站

您当前的位置 : 八大胜娱乐场网站>赛事公告>「u乐备用在线」Axure教程:不同元件的单选选中效果
「u乐备用在线」Axure教程:不同元件的单选选中效果
2020-01-11 17:41:44   阅读量:407    作者:匿名
摘要:如何在axure中实现不同元件的单选选中效果?教程详解在此,请看~~同一选填内容的不同选项,我们可以通过拖动元件库已有的“单选按钮”,编辑选项对应需要展示的文字;然后全选所有的“单选按钮”,将他们组合并取名为某一名称;最后将此名称复制到“设置单选按钮组名称”中,即可实现效果。设置矩形元件的交互事件。

     

    「u乐备用在线」Axure教程:不同元件的单选选中效果

    u乐备用在线,如何在axure中实现不同组件的单一选择?教程的详细内容在这里,请参见~ ~

    对于相同可选内容的不同选项,我们可以拖动库中现有的“单选按钮”来编辑与要显示的文本相对应的选项。然后选择所有的“单选按钮”,并将它们组合起来,并给它们命名。最后,将名称复制到“设置单选按钮组名称”以达到效果。

    以我们个人信息中常见的性别选择为例。

    但是,如果您需要展示的原型不是单选按钮,而是类似于菜单选择或页码切换的显示效果,那么“单选按钮”将不能满足您。

    此时,我们需要定制不同组件的单一选择效果。具体的轴操作步骤可分为:

    将矩形组件拖到页面中,将其调整到所需的形状和大小,然后命名。

    我拖到一个矩形中,将其圆角半径设置为8,将组件的名称更改为“性别”,并输入要在矩形中显示的文本“男性”。

    设置矩形组件的交互事件(当鼠标单击组件时,将其选定状态设置为“真”)。

    设置矩形组件的交互样式(单击“选择”将选定的交互样式设置为白色字体并填充蓝色)。

    复制刚刚设置的矩形组件,粘贴所需数量的无线电组件,并逐个修改和输入组件上显示的文本(需要确保这些组件的命名是统一的)。

    选择所有这些组件,在“设置选项组名称”中输入它们(相同)的名称,然后单击f5查看效果。

    原型效果:http://www.wulihub.com.cn/go/wy3r9j/start.html(单页码原型效果)

    这篇文章最初是由@苏·小白发表的。每个人都是产品经理。未经允许禁止重印。

    主题地图来自unsplash,基于cc0协议。

      © Copyright 2018-2019 todlangley.com 八大胜娱乐场网站 Inc. All Rights Reserved.