教大家使用Axure制作按钮样式的单选按钮

 时间:2024-10-13 07:09:38

1、打开Axure原型工具,今天教大家使用Axure制作按钮样式的单选按钮,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

2、首先从元件库将需要的元件拖入到正文当中,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

3、然后通过样式对元件的大小进行调整,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

4、为了做出更子的效果,我们可以把第一个按钮和最后一个按钮的圆角半径进行调整,如下图所示。

教大家使用Axure制作按钮样式的单选按钮教大家使用Axure制作按钮样式的单选按钮

5、然后给每个元件上输入一些文字,并将元件位置调整一下,合并到一起,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

6、下面给每一个元件加上交互的样式,也就是选中时的样式,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

7、最后给每一个元件加交互事件,也就是鼠标单击时选中该元件,如下图所示。

教大家使用Axure制作按钮样式的单选按钮

8、所有工作准备完成,F5预览看一下效果,如下图所示。

教大家使用Axure制作按钮样式的单选按钮
  • Axure可见性设置为切换教程
  • Axure RP中如何自定义形状元件
  • 怎么在flash中绘制一个简单表格
  • Axure图形双击时如何打开新窗口/新标签
  • AxureRP添加线性渐变教程
  • 热门搜索
    广西南宁旅游景点大全 沈阳到海南旅游专列 扬州旅游节 重庆海外旅游百事通 长海县旅游攻略 北京故宫虚拟旅游 宜昌三峡旅游 天津有什么旅游景点 珠海旅游景点排名 上海旅游集散中心官方网站