本内容从网上搜索,仅供参考学习

1. 添加元件到工作区

在左侧元件中选择要使用的元件,按住鼠标左键不放,拖到画布适合的位置上松开。

2. 添加元件名称

在检视面板的元件名称文本框中输入元件自定义名称。

3. 设置元件位置/尺寸

元件的位置和尺寸可以通过鼠标拖拽调整,也可以在快捷键功能或者元件样式中进行输入调整

  • X:指元件在画布中x轴的坐标值。
  • Y:指元件在画布中y轴的坐标值。
  • W:指元件的宽度值。
  • H:值元件的高度值。

在输入数值调整元件尺寸时,可以在样式中设置,让元件[保持宽高比例]。

4. 设置元件的默认角度

  • 选择需要改变角度的元件,按住Ctrl的同时,用鼠标拖拽元件节点到合适的角度。
  • 在元件的样式中进行角度设置,元件的角度与元件的文字角度可以分开设置。

5. 设置元件的颜色与透明

选择要改变的颜色的元件,单机快捷功能区中的背景颜色设置按钮,选取相应的颜色,或者再元件的样式中进行设置。

6. 设置形状或者圆角

可以通过拖动元件左上方的原点图标进行调整,也可以在元件样式中设置圆角半径来实现。

7. 设置矩形仅仅显示部分边框

在Axure RP 8的版本里,矩形的边框可以再样式中设置显示的全部或者部分。

8. 设置线段/箭头/边框样式

线段,箭头,边框的样式可以在快捷键或者元件样式中进行设置。

9. 设置元件文字边距/行间距

在元件样式中可以设置元件文字的[行间距]和[边距]。

  • 行间距:文字段落与行之间的空隙。
  • 边距:文字与形状边缘之间的空隙。

10.设置元件默认隐藏

选择要隐藏的元件,在快捷功能或者元件样式中勾选“隐藏”选项。

11.设置文本框输入为密码

文本框属性中选择文本框的“类型”为“密码”。

12.设置打开选择文件窗口

文本框属性中选择文本框的“类型”为“文件”,即可以在浏览器中变成打开本地文件的按钮。

13.限制文本框输入字符位数

在文本框属性中输入文本框的“最大长度”为指定长度的数字。

14. 设置文本框提示文字

在文本框属性中输入文本框的“提示文字”。提示文字的字体,颜色,对齐方式等可以单击提取样式进行设置。

提示文字设置包含“隐藏提示触发”,其中:

  • 输入:值用户开始输入时提示文字消失。
  • 获取焦点:光标进入文本框时提示文字消失。

15. 设置鼠标移入元件的提示

在文本框属性中“元件提示”中输入提示内容即可。在浏览器里查看此效果时,鼠标指针需要在元件上悬停一秒以上。

16.设置矩形为其他形状

在操作区中单击矩形上方的圆点就可以打开形状列表。

17.设置自定义形状

在形状上单击鼠标右键或者直接在形状列表中选择自定义形状,就可以对形状进行编辑。

18.设置形状水平/垂直翻转

在形状的属性中可以对形状进行水平翻转和垂直翻转。

19. 设置列表框的内容

下拉列表框与列表框都可以设置内容-列表项。可以通过“属性”-“列表项”的选项进行设置,也可以通过鼠标双击元件来进行设置。

20. 设置元件中默认选和禁用

元件的属性中可以对一些元件的默认状态进行设置,可以设置的状态包括“选中”和“禁用”,默认状态的设置,可以触发属性中设置的交互样式。除了禁用与选择个别元件还具有“只读”的设置。

21. 设置单选按钮唯一选中

全选所有的单选按钮,在元件属性中“设置单选按钮组名称”,即可实现唯一选中效果。

22. 设置元件不同状态的交互样式

单击元件属性中各个交互样式的名称,即可设置元件在不同状态下呈现的不同样式。这些样式在交互被触发时,就会显示出来。

23. 切割/裁剪图片

在图片的元件属性中,设有切割和剪裁功能的图标,单击即可使用相应功能。

  • 切割:将图片进行水平与垂直的切割,将图片分割开。
  • 裁剪:裁剪分为裁剪,剪切,复制。其中:裁剪只保留被选中区域;剪切是将选中部分从原图上扣掉剪切到系统的剪贴板上;复制是将选取的部分复制,对原图没有影响。

(1)切割

(2)裁剪

(3)剪切

(4)复制

24.调整元件的层级

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

25. 组合/取消组合元件

通过快捷键功能图标或者右键菜单可以将多个组件合到一起,达到共同移动/选取/添加等操作。自合/取消组合的快捷键为Ctrl+G和Ctrl+Shift+G。

26. 转换元件为图片

形状/文件标签/线段等元件可以通过鼠标右键,选择将元件转换为图片,避免在未安装字体的设备上浏览原型不能正常显示。

