当前位置:   article > 正文

前端-Axure RP9 的使用(一)_axure加入css

axure加入css

前端-Axure RP9 的使用(一)

1、Axure的简单介绍

Axure是一个用于制作快速原型并实现交互等作用的软件。

元件使用方法:从元件库中拽取元件至工作区中使用,并可设置元件样式,添加状态或事件等。

2、元件的基本使用

i 最基本的元件

在这里插入图片描述

在这里插入图片描述

ii 利用以上元件,制作一个简单的form表单——“个人信息统计”界面
① 效果图

仅简单实现页面布局及css样式:

在这里插入图片描述

② 实现过程

在这里插入图片描述

观察上图,以下标签直接从元件库中拖取获得,填充颜色及圆角在样式中自设。其中,

  • 1-6为标签元件
    • 按需修改元件文字及字号
  • 7-8为表单文本输入框元件
    • 设置填充颜色透明度为40%
  • 9为图片元件
    • 设置圆角,极限至圆形图片
  • 10为两个单选按钮元件
    • 按需修改按钮文字,将两个单选按钮元件选中,命名此单选按钮组,实现两个单选按钮的互斥
  • 11为复选框元件
    • 按需修改元件文字
  • 12为下拉列表框元件
    • 设置填充颜色透明度为40%
    • 双击元件插入选择在这里插入图片描述
  • 13为按钮元件
    • 可增设提交事件
  • 14为方框元件
    • 放置所有表单元件

3、狗头保命 U•ェ•U

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/148462
推荐阅读
相关标签
  

闽ICP备14008679号