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实现计算器效果(一)
  • axure实现计算器效果(二)
  • axure怎么设置弹框动画?
  • 鼠标移动到DIV上弹出式列表特效
  • AxureRP如何设置页面背景
  • 如何利用Axure RP 8设计软件使用和查找母板面板
  • 热门搜索
    西游记手抄报图片 关于读书的手抄报题目 重阳节手抄报图片简单 节约能源手抄报 儿童中秋节手抄报 儿童手抄报图片大全 爱劳动手抄报 小学生手抄报模板 我的中国梦手抄报图片 创文手抄报