Axure-中继器：如何实现微信九宫格设计交互？_第1页
Axure-中继器：如何实现微信九宫格设计交互？_第2页
Axure-中继器：如何实现微信九宫格设计交互？_第3页
Axure-中继器：如何实现微信九宫格设计交互？_第4页
Axure-中继器：如何实现微信九宫格设计交互？_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、Axure 中继器：如何实现微信九宫格设计交互？如何利用Axure中继器实现微信九宫格设计交互？一起来文中看看 下面这张图就是大家熟悉的、不怎么用的、特值钱的微信支付九宫格截图（尤记得京东入住的故事）： 田同学说：“这原型效果还不简单，矩形+图片，添加链接，然后ctrl+c/+v * 9，over”。 这方法确实能实现这个样式，没问题，也是大家采用最多的、最原始的方式。这里采用中继器控件可以更加快速的、顺滑的完成，也可以锻炼你对中继器的使用和加深对中继器的理解。 他来了、他来了、他一步一步走来了Step 1 拖拽设置尺寸为 375*667-20 （这里以iPhone 逻辑分辨率进行长宽值，减2

2、0px是因为iphone 状态栏高度为20）的矩形控件，然后拖拽进中继器。 Step 2 双击中继器，进入编辑状态。 设置矩形尺寸为 125*125（自己喜欢就好，125px更好看些）；矩形文字位置为底端，内底边距为15px。Step 3 设置中继器样式，点击中继器编辑页空白处。 进入样式设置，设置布局属性，由垂直- 改为水平；勾选网格排布，每排项目数设置为3（这里模拟3行3列九宫格，可根据自己需要设置）。Step 4 点击属性，在第一列添加行，并输入九宫格每一格的标题（默认按从上到下、从左到右排列）。 退出编辑页，可以看到已制作的九宫格。 Step 5 再进入中继器编辑页，为每一格加链接。 选中矩形和图片，右击执行组合操作（方便链接）。 新建九宫格对应的字页面，这里新建了前三个备用；在中继器属性中找到中继器添加列，在第一列后对应处右击选择引用页面，依次将其一一对应。 设置完后会看到链接列显示引用的页面名和类型。 这是真正设置链接，点击组合，按图进行

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论