axure怎么加矩形可以在网页中输入数字

axure怎么加矩形可以在网页中输入数字,第1张

1、首先拖入一个矩形框,设置好线段颜色,并在右侧 *** 作栏设置【交互样式设置】中的鼠标悬停和选中效果,这边我设置了鼠标悬停和选中时“线段颜色”及“外部阴影”。2、再拖入一个矩形框,设置高度与宽度,并设置矩形填充颜色及边框可见性,只显示右边的边框。3、从元件库拖入“减号”或者从网上下载“-”的图标,放置“步骤2”中的矩形框中,从元件库中拖入“-”减号图标需要按需调整一下大小及颜色,将“步骤2”中的矩形框与减号图标设置为组合。4、接下来按照“步骤2”和“步骤3”制作“+”号图标;复制“步骤2”中的矩形框,设置边框可见性,在拖入“+”图标。5、接着拖入一个文本框放置在中间剩余区域,设置文本框的名字为“数字输入”,选中文本框,右键【隐藏边框】。6、最后再拖入一个文本框放置在控件的右侧,命名为“步长”,文本框中根据你需要自动增加或者减少的数值进行输入(假设输入1 ,则点击加号时,文本框自动加1)。

(1)首先建立一个空白页面,然后画出一个大矩形,两个数量加减的小矩形(分别命名为“+”“-”,可以填充一下颜色),最后画一个实现数量加减的文本框,命名为“数量”.如图所示。

(2)首先选中“-”号矩形,在属性里给它添加事件,鼠标单击时,如图所示。

(3)点击设置文本,在窗口右边选择我们要实现效果的元件,也就是“数量”,如图所示。

(4)点击窗口右下方设置文本值里面的fx,插入函数,如图所示。

(5)点击添加局部变量,为变量命名,我们取名为num(可自定义),第二个选择元件文字,第三个选择我们命名的“数量”,在插入变量与函数里输入 [[num-1]],点击确定。如图所示。

(6)我们的“-”就做好了但是购物车数量可不能为负数哦,所以要给他设置条件,点击添加条件,给它设置条件,点击确定,如图所示。

(7)“+”的效果,依照2-4步,(5)步在插入变量与函数里输入 [[num+1]],点击确定。如图所示。

(8)这样我们一个利用AXURE就做出了一个单击“+”“-”按钮,实现购物车数量加减的效果了。

不清楚你对不同条件的定义,所以发了两张图。

在红框处双击,即可新添加一个不同条件。(图一)

点击“添加条件”,然后再d出的对话框界面点击“加号”,也添加不同条件(图二)


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11611014.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存