控件的相对位置 不占位_Axure分段控件如何用Axure画出来

最新推荐文章于 2022-04-24 16:40:34 发布
最新推荐文章于 2022-04-24 16:40:34 发布
阅读量394 收藏
点赞数
文章标签： 控件的相对位置 不占位
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39688019/article/details/111364029
版权
本文档介绍了如何使用Axure绘制不占位的分段控件，并详细阐述了从创建无交互原型到有交互原型的全过程。通过实例，展示了设置选中状态、动态面板的应用及交互事件的配置，最后提出了课后作业，帮助读者掌握移动端原型设计技巧。
摘要由CSDN通过智能技术生成

f5ac025e0b2ce5a1fa73ce0fea5822f5.png
移动端PM需要了解常见APP组件并学会画出，点击下方链接学习视频教程。
浪子教你画移动端组件-培训视频教程-腾讯课堂​ke.qq.com
3970de655218fd2cb889b780ac2500a8.png

咱们先看下Axure画出的原型效果，然后再对该组件进行详细讲解。

0c18108a2b675ec431b3adf97eb5670a.png

一、组件介绍

047f853f8f33e35b749a632aa80832f4.png

二、实际案例

最低0.47元/天 解锁文章
weixin_39688019
关注
相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别
qq_42822993的博客
09-26 363
相对定位、绝对定位、固定定位、粘滞定位、静态定位的参照和区别 定位类型 参考点 是否脱离文档流 相对定位 相对原先自己的位置 不脱离 绝对定位 相对具有定位属性的上层元素 脱离 固定定位 相对浏览器窗口定位 脱离 粘滞定位 相对定位+固定定位组合，有临界值 脱离 ...
Axure之交换位置实现
青苔小榭
12-28 4570
我的思路是给两个元件交换坐标 1.设置全局变量 thisx, thisy 是矩形1的xy坐标 bx, by 是矩形2的xy坐标   2.设置载入时把矩形的坐标赋给变量 3.设置矩形1的鼠标单击事件 选择移动，绝对位置 在矩形1中获取的变
Axure中绝对位置与相对位置的区别
weixin_42847181的博客
02-01 4358
Axure中绝对位置与相对位置的区别 1.绝对位置（move to） 根据面板原点（0,0）的坐标作为参考系。 2.相对位置（move by） 根据所需要移动控件(或动态面板)的坐标作为参考系 ...
【Axure】绝对位置和相对位置的区别
泰拉挖掘小能手的博客
06-11 1万+
今天学习中遇到了点小问题，自己动手实验得出了绝对位置和相对位置的区别： 绝对位置（move to）的坐标参考系是以当前容器的位置（x，y）作为原点（0，0）； 相对位置（move by）的坐标参考系是以自己上一次的位置（x，y）作为原点（0，0）。 当前容器可以是画布、动态面板。...
Axure函数手册用法及说明
Stanley的博客
08-23 2053
Axure函数的基本语法在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。 例如：[[LVAR. Width]] 表示变量LVAR的宽度。 [[This. Width]] 当前元件的宽度 元件函数 This 用途：获取当前元件对象。当前元件是指当前添加交互动作的元件。 Target 用途：获取目标元件对象。目标元件是指当前
axure9控件树 rp_如何在Axure RP 9中创建分段控件
weixin_26732881的博客
08-03 973
axure9控件树 rpSegmented controls are not very easy to tackle in prototyping. This is especially true when you have more than 2 segments. This article will show you how to create a segmented control with...
java axure_Axure的基本介绍及其使用
weixin_39917291的博客
02-16 594
Axure的基本介绍Axure是一款专业的原型设计工具， 让负责定义需求设计；功能和界面的人员能快速设计出所需产品，其中不仅包含了对软件产品的界面，交互逻辑的原型设计，还包含了流程图；web网站的线框图，并且能导出说明文档。下面将对该工具进行详细介绍：(1)界面介绍：下图即为工作区的基本页面布局。顶部的一般就是我们的菜单，左部是设计的界面，左下方是元件库，里面有我们需要的大部分控件和图标，其中还可...
axure手机页面设计说明_Axure中移动端原型设计方法
weixin_33277412的博客
01-13 2617
在使用Axure设计移动端原型的应用方面，我总结出了两种常用的方法。第一种是更适合在移动端进行演示的设计方法，大家可以参考我之前已经分享过的一篇教程：使用Axure打造最佳的移动端交互原型教程，使用这种方法输出的原型在手机设备上进行演示时可以达到跟真实APP几乎一致的展示效果及交互体验。在今天我将分享另外一种基于设备模板的移动端原型设计方法。什么是基于设备模板的移动端原型设计方法？简而言之就是在A...
axure iphone8元件库_Axure中移动端原型设计方法（附IPhoneX和IPhone8最新模板）
weixin_39988888的博客
12-20 2819
Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板)文章作者分享了一种基于设备模板的移动端原型设计方法，相信能够对你的原型设计工作带来帮助，值得马克。在使用Axure设计移动端原型的应用方面，我总结出了两种常用的方法。第一种是更适合在移动端进行演示的设计方法，大家可以参考我之前已经分享过的一篇教程：使用Axure打造最佳的移动端交互原型教程，使用这种方法输出的原...
Axure各种线框控件作用说明
12-24
以下是对Axure中常用线框控件的详细说明： 1. **Image（图片）**：用于在原型中插入图像占位符或实际图片，常用于表示页面背景、产品截图或图标。 2. **Text Panel（文本面板）**：相当于HTML的`<text>`标签，插入...
Axure-RP9培训教程PPT
最新发布
10-28
其他控件如矩形、占位符、输入框、形状按钮、按钮等同样易于使用，只需拖放至工作区并可调整尺寸、颜色、边框等属性。矩形控件还能调整其形状，创建各种组合形状。 模块面板则提供了一种高效的设计方式，用户可以...
Axure第8讲：动态面板保持固定位置
热门推荐
不患无位，患所以立；不患莫己知，求为可知也
09-12 2万+
目标：将某些内容固定在页面的指定位置，不随着页面滚动而改变位置，即拉动滚动条时，页面内容滚动，导航栏始终保持固定在指定位置。   步骤： 1、从元件库选择图片元件，拖至画布，如下图1所示。   图1   2、双击图片，在文件夹中找到使用图片的位置，并选中，如下图2。 图2   3、在导航栏图片上，右键点击图片，选择转化为“动态面板”，如下图3所示。 图3 4、选...
Axure的自变量移动
weixin_57773266的博客
04-24 1051
1.在原件库找到矩形原件，按住鼠标左键做到页面空白处 2.选中矩形，找到颜色填空，填上自己喜欢的颜色 3.选中矩形，双击矩形，并且输入一个自己喜欢的名字 4.选中矩形，鼠标点击鼠标单击时 5.选中到移动 6.找当矩形原件的选项，并且勾上。 7. 找到移动的选项，选择相对位置 8. 双击X与Y的“FX”，在第一的提示框“插入变量或函数”中 输入[[Math.random()*455-200]]的自变量移动函数 确认无误后，点击确定。 ...
Axure RP从入门到精通（四十七）案例 - 百度地图
人不风流枉少年
07-07 1869
拖入一个内联框架，设置框架滚动条从不显示，隐藏边框，预览图片为地图。 第一步：创建地图 地图生成器 2.1 定位中心点，输入城市和地点。 2.2 设置地图 2.3 添加标注 3. 第二步：获取代码 在桌面新建一个baidumap.html文件，并将获取代码的代码粘贴到baidumap.html中。 4. 申请秘钥 完成百度地图开放平台开发者注册，进入邮箱激活账号。 复制访问应用AK替换baidumap.html中的ak=后面的您的秘钥。 双击内联框架链接到baidumap.htm..
Axure-显示和隐藏
chenqiuqian的博客
06-27 1925
Axure-显示和隐藏 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：AxureRP 8 撰写时间：2021/6/28 注意看划线或箭头部分，共有17个步骤，按顺序操作下去 在元件库里找到图片并拖出 双击图片，放入所需要的四张不一样的图片 在元件库中找到图片元件 双击图片放入前面的同样的四张图片 将大的图片和小的图片备注清楚，设置动作的时候不会乱 将四..
【Axure教程】Axure控件大小调整小技巧
liuping750929的专栏
11-01 3026
转载：老二牛车教育 » 【Axure教程】Axure控件大小调整小技巧 使用Axure RP 制作原型时，经常需要对Widgets的大小做调整；一般我们都是通过拖动控件的边框来实现调整大小，但是如果目标区域比较狭小的时候，调整大小就比较费力，不是拖大了就是拖小了； 试试方向键吧！选中需要微调大小或位置的控件，再选中需要微调的条件，如图，调整控件的高度： 如果需要增加控
Axure中文版快速入门指南
"Axure中文版使用学习指南" Axure是一款广泛应用于产品经理和UI设计师的原型设计工具，尤其适合快速创建高保真或低保真的交互原型。这个PDF文档是一份中文版的学习指南，旨在帮助初学者掌握Axure的基本操作和功能。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值