Axure实现搜索框的效果

 时间:2024-10-21 07:51:17

用Axure实现搜索框的效果,实现的效果为:(1)当鼠标移入搜索框时,搜索框的巢胫迷芤颜色保持不变(2)当鼠标单击搜索框时,搜索框的颜色由黑色变为红色(3)当鼠标移出搜索框时,搜索框的颜侣忒簿红色继续保持红色不变(4)当鼠标在搜索框以外的区域单单击时,搜索框的颜色由红色变为黑色

工具/原料

Axure8.0

方法/步骤

1、利用矩形创建一个搜索框,在“样式“(Style)中设置搜索框的名字为“SearchBox”,

Axure实现搜索框的效果

2、选中搜索框,在“属性”(properties)中设置其选中状态(selected)时,边框填充颜色为红色,非选中状态(Disabled)时,边框颜色为黑色

Axure实现搜索框的效果

3、选中搜索框,在“属性”(properties)中设置‘鼠标单击’(OnClick)时,发生的动作:将“SearchBox”设置为选中状态(selected)

Axure实现搜索框的效果

4、选中搜索框,在“属性鹁鼍漉糍”(properties)中设置‘失去焦点’(OnLostFocus)时,发生的动作:将“SearchBox”设置为非选中状态(disabled)

Axure实现搜索框的效果

5、目标达成,预览一下可以看一下效果啦

ae中快速制作网格图层的方法 AE怎么使用操控点工具? 如何使用AE制作跳动的文字动画 AE2020“杂色”制作单色老旧照片 c4d声音效果器教程
热门搜索
老虎头图片 二次元少女漫画 有教育意义的漫画 百合漫画纯肉 斗破苍穹漫画免费阅读