WGzhuiri的博客

3.在交互窗格 每项载入时 设置文本， 编号ID 文本 [[Item.bianhao]] 改为 Z[[Item.bianhao+10000]]2.双击中继器动态面板，进入中继器，在样式窗格 数据 将bianhao 列改为 数值。1.打开上期RP 文件，为了方便演示，需要对上期的内容做些调整，仅保留五条数据。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表添加行交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

1.打开上期RP 文件，在iconfont上找一个升序的icon，复制SVG 粘贴到画布。选中icon 在样式窗格 将 宽高 值设置为 15 ，右键 变化图片 转换SVG图片为形状。接着上期的内容，这期内容，我们来了解一下Axure中继器数据表分类排序交互设计。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

1.打开上期RP 文件，在元件库中拖入一个矩形，宽值根据业务实际情况配置，高值设置为35 ，线段设为灰色（#D7D7D7）线段值为 1，圆角 半径 3 并输入文本首页，基于分页提示对齐。接着上期的内容，这期内容，我们来了解一下Axure中继器图表翻页控制。好的，这期内容到这里就结束了。跟着做的同学可以将文件保存。大家好，我是大明同学。

3.选中矩形元件，样式窗格中，将宽(W)设为200，高（H）设为300，填充颜色为红色（HFF0000）,线宽为0，输入文本“正面”字号的值尽量设置的大一些，便于区分，字体颜色为白色。情形2：如果卡片面板状态于当前==State2，移动卡片（动态面板）经过（500,0）线性300毫秒，设置卡片（动态面板）到下一项循环向右翻转300毫秒。选中卡片元件，在交互窗格点击新建交互，单击时，设置面板状态下一项，勾选向后循环，向左翻转500毫秒。点击预览，每次点击卡片时，卡片都会触发翻转效果。

5.添加交互动作，选择设置面板状态，设置当前元件，在状态下拉列表中选中“下一项”并勾选“向后循环”，在进入动画，选择“向左滑动”，“500”毫秒，退出动画 部分会自动更改以匹配此选择，点击更多选项，勾选“循环间隔”，设置“2000”毫秒，勾选“首个状态延时2000毫秒后切换”，单击完成保存操作。2.将矩形元件从元件库窗格拖到画布上，在样式窗格中将高度设置为“155”，宽度设置为“375”，填充颜色设置为“蓝色”，为了方便预览效果，需要双击矩形元件，输入文案内容“1”，将字号设置为“48”，“加粗”。

添加情形 情形6：添加条件 元件文字 时 大于 文本 0，添加动作，设置文本 秒 文本 59，分 文本 59， 时 插入变量或函数 ：0[[target.text-1]] ，等待 1000毫秒，触发事件 当前 载入时。添加情形 情形5：添加条件 元件文字 时 大于 文本 10，添加动作，设置文本 时 插入变量或函数 ：[[target.text-1]]，秒 文本 59，分 文本 59，等待 1000毫秒，触发事件 当前 载入时。添加动作，等待 1000毫秒，触发事件 当前 载入时。

设置文本，插入时间函数[[Now.getMinutes()]]，在时间函数前在插入一个字串函数，LVAR.concat('string') 将LVAR变量替换成‘0’并删除'string')，在末尾补充一个小括号。设置文本，插入时间函数[[Now.getHours()]]，在时间函数前在插入一个字串函数，LVAR.concat('string') 将LVAR变量替换成‘0’并删除'string')，在末尾补充一个小括号。情形2：将情形1的交互复制粘贴到情形2，＜10，改成≥10，删除设置文本中的字串函数。

2.插入这段函数：[[(Math.random()*3+1).toFixed(1)]]，这里设置的是1-4随机出数，如果想改变随机出数的区间，改变Math.random()*3+1中“3+1”字段就可以，例如想设置1-10之间随机出数，就改成：[[(Math.random()*9+1).toFixed(1)]]，设置1-100之间随机出数，就改成：[[(Math.random()*99+1).toFixed(1)]]。3.选中矩形元件，样式窗格中，将矩形元件命名为“数值”，线宽设置为0，输入文本“数值”。

选中 拖动时交互，点击更多选项 添加边界，顶部 大于等于 插入变量或函数 [[30-This.height]]， 底部 小于等于 插入变量或函数 [[This.height]]2.选中顶部 大于等于 条件，插入变量或函数 [[30 - This.height]] ，底部 小于等于 条件，插入变量或函数 [[This.height]]。预览效果，点击预览，在预览页面，“左边”一级选择中继器元件在拖动时顶部和底部都增加了边界，拖动到1时，无法继续向顶部拖动，拖动到3时，无法继续向底部拖动。

