Axure
雨季袭来
这个作者很懒,什么都没留下…
展开
-
Axure:解决chrome打开Axure生成的html文件时显示“Google Chrome requires an extension to ……”的问题
之前一直用axure直接在浏览器预览文件,今天完工需要发布的时候,发现生成html 文件之后,拿chrome浏览器怎么都打不开,老是弹出下面这个界面解决方法其实都写在上面了:在扩展程序里面勾选“允许访问网址”1.点击更多2.选择“扩展程序”3.勾选“允许访问文件网址”...原创 2021-09-01 11:21:03 · 1093 阅读 · 0 评论 -
Axure学习笔记(十七)-循环倒计时效果的实现(使用触发事件)
注:本篇笔记适用环境:win10+Axure RP 81.设置全局变量:2.设置初始值3.等待1秒,更改全局变量的值,设置触发事件进行循环4.进行筛选,防止不停向下减结果:...原创 2021-08-20 13:32:18 · 636 阅读 · 0 评论 -
Axure学习笔记(十六)-评论管理界面的实现(利用中继器实现增删改查、搜索、分页)
注:本片笔记适用环境:win10+Axure RP 81.基础界面构建,将中继器表单项与数据集联系起来(可以根据淘宝商品界面的实现笔记来看)2.添加1)设置“点击发布”时的一系列动作,如下:其中,添加行设置:3.删除1)单行删除结果:2)条件删除结果:3)全选删除全选:同理可取消全选:结果:(点击可控制...原创 2021-08-20 12:04:13 · 1040 阅读 · 0 评论 -
Axure学习笔记(十五)-类似于某宝商品界面的实现(利用中继器)
注:本笔记适用环境:win10+Axure RP 81.中继器2.绘制基础页面,双击中继器进入编辑3.调整排布4.目前显示效果:5.填写每项要展示的内容其中,图片的插入需要右键-导入图片6.给每个元素命名,并添加“每项加载时”的用例同理:结果:...原创 2021-08-20 11:02:30 · 365 阅读 · 0 评论 -
Axure学习笔记(十四)-抽奖转盘效果的实现(利用旋转事件)
1.随机函数random2.在底层图片上设置点击事件(转盘图:先放置一个转盘的图片在底层,上方在放一指针的图片)注:这个图里面截错了,选中的应该是下面那个转盘图片,不是上面这个图片其中旋转角度的函数为:3.结果...原创 2021-08-20 10:48:43 · 595 阅读 · 0 评论 -
Axure学习笔记(十三)-简单登录效果实现(使用启用、禁用+获取焦点事件)
注:本笔记适用环境:win10+Axure RP 81,将输入框组合起来,以免中间的文本框与外界矩形框冲突2.设定输入框选中与按钮禁用效果3.用例事件:根据是否获取焦点变动选中与未被选中同理设置“取消选中”4.只有当存在文本时,占位符才会出来最终:5.只有长度为11位时,按钮才被启用最终:6.清空文本7...原创 2021-08-20 10:42:22 · 269 阅读 · 0 评论 -
Axure学习笔记(十二)-地区三级联动效果的实现(利用动态面板)
1.将市、区一级下拉列表转换为动态面板2.设置根据省改变市最后变成这样:3.根据市改变区4.联动省与区直接在用例里面把区也同步设定即可原创 2021-08-20 10:26:57 · 558 阅读 · 0 评论 -
Axure学习笔记(十一)——拖动小球,碰撞改变颜色
注:本笔记适用环境:win10+Axure RP 81.设定两球选中样式2.设置拖动的用例事件1)转换为动态面板2)设置小球跟随鼠标进行拖动3)设置拖动结束时右侧小球需要被选中4)如果没有和红色接触,则返回之前的位置3.当接触时,将绿色先与右侧圆重合,后隐藏同理完成y轴坐标最终添加事件:4.结果:...原创 2021-08-20 10:17:43 · 335 阅读 · 0 评论 -
Axure学习笔记(十)-手风琴菜单效果实现(使用动态面板)
注:本笔记适用环境:win10+Axure RP 81.构建两个状态2.勾选自动调整尺寸(让下拉的部分能够显示出来)3.设置点击事件(state1和state2要分开画,不然会不管点击哪——选项卡或者是子选项,都会跳转到下一个状态的)4.结果点击前:点击后:...原创 2021-08-20 09:59:23 · 627 阅读 · 0 评论 -
Axure学习笔记(九)-网页选项卡效果的实现
注:本笔记适用环境:win10+Axure RP 81.设置边框重合时直接覆盖,防止边框过粗2.将动态面板每个状态重命名,与选项卡文字一致3.为每个选项卡设置用例4.优化:根据选项的位置确定是向左还是向右划添加判断条件(对于中间那一项,如果在点击时还是“绿色”状态正在被选中,则向左划,否则,右划):...原创 2021-08-20 09:54:18 · 150 阅读 · 0 评论 -
Axure学习笔记(八)-大屏轮播效果的实现
注:本笔记适用环境:win10+Axure RP 81.各个元件命名(简单用不同颜色的矩形代表图片)(下方小圆点设置为12345……会利于后面操作)2.依据“元件”笔记中动态面板的操作方式设置轮播案例3.设置左右箭头的点击事件(注意:左箭头要设置向右滑动!!!)设置等待,继续循环实现只有鼠标移入时才会显示左右箭头(将组合命名,先隐藏,后使用用例显示,同时要记得停止循环,鼠标移出时,继续循环)...原创 2021-08-20 09:45:57 · 526 阅读 · 0 评论 -
Axure学习笔记(七)-简单登录界面提示的实现(使用判断条件)
1.元件命名2.设置条件:添加用例,给文本框添加判断条件,添加用例同理:3.结果4.优化:隐藏”提示文本”部分,并且显示的时候能不被遮挡,利用“推动”效果提示后能隐藏(先等待1秒,再拉动消失):5.结果...原创 2021-08-19 18:10:31 · 545 阅读 · 0 评论 -
Axure学习笔记(六)-多种形式实现显示与隐藏
注:该笔记适用环境:win10+Axure RP 81.下拉菜单的制作1)给下拉菜单的元件命名2)建议放置“热区”(其实就是一个透明组件,多用来框定 可点击范围)3)将下拉菜单先进行隐藏4)设置点击事件将其显示5)如果显示部分有重叠:添加移除事件6)结果鼠标离开...原创 2021-08-19 18:03:04 · 4054 阅读 · 0 评论 -
Axure学习笔记(五)-点击按钮则页面自动滚动至指定点效果
注:该笔记适用环境:win10+Axure RP 81.给每个元件命名2.设置事件(至此即可以完成基本滚动)3.让顶部状态栏始终保持,不随滚动而被隐藏1)将状态栏全部元件选中后右键,选择转换为动态面板-右键-固定到浏览器2)固定到浏览器的预定位置4.指定精确的位置进行跳转放置一个颜色设置透明元件,设定与导航栏同样高度(用来防止内容被固定在页面上的导航栏遮挡),将滚动点更换到此元件...原创 2021-08-19 17:46:05 · 3078 阅读 · 0 评论 -
Axure学习笔记(四)——母版的应用、图形叠加处理、自适应视图
注:该笔记适用环境:win10+Axure RP 81.母版的应用2. 图形的叠加处理3.自适应视图(用来完成不同屏幕尺寸的适配)1)初始化不同的视图尺寸(现在项目里面进行初始设置)2)启用自适应视图3)每个尺寸都进行页面重新布局4)调整网页的尺寸大小,看效果5)可以通过按钮进行不同尺寸的页面跳转...原创 2021-08-19 17:39:30 · 728 阅读 · 0 评论 -
Axure学习笔记(三)——交互事件设置
注:该笔记适用环境:win10+Axure RP 81.交互样式:针对元件本身,每种动作只可以设置1种(实际上就是设置一下如果对应交互事件发生了,该元件要变成什么样子)2.交互事件:不仅针对元件本身,还可针对其他元件进行交互(实际上就是如果发生了这个交互事件,具体要做些什么动作)3.设置选项组,可以让同一时间只有一个选项可以被选中(就是实现“单选”效果)4.默认“页面一”按钮被选中...原创 2021-08-19 17:25:26 · 1196 阅读 · 0 评论 -
Axure学习笔记(二)-简单样式调整
样式调整以矩形为例:样式更改:原创 2021-08-19 17:16:39 · 94 阅读 · 0 评论 -
Axure学习笔记(一)-认识元件库
元件库基本元件:1)内联框架:2)动态面板:(只有动态面板才有“拖动”这样的交互事件!)放入三个不同颜色的矩形3)中继器表单元件:菜单元件:...原创 2021-08-19 17:13:12 · 298 阅读 · 0 评论