27. 载入元件库

除了使用软件自带的元件库之外,用户还可以添加自定义元件库。加载自定义元件库只需要单击功能图标,在列表选项选择“载入元件库”。

28. 切换元件库

在元件库功能面板中,可以通过单击元件库列表,选择不同的元件进行使用。

axure文本框单击提示文字消失_Axure基础原件使用相关推荐

  1. 使用 JQUERY 为文本框增加提示文字

    为什么80%的码农都做不了架构师?>>>    /*** 文本框提示文字* @author zhuhu*/function inpHint(idStr,valStr){var idA ...

  2. HTML input 文本框添加提示文字的方法

    周未休息,感觉没啥可写的,就水一篇文章吧,说一说前端 html 页面中 input 元素中在没有值的情况下,添加提示的文字,当要输入文字的时候,提示的文字消失. 关于 html input 输入框的提 ...

  3. html输入时提示文字消失,html中input文字框,初始里边有文字提示。当点选时,文字消失,怎么改?...

    html中input文字框,初始里边有文字提示.当点选时,文字消失,怎么改?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧 ...

  4. 文本框自动提示_Excel办公小技巧,使用艺术字与文本框,就是那么的简单

    Excel中的艺术字同时拥有文字和图形两种对象的属性,不仅可以修改其中的内容,还可以调整形状的大小.设置边框以及内部填充等效果,常在编辑表格标题或者输入一些比较有提示性的文本时使用,在突出关键内容的同 ...

  5. html怎么打入文本框,html怎么在文本框里面输入文字

    html中input文本框,初始里边有文字提示.当点击时 使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如: 单纯的文本框:(通常用用户名之类的) 密码状态时 中上面的方法会 ...

  6. html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...

    这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下 本文实例讲述了js实现文本框中输入文字页面中 ...

  7. [原创]Flex文本框自动提示(AutoSuggest)、自动完成(AutoComplete)

    做一个小程序要用到Flex文本框自动提示的功能,因为时间不是很紧,所以决定自己动手做这个小组件,花了一个晚上的时间终于完成了.贴出来与大家分享一下. 虽然网上有不少这样的组件,但自己动手做可以锻炼下思 ...

  8. div模拟textarea文本框,输入文字高度自适应,且实现字数统计和限制

    需求: 文本框可根据输入内容高度自适应,不带滚动条,高度可变的那种,我搜索了很多,发现textarea无法实现我的需求,scrollHeigh这个无法获取实际内容的高度(我用的是那种简单的,可能我写的 ...

  9. html密码框输入内容隐藏,密码框显示提示文字的功能实现

    在密码输入框内显示提示的文字,引导用户操作,实现的效果如下图显示. 未输入密码前: 输入密码后: 由于js无法直接控制input文本框中的type属性,因此无法通过js控制input文本框在密码框和普 ...

最新文章

  1. Windows下搭建PHP开发环境
  2. Windows 7 VHD 启动
  3. 雅虎前端优化的35条军规
  4. 施一公:培养本科生比培养博士生要难
  5. Spring : @Value注解
  6. python字符串操作总结_Python字符串的一些操作方法总结
  7. Linux中切换用户(su命令)
  8. Unity3D之UGUI基础5:Toggle复选框
  9. 面试中常被问到(七)封装继承多态知多少
  10. Java使用DFA算法处理敏感词汇
  11. 手机语音通讯测试(Mobile Phone Communication Test)
  12. 发起一款国产开源CRM系统,有想共同参与的进来哈,己发出SVN库
  13. java中的example_GitHub - lilei644/spring-java-example: 记录开发以及学习过程中Spring、Java相关的示例...
  14. 分布式数据库NoSQL(五)——MongoDB 之滴滴、摩拜都在用的索引
  15. Android系统原理及开发要点详解
  16. 电源适配器DC插头规格
  17. 6.Spring Cloud初相识-------Zool路由
  18. Eclipse安装插件时,总卡住
  19. 数据结构: 中序非递归遍历二叉树
  20. 干货解析 | 如何通过用户的行为序列来提升欺诈风险识别

热门文章

  1. 单卡手机怎么变双卡双待全过程
  2. 10个你必须知道的jQueryMobile代码片段(转)
  3. app.config自定义配置节点
  4. 如何区分山寨版网管软件
  5. 深入理解为什么MySQL全表扫描很慢?
  6. Redis最佳实践:7个维度+43条使用规范,带你彻底玩转Redis | 附实践清单
  7. 某程序员女友爆料:男朋友和公司的UI搞到了一起!女UI段位太高!半夜公然打电话挑衅!
  8. 《快速搞垮一个技术团队的20个“必杀技”》
  9. MySQL 性能优化之高阶神技
  10. 基于CAP模型设计企业级真正高可用的分布式锁