原始学习资源:http://www.axure.com/widgets/text-panel

如果有什么地方不通畅或是有不清楚的地方,欢迎指教!

意译:

文本是很基础、重要的元素。

Axure中的线框图-文本 可以实现以下变化:

1、文字大小;

2、字型(字体);

3、颜色;

4、粗体、斜体、下划线、中划线

5、超链接

6、文本区域的角度变化(实现同图片的旋转,6.5版本及以后)

7、标题(h1\h2\h3 … h7)

8、行间距的调整

9、变量插入(后文有详细说明)

不足:

不能实现垂直文本。

变量插入

原始教程见:http://www.axure.com/widgets/text-panel

原始教程中有个要点似乎没提到,就是要为部件命名。

我来说一下这个教程中的步骤:

1、插入一个下拉列表,在右边的部件属性中的标签中填上list(或者你想的其他名字)

2、插入一个文本,在右边的部件属性中的标签中填上text(或者你想的其他名字)

3、编辑下拉列表,填上几个选项

4、选中已添加的下拉列表部件,点onchange的交互事件

5、在弹出的用例编辑器中,选择“设置变量/部件值”,点步骤4中的“打开设置值编辑器”

6、第一个选择部件文字,第二个选text,等于,值(没得选),点编辑文字

7、在弹出的输入文字窗口中,点添加局部变量,就出现一个LVAR1变量(可改为你需要的),=后面选选中项于,选择list

8、在上面的文本中需要的地方插入[[LVAR1]],点确定

9、F5后看效果吧。

转载于:https://www.cnblogs.com/qinbin/archive/2012/10/09/Axure-wireframe-text.html

Axure学习之线框图-文本相关推荐

  1. Axure RP使用攻略--入门级(二)线框图元件

    Axure rp的线框图元件 l  图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大:选择图片时可以选择图片原 ...

  2. Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等

    包含安卓.苹果各种主流手机.平板线框图元件库.IOS系统图标.人物图标.导航和分页.表格元素.各种小图标等 1.本作品由完整演示.元件库版.框架模板三部分组成 • 完整演示的.rp格式文件包含了全部元 ...

  3. UI设计线框图可编辑模板,临摹学习设计要点

    为什么需要设计线框图? 1. 帮助团队评估和完善工作范围 线框图允许设计师快速创建产品的视觉表现,方便后期修改: 帮助设计师向团队展示应用程序具有的页面元素和控件,以及所有元素如何进行交互. 用于We ...

  4. 设计,构建线框图和对Android应用进行原型制作:第2部分

    在第一部分这两个部分组成的系列,我向您展示如何利用最初的想法一个Android应用程序,并将其发展成一个详细的计划,一直到映射出各个屏幕,会让你完成的应用程序. 以旅行应用程序为例,该应用程序将帮助用 ...

  5. omnigraffle 画曲线_Omnigraffle画线框图的新手操作指南

    Omnigraffle作为工具,可以有多种用途.不过今天我们要探索如何用它来画线框图. 我用过各种线程图工具,总体上来说,Omnigraffle并不算完美,但就对我工作而言,它性能和效率总体表现最佳. ...

  6. 设计,构建线框图和对Android应用进行原型制作:第1部分

    如果您梦想在Android应用程序中创建下一个重要的事物,那么我不会说谎:您已经为您完成了工作! 您只需要快速浏览一下Google Play商店就可以发现几乎您可以想到的每个应用程序都已经创建了-通常 ...

  7. 20款优秀的移动产品原型和线框图设计工具

    本文转自:http://www.cocoachina.com/ios/20130408/5949.html 转载请注明!!! 线框图(Wireframe)是app.软件或者网站设计过程中非常重要的一个 ...

  8. 】20款优秀的移动产品原型和线框图设计工具

    [辅助工具]20款优秀的移动产品原型和线框图设计工具 发布于:2013-04-08 12:10阅读数:59002 线框图(Wireframe)是app.软件或者网站设计过程中非常重要的一个环节,它可以 ...

  9. 【辅助工具】20款优秀的移动产品原型和线框图设计工具

    线框图(Wireframe)是app.软件或者网站设计过程 中非常重要的一个环节,它可以合理地组织并简化内容和元素.线框图除了可以帮助开发者节省时间外,更可以加深开发者对产品的认知,给开发者一个清晰的 ...

最新文章

  1. mof提权原理及其过程
  2. 小公司如何提高效率?
  3. Win32窗体控件方法与消息
  4. tensorflow分类的loss函数_Tensorflow入门教程(三十三)——图像分割损失函数FocalLoss...
  5. vba 定义类_VBA中类的介绍及应用简介
  6. java implements interface_java接口(interface)与现实(implements)
  7. ArrayList理解(5)与vector区别
  8. mysql 导出表数据表结构
  9. 倾斜摄影模型(.osgb)中心点位置的确定方法(SuperMap idesktop)
  10. faster RCNN
  11. 车辆纵向mpc控制器
  12. 计算机专业软考初级有用吗,软考:初级程序员考试有没有必要考?
  13. 超级干货:手把手教你如何实现数据可视化
  14. 双料大奖 | 奇点云获评「年度数字化创新最佳实践奖」「年度数字化服务最值得信赖品牌奖」
  15. 计算机知识01:计算机基础知识入门
  16. WS2812C IO口模拟控制
  17. MOBA游戏草丛系统的个人思路
  18. 威斯康星大学-深度学习和生成模型导论2021
  19. 《古月ROS探索总结》学习笔记2
  20. 为什么我魅族m2显示无服务器,魅族m2升级刷机flyme4.0教程及注意事项.doc

热门文章

  1. Tomcat 7.0 servlet @WebServlet
  2. U盘快速​安装Ubuntu系统
  3. 在Linux机器上配置NUD
  4. C# 2.0中泛型编程初级入门教程
  5. 【ORACLE 高可用】作业 :配置ORACLE GoldenGate 2
  6. android Notification的使用
  7. android native crash的处理机制
  8. Activity动态增加Fragment
  9. Java集合—HashMap底层原理
  10. DDD领域驱动实践记录