Axure-6.0-交互原型设计详细实例教程(一).docVIP

Axure-6.0-交互原型设计详细实例教程(一) Axure 6.0 交互原型设计详细实例教程（一） ——TAB标签切换的制作 我们通常看到的切换形式为： 工作原理是： 其中，控件和内容一一对应，控件和内容都有两种状态，控件的状态包括“被选中”和“没被选中”，内容的状态为“显示”和“不显示”，当控件的状态为“被选中”时，内容的状态为“显示”，当控件的状态为“没被选中”时，内容的状态为“不显示”。 下面我们来做一个实例，就以上面的图为例子： 第一步，按照TAB切换原理，我们准备好3个按钮和3个内容区，并为三个控件命名（控件A、控件B、控件C），如下图： 状态；显示“内容B”，隐藏“内容A”和“内容C”。 点击“控件C”：将“控件C”变成“被选中”状态，将“控件A”和“控件B”变成“没被选中”状态；显示“内容C”，隐藏“内容A”和“内容B”。 具体实现方式（以点击“控件A”为例）： 双击onclick会出现下面的窗口： 点击左侧的“显示面板”，并在最右侧勾选需要显示的面板“内容A”： 点击左侧的“隐藏面板”，并在最右侧勾选需要显示的面板“内容B”和“内容C”： 点击左侧的“将组件设置为选定状态”，并在最右侧勾选 “控件A”、“控件B”和“控件C”： 在右下角设定“控件A”的“Select the value”值为“selected”、“控件B”和“控件C”为“default”