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软件如何使用滤镜中的中间值功能?
  • 易语言命令之计次循环首
  • 北京哪些清真餐厅能办婚宴
  • 热门搜索
    海峡旅游人才网 南宁旅游景点大全 郑州市旅游 上海到北京旅游 胡志明市旅游 全国旅游景点地图 土耳其旅游局 张家界的旅游景点 舟山旅游景点大全 环球旅游资讯