Axure原型工具实现给手机充话费的效果

 时间:2024-11-13 14:40:16

1、首先创建一个空白的页面,在工作区域拖入几个矩形元件,并对矩形元件的文字描述和样式简单调整一下,如下图所示。

Axure原型工具实现给手机充话费的效果

3、按照上述方法,将其他的矩形元件的选中状态也设置一下,这里可以全部选中一起设置,如下图所示。

Axure原型工具实现给手机充话费的效果

5、为了达到演示效果,上面的充值金额会根据你选择充值的金额而变化,因此在做交互事件时需要定义一个局部变量用于控制金额的变化,如下图所示。

Axure原型工具实现给手机充话费的效果

7、同样的方式,将其他矩形的鼠标单击事件的交互进行设置,如下图所示。

Axure原型工具实现给手机充话费的效果

9、交互事件都设置完成后,f5预览一下效果,点击充10元,上面的充值金额就会变成10元,点击充20元,上面的充值金额就是20元了。

Axure原型工具实现给手机充话费的效果Axure原型工具实现给手机充话费的效果
  • PR怎么安装插件
  • 百度推广查看今日数据报告
  • Photoshop软件如何使用滤镜中的中间值功能?
  • 易语言命令之计次循环首
  • 北京哪些清真餐厅能办婚宴
  • 热门搜索
    autumn什么意思 自宫是什么意思 运动会新闻 哀莫大于心死什么意思 痧是什么 篮球运动员 维生素e的副作用 鳄龟养殖 充气娃娃有什么用 什么是双学位