教大家使用Axure制作数字输入框效果

 时间:2026-02-15 01:18:12

1、打开Axure,新建一个空白页面,将需要的元件拖入到正文中,如下图所示。

教大家使用Axure制作数字输入框效果

2、然后通过调整元件的样式,制作出一下减号的按钮形状,如下图所示。

教大家使用Axure制作数字输入框效果

3、同样的方式,制作一个加号的样式,如下图所示。

教大家使用Axure制作数字输入框效果

4、最后将整体的样式制作完成,如下图所示。

教大家使用Axure制作数字输入框效果

5、这里需要注意要给每一个元件进行命名,后面做交互事件会使用到,如下图所示。

教大家使用Axure制作数字输入框效果

6、下面开始给按钮和元件做交互事件,如下图所示。

教大家使用Axure制作数字输入框效果

教大家使用Axure制作数字输入框效果

教大家使用Axure制作数字输入框效果

7、制作完成后,F5预览一下效果,如下图所示。

教大家使用Axure制作数字输入框效果

  • Axure制作:手机号码简单验证
  • Animate/FLASH如何用按钮改变元件属性(AS3)
  • Axure怎么制作单选效果?
  • Axure制作:验证强密码
  • axure怎么设置弹框动画?
  • 热门搜索
    旅游保险网 cdr格式怎么打开 厦门旅游多少钱 搜狐视频怎么下载 喀斯特地貌的特点 花呗不还款会怎么样 孕妇可以做面膜吗 道客巴巴怎么免费下载 武夷山旅游景点 旅游胜地排行榜