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软件如何使用滤镜中的中间值功能?
  • 易语言命令之计次循环首
  • 北京哪些清真餐厅能办婚宴
  • 热门搜索
    马来西亚旅游攻略 台儿庄古城旅游攻略 冲绳旅游攻略 宜春旅游 青海旅游路线 旅游局局长 玉林旅游 枣庄旅游景点 上海市商贸旅游学校 海南省旅游