jun118166的博客

Axure 纵向滚动隐藏滚动条一、说明二、效果展示三、操作步骤一、说明在APP或小程序设置中心中，我们经常碰到某个属性开关的设置，例如是否接收消息等等，过去的体验中用checkbox实现即可，今天为大家介绍一种交互效果比较好的一种实现方式。接下来会用到两个元件实现该效果。二、效果展示链接案例三、操作步骤在画布中添加一个矩形大小为56X32，同时设置在样式中设置'圆角'为28，设置背景色为D7D7D7，命名为block;再往画布中添加一个直径为28的小圆圈，设置背景色为FFFFFF，命

Axure 纵向滚动隐藏滚动条一、说明二、效果展示三、操作步骤一、说明纵向滚动在APP或小程序的页面中很常见的一种应用，如何实现纵向滚动隐藏滚动条呢？网上方法很多，现在就给大家介绍一种非常使用又快速操作的方法，一分钟搞定，请轻松松，so easy！！二、效果展示链接案例：https://f9d9x0.axshare.com三、操作步骤在画布中添加375X667的矩形；再添加一个动态面板大小为373X600；面...

更新了半个月Axure RP9教程，大致结构跟大家梳理如下：一、 标题引用AxureRP9教程 入门讲解AxureRP9教程 链接交互二、动态面板AxureRP9教程 轮播图AxureRP9教程 头部锁定AxureRP9教程 音量滑块AxureRP9教程 多级联动AxureRP9教程 推拉效果AxureRP9教程 常用函数AxureRP9教程 高阶查询隐藏AxureRP9教程 内部框架AxureRP9教程 全局变量AxureRP9教程 列表滚动AxureRP9教程 抽奖小

Axure RP9教程 利用中继器新增行实现列表新增功能一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表编辑功能的实现，本篇将为大家介绍列表新增功能，那么如何来实现这个功能呢？接下来我们会用到中继器新增行交互事件；二、案例演示三、操作说明工具栏中添加新增图标及标签，在图标标签基础上添加热区；对热区添加鼠标单击时交互事件，同步插入如下动作：显示/隐藏动作，设置目标元件为新增窗口，更多选项添加遮罩效果再插入设置文本交互动作，将弹出框文本值初始化设置为空；给弹出框保存按钮添加

Axure RP9教程 利用中继器更新行实现列表编辑功能一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表删除功能的实现，本篇将为大家介绍列表编辑，那么如何来实现这个功能呢？接下来我们会用到中继器删除行交互事件；二、案例演示三、操作说明双击中继器元件，进入内部行信息，添加修改标签；给修改标签添加鼠标点击时交互事件，同时插入以下动作；标记行动作，即设置对当前行进行编辑；设置文本，将中继器列表值赋值到弹出的编辑框（aaa到bbb）即bbb的值赋值给aaaactAdd赋值为up

Axure RP9教程 利用中继器删除行实现列表删除一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表总数功能的实现，本篇将为大家介绍列表总数，那么如何来实现这个功能呢？接下来我们会用到中继器删除行交互事件；二、案例演示三、操作说明在操作列中添加删除标签，同步添加鼠标点击交互事件在交互事件中插入中继器删除行动作多选删除，勾选已标记...

Axure RP9教程 利用中继器itemCount设置列总数一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表详情功能的实现，本篇将为大家介绍列表总数，那么如何来实现这个功能呢？接下来我们会用到中继器itemCount获取总数信息；二、案例演示案例链接三、操作说明在画布中选中中继器，在每项加载时交互事件中添加设置文本，值为[[Item.Repeater.itemCount]]这里面主要用到了每项加载时及itemCount交互事件及函数功能。...

Axure RP9教程 利用中继器标记行功能快速实现列表详情查看一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表翻页功能的实现，本篇将为大家介绍列表详情，列表详情是我们在移动端、PC端比较常见的一个功能，具体是将我们选中列表功能展示在弹出框中，那么如何来实现这个功能呢？接下来我们会用到中继器的另个动作来实现标记行；二、案例演示案例链接三、操作说明添加查看详情弹出框，将分类、编码、名称、来源控件分拨命名；全选弹出框，右键进行组合，设置组合状态为隐藏；在中继器行列元素添加查看

Axure RP9教程 利用中继器设置当前页功能快速实现翻页功能一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表分页大小的实现，本篇将为大家介绍列表分页，列表分页是我们在移动端、PC端比较常见的一个功能，那么如何来实现一个翻页功能呢？接下来我们会用到中继器的另个动作来实现设置当前页；二、案例演示案例链接三、操作说明在画布中添加上一页、下一页标签；给上一页、下一页添加鼠标单击时交互事件，同时插入设置当前页动作如果要实现指定页显示，我们只需要在页面中选择值即可，值为具体

