如何利用Axure RP 8设计单选按钮和按钮选择值

 时间:2024-11-01 14:41:57

AxureRP8设计软件自带了很娇虺樱箬多控件,有单选按钮、按钮和输入框下面有这么一个场景:(1)有四个单选按钮(2)选择祈硗樘缎其中一个单选按钮,点击按钮触发事件(3)将单选按钮值填写到输入框中下面利用一个实例实现上述场景,操作如下:

如何利用Axure RP 8设计单选按钮和按钮选择值

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤

1、第一步,双击打开AxureRP8设计软件,展示页面显示的内容,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

2、第二步,在表单元件中拖四个单选按钮到画布上,并修改其内容,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

3、第三步,再拖曳一个按钮到画布上,放在右侧方向,并修改内容为“确定”,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

4、第四步,将A、B、C和D设置单选按钮组名称为selection,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

5、第五步,再拖曳一个输入框到单选按钮下方,调整输入框宽度,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

6、第六步,选择按钮点击“鼠标单击时”,设置选择单选按钮时,输入框显示的内容,如下图所示:

如何利用Axure RP 8设计单选按钮和按钮选择值

axure文本调整为元件文字长度教程 axure实现下拉刷新效果 Axure RP 9 教程—能获取本地时间时钟 axure中根据变量值长度执行交互事件 Axure RP 下拉列表 实现 城市和区 的交互
热门搜索
好朋友图片 图片软件 仙人球图片 宁静致远图片 暧昧图片