axure交互样式(下拉列表和矩形)
*****矩形交互样式之单选按钮*****
1、账号输入框、密码输入框等文本框实现效果:输入框获取焦点时边框是蓝色,失
去焦点时边框为红色;
2、实现思路:边框用矩形来设置选中和未选中、禁用和启用即可
3、切记:选中和未选中、禁用和启用都是针对外部的矩形不是内部的输入框!
4、步骤:
1)将矩形【选中】状态的边框颜色改为红色,禁用状态的边框颜色改为蓝色
2)内部输入框隐藏,点击矩形的时候再显示并且获取焦点在输入框内,禁用矩形框
(即边框为蓝色)
3)输入框【获取焦点时】,设置矩形未选中后再禁用矩形(蓝色)
4)输入框【失去焦点时】,启用矩形再设置矩形选中(红色)
5)以上步骤完成后,不管重复点击多少次输入框,都能遵循以上规则实现效果。
*****矩形交互样式之复选框实现*******
1、矩形框内文本为√,文本颜色设置为白色,选中状态的文本颜色设置为想要的颜
色。
2、矩形框【鼠标单击时】——【设置选中状态为“toggle”】即可实现选中的切换
。(点击选中,再次点击取消选中)
****下拉框交互样式*****
1、地点选择:省市对应辖区
方法1:
1)省市——【shengshi】:包含云南、四川、重庆三个选项
2)辖区转化为动态面板——xiaqu
3)xiaqu——【状态1:云南】包含所有云南的辖区——xiaqu_yn
4)xiaqu——【状态2:四川】包含所有四川的辖区——xiaqu_sc
5)xiaqu——【状态3:重庆】包含所有重庆的辖区——xiaqu_cq
6)【shengshi】——【选项想改变时】——【设置条件】——【被选项值为“重庆
”】——【设置动态面板状态为“重庆”】,以此类推判断其他的用例。
方法2:省市和辖区的命名必须一致,这样做有很多好处,可以不使用上述方法一一
对应判断条件,可以直接【设置面板状态】——【Value】——【状态名称为fx(被
选项shengshi)】即【设置xiaqu为[[ss]]】(注:ss为获取到的被选项shengshi的局
部变量)
方法2较推荐
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/9994172.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」