Axure RP9教程 利用中继器设置每页下项目数一、说明二、案例演示三、操作说明一、说明上一篇我给大家介绍了列表查询功能，本篇将给进一步给大家介绍如何设置列表每页项目数，如何实现这样一个功能，axure中的中继器设置每页项目数给我们提供了良好的工具。二、案例演示案例链接三、操作说明在列表元件底部添加一个分页下拉控件，分别为10，20，30，40，50；为了让我们实现一个设置分页项目效果，我需要列表中的数据进行填充至30行以上；数据填充完之后我们发现列表的高度超过了页面本身，下拉框也被撑

Axure RP9教程 利用中继器过滤功能添加列表查询一、说明二、案例演示三、操作说明四、总结一、说明上一篇我给大家介绍了列表多选操作，本篇将给大家介绍列表查询，列表查询是非常常见的一个功能，我们通过会根据用户自定义的筛选条件去过滤相关数据，如何实现这样一个功能，axure中中继器新增过滤器给我们提供了良好的工具。二、案例演示案例链接三、操作说明我们在表头上添加所属分类、类型名称查询条件，元件分别命名未txtType、txtName；再添加查询、重置按钮；给查询按钮添加鼠标单击时交互动作

Axure RP9教程 给中继器列表添加多选功能一、说明二、案例演示三、操作说明一、说明上一篇文章中继器列表给大家做了一个入门，接下来给大家讲解对中继器的交互效果多选。关于列表多选效果的例子网上很多，普通常用是在中继器中添加行标记状态，而本文要介绍的步骤比添加行标记更简单，只需要轻轻松松的一个鼠标点击交互事件即可实现。二、案例演示案例链接三、操作说明给列标题第一列多选框元件命名为ck，并同时添加选中交互事件；同步添加设置选择/选中动作，目标元件选中中继器中id列，设置值为真保存预览后我

Axure RP9教程 用中继器元件实现一个简单的列表功能一、说明二、案例演示三、操作说明一、说明上一篇文章中继器概述将了中继器的作用及结构，下面我通过实例来演示中继器入门基础应用列表展示。二、案例演示案例中我们通过一个数据字典的列表展示效果，来呈现。案例链接三、操作说明在画布中添加表格，只保留第一列，并设置背景色及多选框；接下来再制作列表内容，首先在画布中添加中继器原件，这是我们发现画布中展示的是三行，并不是我们要的内容展示效果。选中中继器鼠标双击进入内部坐标系画图绘制，我们发现

Axure RP9教程 用中继器元件实现一个简单的列表功能一、说明二、“中继器”的作用三、“中继器”结构说明一、说明中继器（英文名Repeater）是Axure RP 7.0推出的新功能，是目前为止Axure最复杂的功能（没有之一），学习它的使用有助于我d们快速设计一些复杂的交互界面。Repeater翻译过来的另外一层含义是重复的意思，我们在做一些二、“中继器”的作用中继器作为复杂的元件，存在的理由只有一个：制作“高保真”的动态原型让我们再来思考一下“高保真”原型的2个核心：1、视觉保真度2、

Axure RP9教程 用动态面板实现一个简单的抽奖转盘效果一、说明二、案例演示三、操作说明一、说明抽奖小程序，在移动端APP比较常见，通常在签到抽奖，比较常见，如何是实现这样一个功能，接下来的案例会一一给大家介绍。二、案例演示案例链接三、操作说明通过上述案例，我们解决解决两个问题，外部的环形如何绘制，指针转盘效果如何实现。第一步绘制一个环形首先我们将一个圆形拖到画布中，右键选择形状，将圆形更改为扇形通过选择扇形起始点，更改扇形大小通过上述操作绘制10个扇形；最后将10个扇形

Axure RP9教程 用动态面板实现一个简单的列表滚动效果一、说明二、案例演示三、操作说明一、说明列表是PC及移动端比较常见的一种控件，我们通常会遇到一个列表，表头非常多，在显示器中无法显示完整，这时候我们就需要一种简单的滚动效果来实现他；还有一种就是分页大小操作一屏显示的时候我们也需要用到纵向滚动条。二、案例演示没有滚动条效果：从这里我们明显看到没有滚动条的时候，分页大小超过外部矩形范围时，页面会自动撑开，体验非常不好。设置滚动效果我们可以看到设置滚动条之后，列表的范围没有超出外部矩

Axure RP9教程 全局变量实现一个简单的登陆操作一、说明二、演示效果三、操作步骤一、说明全局变量是Axure一个重要组成部分，其作用在交互效果是页面值传递的时候比较常见。全局变量顾名思义是值在整个axure项目中生效，即A页面定义的全局变量在B、C中同样适用；说到全局变量就不得不说局部变量，局部变量仅对当前页面定义的变量范围生效。用编程的思想来理解，即作用域不一样，全局变量作用域>局部变量作用域。二、演示效果三、操作步骤在画布中间设计一个手机壳外观，添加【用户名】、【密码】输入框以

