Axure 实现输入框不可编辑状态切换到可编辑状态

 时间:2026-05-01 19:45:58

1、要实现的效果为当海边沃“自定义”单选按钮选中时(其他元件的操作方法类似),输入框由【不可输入】切换到【可输入】状态。

Axure 实现输入框不可编辑状态切换到可编辑状态

2、首先,输入框两个状态的切换由“动态面板”来完成,增加两个状态,分别命名为“default”和“onfocus”,五夏最好是自己方便识别的命名

Axure 实现输入框不可编辑状态切换到可编辑状态

3、对两个状态的输入框(可以用矩形元件或其他)分别定义不同的样式,“default”可以定义浅灰色填充,表示不可输入状态。

Axure 实现输入框不可编辑状态切换到可编辑状态

4、可输陕搁入状态,可以填充白色,并去掉提示文本

Axure 实现输入框不可编辑状态切换到可编辑状态

5、选中单选元件,添加用例。

Axure 实现输入框不可编辑状态切换到可编辑状态

6、在交互中选择“选中时”,用例编辑弹窗面板中“设置面板状态”为“onfocus”状态

Axure 实现输入框不可编辑状态切换到可编辑状态

7、同时对应“取消选中时”,切换面板状态为“default”状态

Axure 实现输入框不可编辑状态切换到可编辑状态

8、F5,在浏览器看一下效果,默认加载时,没有选中,为不可输入状态

Axure 实现输入框不可编辑状态切换到可编辑状态

9、当选中时,切换到可输入状态。

Axure 实现输入框不可编辑状态切换到可编辑状态

  • 支付宝如何查看基金持有收益率?
  • sql server类型有哪些,sql server类型怎么查看
  • 君越变速箱,常见故障总结,解决办法
  • 小米/红米手机怎么开启护眼模式?
  • 如何寻找僵尸listing并使用
  • 热门搜索
    怎么才能成为明星 盐水洗鼻的正确方法 去斑的方法 爱沐空间产品怎么样 葱爆羊肉的家常做法 大便干燥怎么调理 马云图片大全 核桃仁怎么吃 图片格式怎么转换 富德生命人寿怎么样