网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Axure实现计算器效果(一)

时间:2024-10-11 19:39:52

1、首先,在Axure画板中,拖入19个矩形框,组成如下图所示的计算机操作界面

Axure实现计算器效果(一)

2、在操作界面上方,拖入一个矩形框,并填充为黑色,在矩形框上,拖入一个文本框记为text001,文本框的字体颜色设置为白色

Axure实现计算器效果(一)

3、完成以上两步后,一个简单的计算器的界面就算完成了

Axure实现计算器效果(一)

4、给数字键添加点击效果,点击数字键的时候,背景填充为灰色

Axure实现计算器效果(一)Axure实现计算器效果(一)

5、给功能键(加、减、乘、除、等)添加点击效果,点击时,背景填充为红色,字体变为白色

Axure实现计算器效果(一)Axure实现计算器效果(一)

6、设置清零按钮的点击事件,点击AC时,text001变为0

Axure实现计算器效果(一)

7、设置数字键的点击事件,点击数字键时,text001等于被点击的数字键的值

Axure实现计算器效果(一)
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com