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

axure商城

本文转载自小楼老师博客:http://www.iaxure.com/3815.html 新手必须掌握的Axure基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。

本文目录

基础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 ----------------------------------------------------

本文由 Axure中文网 作者:小楼一夜听春语 发表,其版权均为 Axure中文网 所有,文章内容系作者个人观点,不代表 Axure中文网 对观点赞同或支持。如需转载,请注明文章来源。
49

评论:

32 条评论,访客:32 条,站长:0 条

0%好评

  • 好评:(0%)
  • 中评:(0%)
  • 差评:(0%)

最新评论

  1. qqqq72858
    qqqq72858发布于: 

    想问下为何选择了内联框架后,连接了本地视频在预览的时候网页上看不到

  2. JackyH
    JackyH发布于: 

    您好,我在内联框架里添加了您给的优酷视频链接,预览的时候一打开页面就下载swf文件,页面上却没显示播放页面或者播放器。怎么回事呢?

  3. April
    April发布于: 

    基础27:调整原件层级 鼠标右击时未展示概要窗口

    • xyy_616321
      xyy_616321发布于: 

      概要窗口不需要点击右键,右面的[大纲:页面]窗口就是文章中的概要窗口

  4. Delegate
    Delegate发布于: 

    基础28. 组合/取消组合元件 组合与取消组合的快捷键不是一致的,取消组合除了键外,还需要加shift键。

  5. Delegate
    Delegate发布于: 

    基础27. 调整元件的层级,我使用的8.0版本中层级的顺序和你讲的是反的,和其他的绘图软件的层级排序倒是一致的。

  6. fat
    fat发布于: 

    编辑的这些东西 怎麼在网页上显示出来?

    • jodiefang2017
      jodiefang2017发布于: 

      元件库中(libaries)的基本元件(common)中就能找到内联框架(Inline Frame)

    • jodiefang2017
      jodiefang2017发布于: 

      元件库中(libaries)的基本元件(common)中就能找到内联框架(Inline Frame)

      • soso_just
        soso_just发布于: 

        请问我按照上面步骤做了,但是怎么在浏览器中浏览。

        • Never
          Never发布于: 

          右上角,有一个绿色的图标,跟视频播放的图标长得很像,就是预览

  7. Dreams Come True
    Dreams Come True发布于: 

    这个8.0的版本怎么汉化 谢谢

    • 果奔
      果奔发布于: 

      选中一个元件,右侧属性区域,往下拖一下就能找到了。

      • Delegate
        Delegate发布于: 

        我的显示的属相选项和你截图上不一样,找不到鼠标的几个状态,也没找到设置几个状态的属性设置。

  8. 果奔
    果奔发布于: 

    PC和MAC是一样的 26这个在检视>属性里面就可以设置。直接双击内联框架也可以设置。

    • 水谈
      水谈发布于: 

      不是的,mac是在添加用例后弹出的菜单中选择链接中的下一级菜单才有“在框架中打开链接”
      8.0

      • 果奔
        果奔发布于: 

        属性往下拖一下就有了。再说一遍「MAC和PC的界面是一样的」 我是Axure中国区的代理,不要挑战我的权威。如果你的界面和老师的不一样,是因为界面可以根据自己的习惯进行调整,在「视图>工具栏>自定义工具栏」下面设置。

        • 果奔
          果奔发布于: 

          经过测试 你的智商不适合使用Axure 请赶紧转行

          • TristanCo7
            TristanCo7发布于: 

            Axure不需要你这种没有涵养的代理,你还是转行吧,不要出来黑Axure了。

          • (]_[)
            (]_[)发布于: 

            不想回答就别回答,真是看不下去

  9. 黄老师
    黄老师发布于: 

    预览是不显示的 只有生成了HTML文件访问或者分享到axshare才可以

  10. 轩辕⅔
    轩辕⅔发布于: 

    基础28. 组合/取消组合元件
    组合是ctrl + G
    取消组合是 ctrl + shift + G

发表评论