AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET
2014-08-26 15:46
429 查看
原型库网站—讲师金乌原创发布,可自由转载,请注明出处!Axure中文官网:www.AxureRP.cn《AxureRP7.0部件详解》图片热区 HOT SPOT WIDGET
图片热区是一个不可见的(透明的)层,这个层允许你放在任何区域上并添加交互。
使用案例
自定义按钮
图片热区可以用来创建自定义按钮上的点击区域
在上面说的例子中,我们使用了图片部件、文字部件、形状按钮部件,我们只需在这些部件上面添加一个图片热区并添加一次事件即可,无需在每个部件上都添加事件。
给图片添加热区
如果你想给一张图片上添加多个交互,就可以给图片添加热区来实现。
上面的例子中,我给一张图片的多个区域添加了图片热区和交互。
编辑图片热区
图片热区在生成的原型中是透明的(不可见的),如果你想在设计区域中也将其设置为透明,点击 菜单 -- 视图 -- 遮罩 -- 取消勾选图片热区即可。
图片热区是一个不可见的(透明的)层,这个层允许你放在任何区域上并添加交互。
使用案例
自定义按钮
图片热区可以用来创建自定义按钮上的点击区域
在上面说的例子中,我们使用了图片部件、文字部件、形状按钮部件,我们只需在这些部件上面添加一个图片热区并添加一次事件即可,无需在每个部件上都添加事件。
给图片添加热区
如果你想给一张图片上添加多个交互,就可以给图片添加热区来实现。
上面的例子中,我给一张图片的多个区域添加了图片热区和交互。
编辑图片热区
图片热区在生成的原型中是透明的(不可见的),如果你想在设计区域中也将其设置为透明,点击 菜单 -- 视图 -- 遮罩 -- 取消勾选图片热区即可。
相关文章推荐
- AxureRP7.0基础教程 部件详解图片热区 HOT SPOT WIDGET
- AxureRP7.0基础教程系列 部件详解 树部件 Tree Widget
- AxureRP7.0基础教程系列 部件详解 图片/Image
- AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架
- AxureRP7.0基础教程系列 部件详解 Check Box 复选框
- AxureRP7.0基础教程系列 部件详解 表格Tabel
- AxureRP7.0基础教程系列 部件详解 表格Tabel
- AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES
- AxureRP7.0基础教程系列 部件详解 List Box 列表选择框
- AxureRP7.0基础教程 部件详解树部件 Tree widget
- AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表
- AxureRP7.0基础教程 部件详解 图片/Image
- AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮
- AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形
- AxureRP7.0基础教程系列 部件详解Text Area 文本段落
- AxureRP7.0基础教程系列 部件详解 中继器部件Repeater
- AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮
- AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel
- AxureRP7.0基础教程 部件详解Radio Button 单选按钮
- AxureRP7.0基础教程系列 部件详解 文本框 Text field