您所在的位置: 下载吧  >  软件教程  >  图形图像 > 正文

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

  • 时间:2017-04-26 17:51
  • 来源:三联
  • 编辑:xwgod

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单选按钮和按钮选择值怎么设计

人气排行