Axure RP从入门到精通（三）基本元件（矩形）

最新推荐文章于 2024-06-20 14:42:15 发布
最新推荐文章于 2024-06-20 14:42:15 发布
阅读量2.1k 收藏
点赞数
分类专栏： Axure RP 从入门到精通 文章标签： html html5 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vbirdbest/article/details/106720245
版权
本文详细介绍了Axure RP中的基本元件——矩形，包括其定义、作用和应用场景。矩形作为容器和基础元件，可用于创建各种组件，如按钮、文本框和线条。文章讨论了矩形是否能作为父容器，并对比了与HTML中div的区别。此外，还讲解了如何在矩形中添加文本链接以及设置选项组，以实现交互效果。
摘要由CSDN通过智能技术生成

一：基本介绍

矩形是所有元件中最基础的元件，也是使用最频繁的元件。

在这里插入图片描述

1. 矩形是什么？

在这里插入图片描述
在这里插入图片描述
矩形其实就是填充为白色边、边框为黑色的 div标签。div标签中又嵌套了一个span标签。div是一个容器标签，容器是为了盛放其它东西的。矩形2、矩形3和矩形1类似只不过填充颜色不同、边框不同而已。知道矩形是什么我们可以通过DW来写出相同的元件。
在这里插入图片描述

