Axure8.0基础教程(11-20)AxureRP8基础操作

axure商城

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

本文目录

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

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

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

基础14. 设置文本框提示文字

基础15. 设置文本框回车触发事件

基础16. 设置元件鼠标移入的提示

基础17. 设置矩形为其他形状

基础18. 设置自定义形状

基础19. 设置形状水平/垂直翻转

基础20. 设置列表框的内容

 

正文

 

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

文本框属性中选择文本框的{类型}为【密码】。(图1-12)

图1-12

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

文本框属性中选择文本框的{类型}为【文件】,即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。(图1-13)

图1-13

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

在文本框属性中输入文本框的{最大长度}为指定长度的数字。(图1-14)

图1-14

基础14. 设置文本框提示文字

在文本框属性中输入文本框的{提示文字}。提示文字的字体、颜色、对齐方式等样式可以点击【提示样式】进行设置。(图1-15)

提示文字设置包含{隐藏提示触发}选项,其中:

输入:指用户开始输入时提示文字才消失。

获取焦点:指光标进入文本框时提示文字即消失。

图1-15

基础15. 设置文本框回车触发事件

文本框回车触发事件是指在文本框输入状态下按<回车>键,可以触发某个元件的【鼠标单击时】事件。只需在文本框属性中{提交按钮}的列表中选择相应的元件即可。(图1-16)

图1-16

基础16. 设置鼠标移入元件时的提示

在文本框属性中{元件提示}中输入提示内容即可。(图1-17)

图1-17

基础17. 设置矩形为其他形状

在画布中点击矩形右上方圆点图标即可打开形状列表,设置为其它形状。(图1-18)

图1-18

基础18. 设置自定义形状

在形状上点击<鼠标右键>,在菜单中选择【转换为自定义形状】,即可对形状进行编辑。也可以通过点击形状右上角的圆点图标,在打开的形状选择列表中选择【转换为自定义形状】(图1-18)。具体的编辑操作见图1-19中的标注。

图1-19

基础19. 设置形状水平/垂直翻转

在形状的属性中可以对形状进行【水平翻转】和【垂直翻转】的操作。(图1-20)

图1-20

基础20. 设置列表框的内容

下拉列表框与列表框都可以设置内容-列表项。可以通过【属性】-【列表项】的选项来设置,也可以通过鼠标双击元件进行设置。(图1-21)

 

 

图1-21

本文摘录自图书《Axure RP8 实战手册-网站和APP原型制作案例精粹(预计2016年7月初上市),作者为小楼一夜听春语,未经许可请勿转载!

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

评论:

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

0%好评

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

最新评论

  1. 队长筱坏回忆幸福
    队长筱坏回忆幸福发布于: 

    其中,12,文件效果,按照教程设置,没看出效果……13,限制最大长度,设置之后也没看出效果,14,文本框提示设置中,选择触发或者聚焦时,没看出区别,不知是不是设置错了,16也没出来效果,鼠标放在上面好久都没出来提示……大神们是如何设置的?20中多选框没有,多行文本框也是过了,根本没有可以设置多选框的地方……小白,操作文档没看懂

  2. soso_just
    soso_just发布于: 

    请问第12个是怎么用浏览器打开的,没看明白。我用浏览器中的文件-打开,然后没有反应。

  3. 745243512
    745243512发布于: 

    16.教程中怎么会出来按钮,我按照步骤做完,预览之后只是一个鼠标移入时的一个提示而已

    • 16776674
      16776674发布于: 

      不是出来按钮。这个步骤的意思是:当用户忘记密码,把鼠标悬停在这个文本框时,会给出一个提示:点击“找回密码”。用户需要通过点击“找回密码”按钮去找回密码。而这个按钮需要单独做,步骤16没有说明。

      • 185****0773
        185****0773发布于: 

        为什么我连提示都没有,按钮应该是要单独做,但是元件提示没有可能是什么问题呢

      • 185****0773
        185****0773发布于: 

        找到原因了。。。。我移入鼠标移出太快了。。。需要等一会

  4. 芾
    发布于: 

    为什么我11那里属性面板里面没有文本框这个选项啊

    • xyy_616321
      xyy_616321发布于: 

      用A标签输入文字之后,在属性面板最底部[工具提示]里输入文字就可以了

    • Patience
      Patience发布于: 

      我发现了和你一样的问题,教程里面的多选是在列表里面的,不是在下拉框里面的,列表里面可以选择多选

  5. canghai617
    canghai617发布于: 

    我好笨,还在用英文版本,求问下,在英文版本里面右边的栏目里没有文件/密码等类型可选怎么办啊???

  6. YST
    YST发布于: 

    第20个的下拉框中的那个“请选择“那三个字,我设置了元件提示,怎么还是不能显示出来呢?

  7. YST
    YST发布于: 

    第13:设置最大长度为8,但是让然可以输入n多个字符呢。

  8. lting6652
    lting6652发布于: 

    请问下拉框是如何设置多选的呢,我的8.0为啥没有多选项

  9. Liar
    Liar发布于: 

    想问下如何检测15是否执行了。 我是初学者哈,麻烦给我说下

    • 小宝
      小宝发布于: 

      设置点击按钮打开新页面,设置完了预览,输入后敲回车就能看到效果了

  10. 蜗牛
    蜗牛发布于: 

    文本框的提示文字预览的时候,浏览器上显示不出来,是怎么回事啊?求大神解答

  11. Aimu
    Aimu发布于: 

    15..16(ˇ项目没操作明白,请说明

    • 独立思考者
      独立思考者发布于: 

      同问 我也没看懂

    • 果奔
      果奔发布于: 

      15的操作:比如注册页面,文本框内容填写完毕了,可以点击键盘上的回车提交注册。等同于鼠标点击提交按钮的操作。这里的设置就是将按回车的操作与点击提交按钮的操作关联起来。

      • Ivaness
        Ivaness发布于: 

        设置了鼠标点击“提交按钮”弹出对话框,文本框也关联的提交按钮,为什么在文本框里按回车还是不能直接弹出对话框呢?

        • 我是游客
          我是游客发布于: 

          浏览器原因?关联到对的提交按钮了么?

    • 果奔
      果奔发布于: 

      16就更简单了,设置后,鼠标放上去,会有提示文字显示。试试就知道了

      • 入门产品狗
        入门产品狗发布于: 

        16不是文本框属性,是文本标签属性吧?

        • Designing_Jam
          Designing_Jam发布于: 

          你把鼠标放上去,还有停一下才能显示的。我开始的时候也以为不行。

      • red
        red发布于: 

        这个不是出来按钮吧,应该是出来个标签呀,怎么出来例子上写的按钮?

发表评论