原型中常要用到按钮的禁用和启用，比如常见的：输入手机号获取验证码的获取按钮，在未输入内容前按钮不可点，输入按钮后，可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁用设计。
　　如下图：
　　首先，我们来看看效果
　　没有输入内容前，按钮灰色不可点，输入内容后，按钮变亮，表示可以点击。
　　设计步骤
　　（1）设计好元件：输入框按钮。
　　（2）设置按钮的属性：点击交互样式中的选中，在弹窗中设置按钮被选中时的颜色为绿色；在弹窗中切换到禁用，禁用时的颜色为灰色，点击确定。
　　（3）勾选引用页中的禁用、选中。
　　（4）对输入框进行交互设置：选择交互方式：文字改变时。
　　（5）在弹出的交互编辑窗口中编辑用例条件：当输入框中的元件文字为空时。
　　（6）选择交互工作：当输入框中的元件文字为空时，按钮禁用。
　　（7）可以看到，第5步点击了确定之后，属性中的用例1已经成功设置了按钮的禁用。再次点击文字改变时，设置用例条件。
　　（8）将用例条件设置为输入框中的元件文字不为空时。
　　（9）选择启用禁用，为输入框在改变文字之后配置启用动作，点击确定。
　　（10）此时按钮的禁用启用已经完成，点击预览测试一下吧。

Axure教程：按钮的启用和禁用设计原型中常要用到按钮的禁用和启用，比如常见的：输入手机号获取验证码的获取按钮，在未输入内容前按钮不可点，输入按钮后，可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁……Axure：一分钟制作二级折叠菜单上一篇文章写的拖动列表，里面用了一些公式计算有朋友说有点复杂了，今天做一个二级折叠菜单，个人认为算是我看到的所有文章里步骤最简单的实现办法了，如有更简单的欢迎交流讨论效果……Axure案例：电商购物车购物车功能已经成为各类电商系商品的一个基础功能，那么关于购物车页面的一些交互功能，如何通过原型设计去完成呢？本文以京东购物车为实例，将重点讲述关于购物车页面的交互用例设计。……Axure：一个简单的进度条，了解“触发事件”动作本文通过制作一个简单的进度条，顺便来了解一下“触发事件”动作。先看效果：涉及知识点：“设置尺寸”动作；元件变量：T元件属性：heigh……Axure教程：用Axure进行简单界面设计及交互效果本次作业为根据TIM登录界面截图，画出一副一样的原型。以TIM登录界面为例。一、分析当我们手里仅有这一张截图时，怎样利用Axure做出和截图一样的原形界面呢？……Axure：菊花转（页面加载动画）如何制作本文分享了页面加载动画如何制作，希望对大家有所帮助。先看效果：以下是制作步骤：第一阶段，素材准备（1）拉入一个圆注意：调整圆的大小，示例中是505……APP工具栏如何用Axure画出来工具栏用来展示和方便用户完成当前页面的主要操作，俗称操作栏。典型应用场景原型画法（无交互）工具栏通常包含多个操作按钮。位于屏幕底部。先画工具栏背景，从默……Axure：中继器实现表单增删改查在用Axure的时候，怎么通过中继器实现表单的增删改查呢？本文分享了一个方法。使用中继器设计表单，如下：一、分析在文本框中输入学号，姓名，成绩，班级，点击“新……玩转Axure：如何制作验证码倒计时？注册模块是每个产品必不可少的一部分，也是大部分产品经理着手设计一个产品时遇到的基础部分，在这里通过这个教程分享如何使用Axure中的动态面板实现获取验证码倒计时功能。在开……如何设计规范的原型图？首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文……Axure：巧用交互样式实现多tab切换效果本文分享了在Axure中巧用交互样式实现多tab切换效果的方法，希望对大家有帮助。先看效果：步骤：第1步，先准备三个矩形。1个内容（结果）展示区域……Axure中继器：实现“万能”数据表模板的方法看过很多关于中继器的文章，但如果想要自己做一个，就要东搞西搞的，为了给很多“懒人”带来方便，本文要介绍的是一款通过简单修改，就可以满足使用者需要的“万能”表格。先秀一下（……