多语言展示
当前在线:1529今日阅读:27今日分享:41

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

Axure RP 8设计软件自带了很多控件,有单选按钮、按钮和输入框下面有这么一个场景:(1)有四个单选按钮(2)选择其中一个单选按钮,点击按钮触发事件(3)将单选按钮值填写到输入框中下面利用一个实例实现上述场景,操作如下:
工具/原料
1

Axure RP 8

2

截图工具

3

浏览器

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

注意事项
1

注意Axure RP 8单选按钮的用法

2

注意按钮Button点击事件

推荐信息