欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Axure RP 8怎么设计单选按钮和按钮选择值?

程序员文章站 2023-03-24 19:22:18
Axure RP 8怎么设计单选按钮和按钮选择值?...

axure rp 8设计软件自带了很多控件,有单选按钮、按钮和输入框,下面有这么一个场景:

(1)有四个单选按钮

(2)选择其中一个单选按钮,点击按钮触发事件

(3)将单选按钮值填写到输入框中

下面利用一个实例实现上述场景,操作如下:

Axure RP 8怎么设计单选按钮和按钮选择值?

1、双击打开axure rp 8设计软件,展示页面显示的内容,如下图所示:

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 按钮