通过【设置动态面板的状态】实现输入框两种状态的切换
方法/步骤
1
要实现的效果为当“自定义”单选按钮选中时(其他元件的操作方法类似),输入框由【不可输入】切换到【可输入】状态。
2
首先,输入框两个状态的切换由“动态面板”来完成,增加两个状态,分别命名为“default”和“onfocus”,最好是自己方便识别的命名
3
对两个状态的输入框(可以用矩形元件或其他)分别定义不同的样式,“default”可以定义浅灰色填充,表示不可输入状态。
4
可输入状态,可以填充白色,并去掉提示文本
5
选中单选元件,添加用例。
6
在交互中选择“选中时”,用例编辑弹窗面板中“设置面板状态”为“onfocus”状态
7
同时对应“取消选中时”,切换面板状态为“default”状态
8
F5,在浏览器看一下效果,默认加载时,没有选中,为不可输入状态
9
当选中时,切换到可输入状态。
上一篇:认识Excel的编辑栏和状态栏