• Axure 实现移动端侧边弹窗栏选择效果

    时间:2024-04-08 10:00:54

      这两天在做一个小程序的页面要用到这个效果,上网找了一下发现相关资料比较少,于是自己参考了一下网上的思路自己摸索着做了一个,现把效果的教程做出来供大家参考,废话不多说,先放效果图:准备工作:1.拖出一个宽为320,高为480的矩形,命名为屏幕;2.拖出3个下拉列表框,w:80px,h:22px,每...

  • Axure-让局域网内的用户看到自己的站点

    时间:2024-04-07 22:20:02

    作为一个业余学习Axure的人,一直以为在Axure中直接发布预览局域网内的其他人就可以看到自己绘制的原型了,然而,事实并不是!!好啦废话我就不多说啦,下面就直接讲配置步骤啦!步骤一Axure中生成html文件。 步骤二配置本地IIS打开控制面板--程序和功能--打开或关闭windows功能选中In...

  • 最详细的Axure动态面板使用教程

    时间:2024-04-06 11:19:14

    1、打开【Axure】软件,在index文件上新建一个375*667大小的背景矩形并绘制页面。具体如图所示。 2、在banner的位置上新建一个【动态面板】,双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3。具体如图所...

  • 【Axure】使用Axure进行预览时,去掉出现在链接旁边的case小按钮

    时间:2024-04-05 17:10:41

    在使用Axure RP 8进行预览时, 已经发布的原型图,点击交互按钮,旁边会出现小的case按钮,不会直接跳转页面,如下: 这是交互事件的名称,可在发布时,设置不显示步骤如下: 再继续发布的步骤即可。...

  • Axure9 使用中继器实现模糊查询搜索

    时间:2024-04-05 09:50:13

    最近完善产品的元件库,刚好遇到需要用中继器实现查询搜索功能。要求实现的效果也很简单:如下图,我想根据输入框内文本内容改变时,中继器的C1列按照输入框当前的文本内容,模糊查询结果并显示结果。接下来就是如何实现:1.给输入框添加交互“文本改变时”,选择中继器的“添加筛选”动作;2.选择目标中继器,给筛选...

  • Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

    时间:2024-04-05 07:40:33

    **网页初尝试:运用Axure模仿美团网首页(上)**(1)模仿美团首页利用矩形和图片元件进行排版(2)在同比例位置设置好LOGO,网上下载好美团标志(3)在logo旁设置好搜索栏,并设置搜索提示信息(效果如图)(4)利用事件交互设置图标和文字链接的变化注册和登录按钮的深化处理,引起用户的注意鼠标移...

  • Axure8原型教程:实现滚动效果(小技巧:隐藏滚动条)

    时间:2024-04-02 13:02:06

    Axure8原型教程:实现滚动效果(小技巧:隐藏滚动条)进入正题:(1)例如:首先我们创建一个APP或模板(这里是为了好看哈哈哈),想象一下里面有很多东西,一个界面是看不完的,所以可以加入滚动模式。(2)我们可以拉一个矩形(随你想拉什么),因为内容会放在这个矩形里面,所以大小设置为和屏幕显示一致(好...

  • 基于Axure中继器的模糊查询

    时间:2024-04-02 13:01:44

    基于Axure中继器的模糊查询日常根据用户需求有的axure原型中需要实现尽可能的高保真,那么针对后台管理方面的有的图表要实现针对数据的模糊查询,即根据输入框内的内容在图表中进行查询,并显示对应的内容,废话不多下面开始讲解:一、创建一个中继器图表1.1选择中继器控件拖拽到目标区域即创建完成。1.2下...

  • Mac OS下Axure RP 8.0.0.3312安装及注册&汉化

    时间:2024-04-02 12:57:33

    一、安装教程1、下载完成后解压压缩包,点击打开【Axure+RP+83312.dmg】,将【Axure PR 8.App】拖入【应用程序】文件夹完成安装。2、点击打开安装完成的axurepr,点击上方【Enter license】进行**。3、打开之前的【Axure+RP+83312.dmg】镜像中...

  • Axure RP 8.1安装和汉化详细教程

    时间:2024-04-02 12:57:08

    Axure RP v8.1 Enterprise 软件汉化包和教程:https://ebookbug.ctfile.com/dir/9104807-33319828-b5a7f6/软件下载成功后开始安装开始安装.jpg安装完成,启动项目启动.jpg点击下图的位置中的 Enter License输入 ...

  • 产品原型设计:使用axure实现菜单下拉效果

    时间:2024-04-02 12:56:44

    欢迎关注微信公众号九万里大数据。在我们使用的网页菜单上,经常遇到以下这种下拉菜单,其特点是把同一类型的功能子项,下设在一个统一的功能父项下面。通过鼠标点击父项,会折叠或显示子项。对于产品经理或者交互设计师而言,往往需要在产品原型设计中体现这种效果,下面通过axure来实现。使用axure画出以下几个...

  • Axure百度模糊查询功能

    时间:2024-04-02 12:55:50

    本文实现的效果是类似于百度等众多网站的模糊查询功能,如图所示1.建立Axure,本文以百度为例,便于了解。2.插入一个单行文本框,长度根据自己的需求设定,文本框后面插入按钮。 3.在文本框下面建立一个动态面板,命名为“搜索列表”,点击动态面板的state1,编辑state1,拖动矩形到state1里...

  • Axure Rp9 - 实现按钮点击弹框效果

    时间:2024-04-02 12:55:26

    话不多说,直接上方法:1,建立页面,拖入按钮以及一个动态模板2,双击动态模板,写入弹框内容,3,若想要弹框时,背景透明效果,则可以单击灰色部分,然后点击右侧样式,选择fill,彩色,更换颜色以及透明度即可.4,关闭动态面板回到页面,给按钮添加点击事件,选择显示/隐藏,选择要显示的动态模板(之前创建模...

  • Axure RP9教程 列表翻页

    时间:2024-04-02 12:54:37

    Axure RP9教程 利用中继器设置当前页功能快速实现翻页功能一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表分页大小的实现,本篇将为大家介绍列表分页,列表分页是我们在移动端、PC端比较常见的一个功能,那么如何来实现一个翻页功能呢?接下来我们会用到中继器的另个动作来实现设置当前页;二...

  • Axure RP9实现按钮点击改变自己以及其他按钮颜色

    时间:2024-04-02 12:54:14

    1、首先创建一个页面,添加按钮1以及按钮22、选中1按钮,点击右侧交互选择选中事件,设置填充颜色以及文字颜色,若有需要也可以设置透明等操作,按钮2同理。3、选中按钮1添加单击事件,设置选中,选择当前原件,再添加一个事件,设置选中,选择按钮2原件并将值设置为false,按钮2同理。4、预览即可查看效果...

  • Axure RP9教程 列表编辑

    时间:2024-04-02 12:53:50

    Axure RP9教程 利用中继器更新行实现列表编辑功能一、说明二、案例演示三、操作说明一、说明上一篇为大家介绍了列表删除功能的实现,本篇将为大家介绍列表编辑,那么如何来实现这个功能呢?接下来我们会用到中继器删除行交互事件;二、案例演示三、操作说明双击中继器元件,进入内部行信息,添加修改标签;给修改...

  • 利用Axure的动态面板和中继器完成下拉框选择功能

    时间:2024-04-02 12:53:24

    这是在练习Axure时找到的一个案例,自己根据博主的说明一步步操作后发现不能实现对应的效果,幸好博主提供了源文件,通过对源文件的拆解,最终实现了下拉框选项的功能。这里采用的Axure版本这里就在博主提供的基础上进行说明。新建Axure文件后,第一步是新增一个动态面板,设置一下样式,主要是设置控件的大...

  • axure制作下拉列表模糊查询

    时间:2024-04-02 12:52:36

    Axure的版本8.0一、实现的功能及展示效果:对姓名的下拉检索;二、元件搭配1、输入框;2、中继器;3、标签;三、实现逻辑1、默认下拉列表是隐藏;2、搜索框内的文字长度大于等于1,并且搜索的文字能够模糊匹配下拉列表中的值,显示下拉列表;3、鼠标悬停在下拉框文字上,改变文字的背景颜色;4、单击选中下...

  • Axure左侧菜单栏的Pages上添加图标

    时间:2024-04-02 12:51:17

    最近看到很多小伙伴的原型上都有自己的标志,心想着怎么弄的呢?效果如下: 后来我就去问一些小伙伴,但是没有人理我,我上网查询了好久,也没查到关键词,难过的我啊~然后我就去Axure一个功能一个功能的找~~~嘿嘿,所以再次以做记录,希望能够帮助到小伙伴们~ 方法如下:1、在Axure中找到 “发布”——...

  • Axure rp9实现进度条

    时间:2024-04-02 12:50:05

    目录1.需要注意的地方2.元件准备3.交互在使用Axure rp9参考网实现进度条的过程中,发现有一个地方出了问题,自己也是找了好久才将错误修改正确的,下面记录一下这个过程,防止下次使用的时候再次犯这样的错误。1.需要注意的地方(1)进度条如何实现?(2)进度百分比如何实现?2.元件准备从元件库中拖...