Axure RP9教程 内部框架一、说明二、效果演示三、操作步骤一、说明二、效果演示三、操作步骤

Axure 动态面板快速实现更多查询条件展示/隐藏一，说明二、效果演示三、操作步骤一，说明在PC端的后台管理界面上，经常会遇到一个表格有许多列，为了做数据筛选会做大量的查询条件，当查询条件较多时二、效果演示三、操作步骤...

Axure教程 常用函数一、说明二、基本语法三、 数字函数1.toExponential(decimalPoints)2.toFixed(decimalPoints)3.toPrecision(length)四、 数学函数五、 字符串函数六、 时间函数函数七、中继器函数一、说明在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。二、基本语法[[I#indexOf(#)>-1]][[]]是axure 使用函数的特定方式，#号代

Axure 动态面板快速实现菜单导航收缩展开一，说明二，效果显示三、操作步骤一，说明在PC端管理后台页面，经常会遇到左侧菜单列表导航，通过左侧的菜单点击打开相应的页面。如果左侧的菜单比较多时，我们就需要对菜单进行分类，实现点击父级菜单，子菜单自动收缩或展开，提升用户体验。二，效果显示三、操作步骤...

Axure 动态面板快速实现多级联动一、说明二、效果显示三、操作步骤一、说明三级联动在系统中应用场景比较普遍，例如省、市、区或商品大、小类区分。这种效果我们怎么来实现呢？思路：添加多个动态面板；给动态面板元件设置相关交互事件，来控制其他面板不同的状态。二、效果显示案例链接：https://f9d9x0.axshare.com/三、操作步骤添加三省、市、区下拉列表，将市、区下拉列表转换为动态面板；给省下拉框添加数据源江西省、江苏省将市、区下拉框添加不同状态，分别以省、市

Axure 动态面板实现音量调节一、说明二、效果显示三、操作步骤（一）、设置滑块拖动效果一、说明音量滑块设置在PC端及移动端的应用场景相对较少，但在播放器类APP应用场景相对较广，例如调节视频的亮度、声音等等。如何来实现这种交互效果呢？接下来我们会用到动态面板的元件跟随来实现二、效果显示案例链接：https://f9d9x0.axshare.com/三、操作步骤在画布中添加一个矩形框：500 x 32，圆角设置为16；选中画布中矩形框Ctrl+D复制一个矩形框，将背景设置为绿色，用

Axure 动态面板快速实现头部锁定一、说明二、效果展示三、操作步骤一、说明页面头部锁定时移动端、PC端比较常见的效果，其本质是方便用户能够快速切换不能栏目来过滤信息。如果没有头部锁定，意味着用户要将页面内容滚动到头部区域，再次进行选择；这种使用效果对用户来讲带来诸多不便，当前，目前也可以通过页面右侧添加回到顶部的方式来实现。接下只要讲通过头部锁定的方式来实现。二、效果展示案例链接：https://f9d9x0.axshare.com/三、操作步骤首页添加页面头部区域，在画布中添加一个102

Axure 动态面板一、说明二、效果展示三、操作步骤一、说明动态面板在 Axure 中地位颇高动态面板在 Axure 的地位可谓颇高 ，是 Axure 中最重要的一个元件之一。几乎可以一 句话来概括“当你想不出用什么办法来实现某个效果时就想一想动态面板”。 它的功能十分强大，比如：拥有独立的内部坐标系，有多个状态，Banner的案例中会用到动态面板多个状态进行实现二、效果展示连接案例：https://f9d9x0.axshare.com/三、操作步骤在画布中添加一个动态面板，或者在画布中添

Axure 链接交互一、说明二、效果展示三、操作步骤一、说明链接交互是web中最常见的一种效果，也是最简单的一种实现方式，主要展示形式分两种：从A页面跳转到B页面；从主页面的菜单栏，在iframe1打开新的页面。下面我们通过一个简单的APP页面跳转来实现第一种效果的展示，第二种效果将会在后续的行内框架文章中会介绍。二、效果展示链接案例：https://f9d9x0.axshare.com三、操作步骤在画布中添加一个434X841的矩形框，圆角在样式中设置为20，如下：再添加一个3

Axure 入门培训一、 序言(一) 为什么要画界面原型(二) 产品经理应该怎么画原型(三) 原型的简单分类1. 草图2. 低保真3. 高保真4. 总结二、 发展历程三、 下载地址四、 运行界面五、 同类竞品六、 核心组成七、 工具栏介绍八、 案例演示一、 序言从入门的基础内容开始，高手可绕行，我们可以通过一系列的案例讲解 Axure 软件的具体使 用，有深入到浅出最终希望帮助大家熟悉这个软件，或者开拓思路，同时满足现有日常需求。(一) 为什么要画界面原型我们对Markdown编辑器进行了一些功能