教程按钮与文本框结合在一起的动态重置功能

　　本文要给大家讲解的是，按钮与文本框结合在一起的动态重置功能，enjoy
　　设置文本
　　1。1页面布局
　　1。1。1页面设定
　　新建一个页面文件，命名为重置功能。
　　在重置功能页面内新建一个命名为窗口的【组合文件】，并在【组合文件】内分别新建命名为模板备注、字典名称、左上的【组合文件】和命名为重置按钮、窗口背景的【矩形】元件。
　　（1）模板备注
　　从元件库内分别拉入两个【矩形】和一个【文本框】元件分别做模板备注标题、模板备注文本框、模板备注背景。
　　模板备注背景的填充色为ffffff，边框为1px实线、色值e4e4e4，模板备注文本框没有边框、框内字体大小为12px、字体颜色为333333填充色为ffffff、并在属性类型提示文字内输入请输入描述内容（文字大小为12px，字体颜色为333333）、高度为162px、宽度为233px，，模板备注标题的填充色为透明、没有边框、字体为黑体大小为12px、色值为666666。
　　（2）字典名称
　　从元件库内分别拉入两个【矩形】和一个【文本框】元件分别做字典名称标题、字典名称文本框、字典名称背景。
　　字典名称背景的填充色为ffffff，边框为1px实线、色值e4e4e4，字典名称文本框没有边框、框内字体大小为12px、字体颜色为333333填充色为ffffff、高度为21px、宽度为233px，，字典名称标题的填充色为透明、没有边框、字体为黑体大小为12px、色值为666666。
　　1。2动态交互
　　1。2。1效果设计
　　（1）重置按钮的交互样式设置
　　选中重置按钮，进行【交互样式设置】，将鼠标悬停、鼠标按下、选中的交互样式的填充颜色设为00CC00。
　　（2）文本框的交互样式设置
　　选中【文本框】元件，将【类型】设置为查询（在文本框内输入文字的时候，则会出现清除框内文字的交互效果），隐藏提示触发勾选为输入。
　　1。2。2交互流程
　　（1）重置按钮联动字典名称和模板备注文本框的动态交互效果
　　选中重置按钮，在【属性】中设定【鼠标单击时】的交互用例，并配置相关的动作。
　　步骤一：设置用例名称的编辑条件
　　在【条件设立】中添加【元件文字】动作，选择模板备注文本框和字典名称文本框，将两者的值设为不等于（！）空条件。
　　步骤二：设置模板备注文本框字典名称文本框的动态交互效果
　　在case1【组织动作】中添加【设置文本】的动作，在【配置动作】内勾选模板备注文本框和字典名称文本框，设置文本为：值空。
　　1。3预览效果
　　请路过的朋友们多多支持哈，卧枕江山在这里先谢谢了，以后会有更多优质的文章和产品在这个平台上进行发布，请尽请期待呦！