3,创建穿梭筛选框头部元件，在元件库中突入一个矩形元件，宽值198，高值48，线宽值0，填充颜色（#F2F2F2）圆角半径为6，选中前面做好的矩形元件，顶部对齐。1.选中待选列表按钮元件,在交互窗格中新建交互，选中，设置选中 选项为“真”，新建交互，取消选中时，设置选中，选项为“假”。2.双击中继器选项元件，对单个选项新建交互，选中，标记行 （中继器）当前，取消选中时，取消标记，（中继器）当前。1.选中向右穿梭按钮，在交互窗格中新建交互，单击时，触发事件，选项 fire 移动时。

左侧＜＝ 插入变量，[[LVAR1.x-LVAR1.x+LVAR1.width-7]]改为 底部 ＜＝ 插入变量 [[LVAR1.y-LVAR1.y+LVAR1.height+12]]。3.添加边界，左侧＜＝ 插入变量，[[LVAR1.x-LVAR1.x+LVAR1.width-7]]，LVAR1.width为滑动背景的宽值。2.边界右侧＞＝ 插入变量 [[LVAR1.x-LVAR1.x+7]] 改为 顶部 ＞＝ 插入变量[[LVAR1.y-LVAR1.y]]

1.双击动态标签容器，选中标签动态面板，在交互窗格中新建交互，载入时，移动，当前元件到达 X;3.选中文本框元件，在样式窗格中将按钮元件的宽设置为60，高设置为25，填充色为任意颜色，这里用的是蓝色（#0052D9）输入文本“标签”文本字体颜色白色，居中，线宽为0，圆角半径3。情形2：否则 如果 文字于 当前!1.选中动态标签容器，在交互窗格中新建交互，每项加载时，设置文本，标签为“[[Item.Column0]]”2.新建交互，获取焦点时，设置选中，+添加标签为“真”，设置文本当前为“”

1.复制“默认按钮”粘贴到画布上，选中复制默认按钮，在样式窗格中，将字体颜色，线段颜色改为红色（#FF354E），填充色改为（#FFEEEE）输入文本“警告按钮”文本居中。1.选中“文字按钮”，在交互窗格点击添加类似“鼠标悬停”的交互样式,选择“鼠标悬停的样式”将字体和线段颜色改为蓝色（#0052D9），点击完成。1.选中“成功按钮”，在交互窗格点击添加类似“鼠标悬停”的交互样式，选择“鼠标悬停的样式”将填充色颜色改为浅绿色（#42D885），点击完成。

这期内容，来分享一下Android，iOS移动端常用的设计规范。分辨率和显示规格 Resolutions and Display。dpi =屏幕宽度（或高度）像素 / 屏幕宽度（或高度）英寸。自定义图标 Custom Icons。导航栏 Navigation Bar。表格视图 Table View。OK，这期内容到这里就结束了。搜索栏 Search Bar。应用图标 App Icon。标签栏 Tab Bar。滑动条 Sliders。切换按钮 Switch。切换按钮 Switch。提示框 Alerts。

使用“样式”窗格中的“填充”“边框”和“圆角”选项为中继器添加边框和背景色，中继器的边框和背景呈现在中继器元件后面，需要在中继器中添加填充才能看到，“样式”窗格的“填充”中的选项允许在中继器的外边缘与其项目之间创建空白区域。将行或列添加到数据集中，单击添加列，添加行或使用表格上方的图标。使用“样式”窗格中的“填充”“边框”和“圆角”选项为中继器添加边框和背景色，中继器的边框和背最呈现在中继器元件后面，需要在中继器中添加填充才能看到它，“样式”窗格的“填充”选项允许在中继器的外边缘与其项目之间创建空白区域。

大家好，我是大明同学。Axure是产品经理用来绘制原型的工具，在快速迭代快速发展的当下，原型能验证设计的概念，将现有的需求转化为具体可视方案，让团队成员可以更好的理解需求方案。这期内容先来熟悉一下Axure的操作界面。

​大家好，我是大明同学。Axure 作为产品经理常用的原型图设计工具，这期内容就给大家分享如何安装Axure PR9。安装包和汉化文件都放在我的公众号里了，双击打开 Axure-PR9-3744文件双击已下载完成的.exe的文件安装包。点击【next】。勾选【I accept the terms in the License Agreement】接受安装协议，点击【next】。选择安装位置，点击Next（下一步），系统就进行了软件安装。（安装位置系统默认为C盘，Axure 9支持更改安装位置。

你去一家西餐厅吃牛排，牛排能不能吃，好不好吃是餐厅所能提供服务的核心，但当朋友们问起这次吃饭的体验如何时间，你脑中浮现的绝不仅仅是牛排的味道，可能还包括餐厅的门面，店内布置，桌椅摆放，服务人员的态度、响应时间，菜单设计，看单点单流程，上菜的时间和顺序，其他客人的用餐状态，以及买单和离开时的服务等一系列的体验，构成了你对朋友的回答：好，或不好。2009 年360红衣教主周鸿祎，在媒体上强调自己是产品经理，后来，⻢化腾也说⾃⼰是产品经理，乔布斯也在媒体上被强调为产品经理，这三个⼈重新定义了⼤众理解的产品经理;