Axure教程

  • Axure教程:实现图片上传 – 自动预览

    突破浏览器的限制,可以直接预览本地图片,充分模拟图片上传效果 上一篇文章讲述了定制化上传元件的视觉效果,其实在制作过程中,我曾经碰到过一个问题,那就是“试图读取文件路径时,发现文件路径被替换为C:/fakepath/****.jpg”。 这是由于浏览器的安全机制,input file的路径时被fakepath代替,隐藏了真实物理路径。 Axure通常是用来做…

    2020年12月30日
    121
  • Axure教程:文件上传 – 自动生成列表

    根据流行的前端视觉框架,制作了这个文件上传的元件,重构了交互关系,所以可定制化程度变高。 Axure本身是带一个文件上传的文本框的,只要在页面中放置一个文本框,并且把这个文本框的输入类型变成“文件”,它就自动变成了可以选择文件上传的表单元素,但是真的很简陋,无法适应视觉个性化定制,交互方式也有限。 现在前端视觉框架越来越成熟,很多公司会根据框架创建自己的视觉…

    2020年12月30日
    117
  • Axure教程:生成预览地址如何能查看到被浏览次数(引入百度统计js方法)

    Axure生成预览地址如何能查看到被浏览次数呢?来文章里看看,这里有一个小方法也许你想知道~ 在看教程之前,请行了解一下,什么时javascirpt,JavaScript入门教程自行百度。 JavaScript介绍: JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏…

    2020年12月24日
    130
  • Axure中继器根据购买时长计算总价

    在绘制电商原型或官网原型,通常会涉及到总价的计算。可以利用Axure的中继器+文本框+函数来实现,以下以一个Saas软件根据购买时间来计价的例子来讲解,实际效果如图: 绘制步骤: 1.绘制静态原型图绘制价格文本,并备注为“价格”标签,如图所示 放置中继器,备注为“天数”标签;放置文本输入框 2.文本框数据录入到中继器存储事件1:给文本框设置动态交互事件,当文…

    2020年12月16日
    108
  • Axure RP 9 教程:建行APP账户拖动效果

    今天简单用动态面板模拟一下建行APP首页银行账户左右拖动的效果,一起来看看~
    交互操作链接:https://www.wulihub.com.cn/go/QOPo4J/start.html

    2020年2月23日
    1.2K
  • Axure 日期函数详解

    Now     根据计算机系统设定的日期和时间返回当前的日期和时间值。如:设置元件文本的值为:[[Now]];输出:Mon Jan 08 2018 10:42:55 GMT+0800 (中国标准时间)。GMT(Greenwich Mean Time)代表格林尼治标准时间。而CST却同时可以代表如下 4 个不同的时区:Centra…

    2020年1月14日
    1.1K
  • Axure RP 9 教程—设置键盘快捷键

    很早之前写过模拟手机拨号,今天我们在模拟拨号键盘的原型基础上做一个小功能,设置按下电脑键盘上的按钮,触发拨号的交互,也可以用该设置方法做快捷键。 制作原理 Axure中有个交互叫,按键按下时的交互,然后我们为按键按下时设置if条件,if按下的按钮为XX,就出发XX交互。因为我们沿用的案例时模拟拨号键盘的原型,因此我们在按下XX按键的时候,只要触发鼠标点击对应…

    2019年12月30日
    973
  • Axure RP 9 教程—模拟微信系列4.下拉刷新

    最近真的好忙,晚上又在忙着充电学Python,所以更新变慢了,不过木有事,Silence虽然会迟到,但是绝不会缺席~O(∩_∩)O哈哈~   实现逻辑 元件.top 函数:获取元件对象的上边界坐标值。 拖动页面时,页面top值超过一定程度的时候,让页面弹回到初始位置。 向下拖动页面的时候,出现下拉刷新icon。   步骤1-元件准备 准备元件,我们准备好朋友…

    2019年12月30日
    902
  • Axure RP 9 教程—页面三级拖动

    好久没有更新文章了,一来工作比较饱和,二来闲暇时间都在研究python,三来正在年底了,在反思这一年来的点点滴滴,所以文章更新缓慢,请大家见谅哈~ 效果图 实现逻辑 我们使用一个动态面板,为其添加三种状态下的页面,在不同的状态,页面拖动结束时,动态面板切换到目标页面,并且移动到合理的位置,就轻松的实现了一个页面拖级拖动的效果。 实现步骤 第一步,我们添加一个…

    2019年12月30日
    672
  • Axure 9 教程:Axure 9 实现轮播图效果

    轮播图在日常的原型设计中是最常见的了,今天和大家分享如何制作自动轮播+手工点击切换。

    2019年11月8日
    406
分享本页
返回顶部