一、元件操作基础

1. 可见性控制

• 隐藏/显示：可以设置元件的可见性，使元件在特定条件下隐藏或可见

• 应用场景：创建动态交互效果，如点击按钮显示隐藏内容

2. 层级管理

• 层级概念：元件有上下层关系，上层元件会遮盖下层元件

• 调整方法：可以手动调整元件层级顺序

• 应用场景：处理重叠元件的显示顺序

二、交互功能

1. 条件与结果

• 工作原理：对元件设置交互时进行条件判断，根据不同条件触发不同结果

• 应用示例：如"当文本框为空时显示提示，不为空时隐藏提示"

2. 局部变量

• 定义：用于控件间传递值的中间变量

• 用途：在不同交互间传递数据，实现复杂交互逻辑

三、常用元件详解

1. 基础形状元件

• 矩形：

  • 最常用的多功能元件

  • 可通过样式变换实现多种效果

  • 操作性强，适合作为按钮、容器等

2. 媒体元件

• 图片：

  • 可直接复制粘贴到Axure中

  • 支持多种图片格式

  • 可作为界面背景或内容元素

• 热区：

  • 透明可交互区域

  • 覆盖在希望操作的区域上

  • 用于创建不规则形状的点击区域

3. 表单控件

• 单选按钮：

  • 用于并列选项中只能选择一项的情况

  • 通常成组使用

• 复选框：

  • 用于并列选项中可多选的情况

  • 每个选项独立选择

• 文本框：

  • 允许用户输入内容的控件

  • 可设置多种输入类型（文本、密码等）

• 列表框：

  • 提供选项筛选功能

  • 可以是下拉式或展开式

4. 高级控件

• 内联框架：

  • 可嵌入URL链接或本地文件

  • 用于在原型中展示外部内容

  • 支持网页、PDF等多种格式

四、学习心得

1. Axure的交互功能强大，通过条件判断和局部变量可以实现复杂的逻辑

2. 合理使用层级管理可以使原型更加整洁有序

3. 不同类型的表单控件适用于不同的输入场景

4. 热区元件是创建非矩形交互区域的有效工具

5. 内联框架极大扩展了原型的展示能力

五、后续学习计划

1. 深入练习条件交互的设置方法

2. 尝试组合使用多种元件创建完整页面

3. 学习使用动态面板实现更丰富的交互效果

4. 探索Axure的团队协作功能