2021-05-03

    启用、禁用的使用说明

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：axure

作者：谢雅杰

1、点击Axure，进入到里面找到元件库，拖出矩形1，放置页面，调整一下矩形的尺寸

2、调整完尺寸，双击矩形把+86敲上去，再拉一个垂直线，阻隔一下。

3、到元件库，找到表单元件里的文本框，拖出来调整尺寸，再调整文本框的字体大小，先调后调都可以，右边文本框下方有一个隐藏边框，把文本框的边框记得隐藏了，这么做为了总体做出的效果美观一点，先隐藏后隐藏都行，看个人习惯。

4、元件库选择全部，查找“叉”,拖出，调整尺寸大小，然后右上角有个隐藏，点击旁边的方框就隐藏了。

5、拖出登录按钮，把矩形里的字修改成“登录”，然后修改字体大小，字体粗细。

6、第一个动作接下来设置效果，右边的交互，点击文本改变时出现一个矩形，矩形上方有一个用例名称，点击添加条件，然后点击确定，看到矩形里的添加动作，元件“显示”这个动作显示的是“叉”。

7、第二个动作再点击文本改变时，找到添加动作“隐藏”，隐藏“叉”

8、第三个动作，点击文本改变时，添加条件，修改里面的条件，第一个框“元件文字长度”，第二个框找到元件库里拉出来的“文本框”最后一个框里面的值改成“11”即可。然后设置添加动作找到“启用”启用是启用的登录框。

9、点击鼠标右键找到切换，把动作三里条件“Else If”改成“If”。

10、第四个动作，添加动作找到“禁用”，第四个动作就结束了。

11、接下来，矩形登录框的交互样式设计，“填充颜色”，然后添加动作，“鼠标单击时”，找到“当前窗口”打开链接。

12、再找到外围矩形，设置“交互样式”“线段颜色”，

13、回到文本框，找到“获取焦点时”，添加动作找到“选中”，再点击“失去焦点时”找到“取消选中”即可。