Axure[第二课]实现点击按钮增减效果

第一步:添加界面,并给文本框设置标签:input 如下图:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8203/545035d2-c1d2-31b7-ba2b-1ca1427527d6.jpg[/img]
[/img]


第二步:选中+号按钮,在交互界面选择onClic(点击时),进入界面:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8205/fce9475f-12f6-3c79-b25b-ee43be69438f.jpg[/img]
[/img]

选择界面上的编辑条件,如下图所示:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8207/eda34507-9738-3b1f-a826-81b5511015d1.jpg[/img]
[/img]

然后选择第2步:添加动作 中的 部件与变量中的 设置变量/部件值,设置成如下图所示:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8209/159d75a7-79ea-3b93-bc7e-0041d930834d.jpg[/img]
[/img]

添加完条件与动作后,选中+号按钮,交互界面如下:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8211/c215b887-63e2-38a2-973d-9664bf0e11d5.jpg[/img]
[/img]


第三步(-号按钮)与第二步大同小异,只是条件稍微修改下,改为:大于等于1;input控件的值改为:
[[number-1]];
条件:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8213/71b1a8fe-415f-35b2-a392-cfd79a21abb5.png[/img]
[/img]
动作:
[img]
[img]http://dl.iteye.com/upload/attachment/0080/8215/c81f251e-c10b-3b9a-95aa-10a6193dffe4.png[/img]
[/img]

你可能感兴趣的:(Axure)