了解本专栏 订阅专栏 解锁全文 超级会员免费看
风流 少年
关注
专栏目录
订阅专栏
Axure RP从入门到精通（二十三）第三方元件库
人不风流枉少年
06-18 955
一：Font Awesome 5.7.2图标文字 注意Font Awesome图标文字是属于字体而不是图片。 下载Font Awesome 5.7.2 https://use.fontawesome.com/releases/v5.7.2/fontawesome-free-5.7.2-desktop.zip 解压并双击otfs目录中的三个文件安装字体。 退出并重新打开Axure RP，字体中就出现了刚才安装的字体。 设置Web字体样式文件 发布-> 生成HTML文件 -> Web字体。
Axure的基本原件
ldsfsm的博客
01-21 484
内联框架： 可作用于指定的内容的放大效果。(可以在同一个页面调用显示其他页面) 内容可以是指定的文档，或指定url、文件的链接 (如视屏的链接、网址的链接、等等) 中继器： 可以有序的对数据进行展示； 模拟对数据进行增删查改、排序、筛选、分页等功能； 对数据集进行预览期间的存蓄功能。 （1）      添加筛选：1、名称最好写英文 2、条件直接点击后面的fx按钮，在弹出窗口后，点击插入变量或函数 再点击添加局部变量 注意：通过中继器与文本框、特殊按钮进行组
AxureRP 的元件库
12-21
Axure RP的元件库，这个元件库几乎涵盖了所有的控件，有需要的朋友可以下载体验下，用着感觉不错.......
【Axure】元件的基本使用
2301_79278613的博客
12-13 1800
在Axure RP中，元件是构建原型图的基础模块。将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。软件自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元件库（Icons）。1. 可以添加成链接，用作链接跳转，在一定程度上减少工作量。2. 跳转到层或区域，比如滑动网页时回到顶部（跳转）。3. 可以添加交互，比如翻看网页时，自动加载。4. 用作跳转，如果每个标题都需要添加一个跳转链接太繁琐，可以添加一个热区 ，通过热区来达到跳转。
Axure Rp元件库
11-17
Axure Rp元件库 包括 移动原件库，iOS8和iPhone6部件库 及其他56个库
Axure RP每日一小技巧：如何利用矩形制作各种形状
huapeipei的专栏
12-22 3677
技巧不在于炫，而在于实在，发现型的技巧，谁的最爱。以下以绘制圆形组件为例： Axure RP本身是没有直接提供圆形组件的，所以很多朋友在会问，如何使用Axure RP制作圆形，难道都要找美工…… Axure RP没有提供圆形组件，但是它提供了一个万能组件——矩形组件，只要有矩形组件，我们就可以制作出圆形，下面让我们看看具体的制作步骤： 1. 拖动矩形组件到页面编辑区域，并设置形状
Axure RP从入门到精通（七）基本元件（中继器）
人不风流枉少年
06-15 1403
待完善。
Axure RP从入门到精通（五）基本元件(热区、内联框架)
人不风流枉少年
06-03 3843
一：热区 热区是一个所有属性都不可修改的div标签而且在页面上是看不到任何内容的。 热区的作用：给页面的某个热区矩形范围内添加事件交互行为（例如鼠标单击事件、鼠标移入事件等），只有在这个区域内才能响应事件，超过这个热区范围就没有任何交互行为了。 给页面右上角添加一个热区，并双击”鼠标单击时“添加一个单击事件。 选择链接-> 打开链接 -> 弹出窗口，当我们单击热区时弹出百度页面。 注意：当鼠标在热区外是箭头形式，当鼠标在热区正上方时是小手形式，点击热区弹出百度页面。 热区的最大特点：没
Axure RP从入门到精通（六）基本元件（动态面板）
人不风流枉少年
06-15 1758
二：动态面板 动态面板就像一打纸一样，每张纸都有内容，但是只能看到最上面一张纸的内容。如果把动态面板比作一张纸，那么每张纸就是动态面板中的每个状态。 动态面板是比较常用也比较复杂的一个元件，这里以轮播图示例来讲解动态面板。 动态面板：首先是动态的不是静止的是动态的变化的。 修改动态面板的宽度和高度，修改成和轮播图片宽高保持一致，给动态面板元件起个名字。 双击动态面板，选中State1然后再复制两份（注意是复制不是新增），状态数量和轮播图的数量一致。 双击State1，然后将图片拖进工作区，然后将图片放到
Axure基础库
03-21
Axure基础库，很适合新手去练习，非常的全面。当然也适合实际工作中使用。
Axure常用元件组件
04-02
Axure元件iPhone-UI、Web_Widgets_v1.1、iOS7-Base-UI
最多最全的Axure RP元件库
04-29
最多最全的Axure RP元件库，你想要的基本都有。
Axure常用元件库
01-02
banner轮播、进度条、下拉框、三级菜单等想要的应有尽有
AxureRP9项目原型50套、案例20个、元件库1套.zip
10-18
AxureRP9项目原型50套、案例20个、元件库1套。非原创，其中一批比较好的案例值得参考，元件库直接可用，简洁美观。分享给需要的人。
Axure元件
2301_77053477的博客
01-16 1430
1.基本元件：文本框（Text Field）： 用于显示文本内容，可以设置文本样式、字体、大小和对齐方式等。按钮（Button）： 可交互的控件，常用于触发特定操作或转换页面状态。形状（Shape）： 包括矩形、圆形、箭头等，可用于装饰、分隔或突出显示特定区域。图像（Image）： 插入图片文件，可以是 UI 元素、图标或任何需要展示的图形。容器元件：面板（Panel）： 用于组织和包含其他元素，可以模拟页面结构或创建复杂的交互区域。
Axure学习之线框图-矩形
weixin_30904593的博客
10-09 286
原始学习资源：http://www.axure.com/widgets/rectangle 如果有什么地方不通畅或是有不清楚的地方，欢迎指教！ 意译： 矩形是非常常用的，可以用来做布局、背景（局部背景）等。 矩形和其他很多形状（都是button shape）都是互通的。 矩形的不足之处： 1、没有独立的边（不能为各边设置不同的粗细、颜色等，需要的话一条一条画吧） 2、不能设置阴影...
AXURE RP 8 常用的组件库
12-25
AXURE RP 8 常用的组件库 包含bootstrap风格库和elemant 风格
Axure元件介绍
最新发布
weixin_43299293的博客
06-20 1249
本文基于Axure RP 9版本，讲解Axure的基础元件及其简单应用，Axure系统默认元件库包含基础元件（Default）、流程元件（Flow）、图标元件（Icons）三大类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风流 少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值