在 Axure 中实现勾选一个复选框使文本标签值 +1 ,可以按照以下步骤操作:
- 准备元件:
- 在页面上放置一个按钮元件和一个文本标签元件。例如,按钮命名为 “添加试题篮”,文本标签初始值设为 “0” 。
- 添加“添加试题篮”交互动作:
- 点击复选框,在 “交互” 面板中,为 “单击” 事件添加交互动作,并添加用例1。
- 设置变量:点击 “添加动作”,选择 “设置变量值”。
- 创建一个新的变量,比如命名为 “shitilan”,初始值设为文本标签当前的值(通过 “值” - “元件文字” - 选择文本标签元件获取)。
- 变量值增加:再次点击 “添加动作”,选择 “设置变量值”。
- 这次设置变量 “shitilan” 的值为 “[[shitilan + 1]]” ,这里使用了 Axure 的表达式,将变量 “shitilan” 的值增加 1 。
- 更新文本标签:第三次点击 “添加动作”,选择 “设置文本”。
- 将目标设置为文本标签元件,文本内容设置为 “[[shitilan]]” ,这样就将增加后的变量值显示在文本标签上。
- 添加 “移出试题篮” 的反向操作(可选):
- 如果希望在移出试题篮时文本标签值减 1 ,在该按钮的单击动作下添加用例2。
- “用例1” 的操作,先获取当前文本标签值设置给变量 “shitilan”,然后设置变量 “shitilan” 的值为 “[[shitilan - 1]]” ,最后将文本标签的文本设置为 “[[shitilan]]” 。
通过以上步骤,就可以实现添加试题篮时文本标签值 +1 的效果,若点击了 “移出试题篮” 的操作,还能实现移出试题篮时文本标签值 -1 。