Axure8.0基础教程(21-30)新手必须掌握的基础操作

本文目录

基础21.     设置元件默认选中/禁用

基础22.     设置单选按钮唯一选中

基础23.     设置元件不同状态时的样式

基础24.     设置图片文本

基础25.     切割/裁剪图片

基础26.     嵌入多媒体文件/页面

基础27.     调整元件的层级

基础28.     组合/取消组合元件

基础29.     转换元件为图片

基础30.     载入元件库

正文

基础21.   设置元件默认选中/禁用

元件的属性中可以对一些元件的默认状态进行设置,可以设置的状态包括【选中】和【禁用】,默认状态的设置,可以触发属性中设置的交互样式。比如设置某个元件在浏览器中默认为禁用的灰色,就需要勾选【禁用】(复选框),并设置【禁用】的交互样式。(图1-22)

除了禁用与选中个别元件还具有【只读】的设置。例如:文本框与多行文本框。

1-22

基础22.   设置单选按钮唯一选中

全选所有的单选按钮,在元件属性中{设置单选按钮组名称},即可实现唯一选中的效果。(图1-23)

1-23

基础23.   设置元件不同状态的交互样式

点击元件属性中各个交互样式的名称,即可设置元件在不同状态时呈现的样式。这些样式在交互被触发时,就会显示出来。(图1-24)比如设置元件默认状态为禁用,在浏览原型时,页面打开后就会显示该元件被禁用的样式。(图1-22)

1-24

基础24.   设置图片文本

设置图片文本需要在图片上点击<鼠标右键>,选择【编辑文本】,方可进行图片上的文字编辑。(图1-25)

1-25

基础25.   切割/裁剪图片

在图片的元件属性中,设有切割和裁剪功能的图标,点击即可使用相应功能。元件上点击<鼠标右键>,菜单中也有相应的选项。(图1-26)

切割:可将图片进行水平与垂直的切割,将图片分割开。

裁剪:可将图片中的某一部分取出。裁剪分为几种,分别是裁剪、剪切、和复制。其中:裁剪只保留被选择的区域;剪切是将选取的部分从原图中剪切到系统剪贴板中;复制是将选取的部分复制到系统剪贴板中,复制的方式对原图没有影响。

1-26

基础26.   嵌入多媒体文件/页面

基本元件中的内联框架可以插入多媒体文件与网页。双击元件或者在属性中点击【框架目标页面】,在弹出的界面中选择【链接到url或文件】,填写{超链接},内容为多媒体文件的地址(网络地址或文件路径)或网页地址。在这个界面中也可以选择嵌入原型中的某个页面。(图1-27)

1-27

图中嵌入的优酷视频地址:http://player.youku.com/player.php/sid/XMTM2MDA3NDA0OA==/v.swf

基础27.   调整元件的层级

元件的层级可以通过点击快捷功能中的图标或者右键菜单的【顺序】选项进行调整,也可以在页面内容概要中通过拖动进行调整。概要中层级顺序为由上至下,最底部的元件为最顶层。(图1-28)

1-28

基础28.   组合/取消组合元件

通过快捷功能图标或右键菜单可以将多个元件组合到一起,达到共同移动/选取/添加交互等操作。组合/取消组合的快捷键为< Ctrl G>键/键。(图1-29)

1-29

基础29.   转换元件为图片

形状/文本标签/线段等元件可以通过点击<鼠标右键>,选择将元件【转换为图片】。例如,使用少量特殊字体或者图标字体时,即可将元件转换为图片,避免在未安装字体的设备上浏览原型时不能正常显示。(图1-30)

1-30

基础30. 载入元件库

除了使用软件自带的默认元件库与流程图元件库,用户还可以加载自定义元件库。加载自定义元件库只需点击功能图标,在列表中选择【载入元件库】。(图1-31)

1-31

 

—————————————————- End —————————————————-

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Axure rp设置页面的背景颜色-萝卜队长-国语高清.FLV [1_5]用Axure制作首页轮播图(上)Axure rp8_0教程萝卜队长-国语高清.FLV [1_5]用Axure制作首页轮播图(下)动态面板条件判断-国语高清.FLV [1_5]用Axure制作首页轮播图(中)-单选菜单的制作 萝卜队长原创-国语高清.FLV 【1_1】Axure rp 8_0在window和mac系统下载安装汉化从入门到精通-国语高清.FLV 【1_2】Axure元件件基础功能-Axure rp 8_0从入门到精通萝卜原创-国语高清.FLV 【1_3】元件操作案例Axshre账户申请-Axure rp 8_0从入门到精通-国语高清.FLV 【1_4】元件操作案例-Axure rp 8_0从入门到精通-国语高清.FLV 【1_6】载入编辑Axure的元件库-Axure rp 8_0从入门到精通--国语高清.FLV 【2_1】Axure8_0锚链接,点击跳到固定位置-Axure8_0从入门到精通-国语高清.FLV 【2_2】Axure8_0实现蒙版遮罩,点击消失隐藏-国语高清.FLV 【2_3】本节是讲解的Axure8_0的鼠标移入和移出的交互-国语高清.FLV 【2_4】登录注册框(上)-输入框的样式,邮箱、密码axure教程-国语高清.FLV 【2_4】登录注册框(中)注册,图片鼠标移入后交互-国语高清.FLV 【2_4】登录注册(下)-Axure8_0从入门到精通萝卜队长-国语高清.FLV 【2_5】导航固定到浏览器-Axure8_0从入门到精通-by萝卜队长-国语高清.FLV 【2_6】元件联动效果(上)-axure8_0从入门到精通-by萝卜队长-国语高清.FLV 【3_3】Axure设置进度条的效果-国语高清.FLV 【3_4】Axure实现输入关键词显示联想词-国语高清.FLV 【3_5】中继器添加行、载入数据、图片-国语高清.FLV 【3_6】Axure设置自适应浏览器宽度-国语高清.FLV 【3_7】Axure设置选项联动效果,萝卜队长Axure8_0从入门到精通-国语流畅.FLV 【4_1】创建自己的元件库-萝卜队长-国语高清.FLV

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值