Axure RP 8怎么设计图片点赞功能的网页原型?

  Axure RP 8怎么设计图片点赞功能的网页原型?

1、打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示:

  2、在“Icons”中找到手形向上和手形向下的图标,并拖动到图片元件下方,如下图所示:



  3、选中图片元件,导入外部图片到图片元件里;修改两个手形填充色,分别为绿色和红色,如下图所示:



  4、在两个手形图标附近添加两个输入框,调整输入框宽度和位置,如下图所示:



  5、选中手形向上的图标,添加鼠标单击时用例;设置一个全局变量addData,并设置文本,如下图所示:

(0)

相关推荐

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...

  • 图解Axure RP制作轮播图片、返回顶部、悬浮效果

    本篇将和大家介绍Axure RP制作轮播图片.返回顶部.悬浮效果和生成文件操作,希望对大家的工作和学习有所帮助! 操作方法 01 打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑 ...

  • Axure RP 8怎么设计模拟播放器模型

    Axure RP 8下面利用一个实例说明实现这个播放器的过程,操作如下: 1.双击打开Axure RP 8设计软件工具,新建默认的页面,如下图所示: 2.在元件库中的"基本元件"中 ...

  • Axure RP 8怎么设计有漂亮图标的树状菜单?

    Axure 8 RP设设计网页原型的时候,想要设计一个树状菜单,该怎么设计并添加图标呢?下面我们就来看看详细的教程. 1.选择适当的编辑区域,拖入树状菜单. 2.右键菜单,选择第一个,编辑树属性,选择 ...

  • Axure RP怎么实现提示框悬停功能?

    Axure RP是一款十分方便的页面交互模型软件.产品经理在进行需求分析的时候,借助Axure RP工具可以很好设计功能系统,本文将简单介绍Axure RP 的悬停功能(类似于tooltip)如何实现 ...

  • Axure RP 8怎么设计网站用户信息界面?

    一般网站注册用户的时候都会有用户信息,怎么做一个用户信息提交界面呢?下面我们就来看看详细的教程. 1.找到Axure RP 8设计软件快捷方式,双击打开该软件,默认显示四个界面,如下图所示: 2.由软 ...

  • axure RP 8怎么做图片轮换的效果?

    在系统或网站中,经常用到图片定时或点击轮换,可以给用户一个吸引人的美观印象.Axure RP 8原型设计界面可以实现图片轮换,下面利用一个实例说明图片轮换的效果,操作如下: 1.打开Axure RP ...

  • Axure RP 8怎么设计内联框架原型?

    Axure RP 8设计软件有一款元件----内联框架,可以在内部嵌套框架或页面,可以将视频.页面.地图放入框架中.下面利用一个具体的实例说明内联框架设置方法,操作如下: 1.打开Axure RP 8 ...

  • Axure RP 8如何设计单选按钮和按钮选择值

    Axure RP 8设计软件自带了很多控件,有单选按钮.按钮和输入框,下面有这么一个场景: (1)有四个单选按钮 (2)选择其中一个单选按钮,点击按钮触发事件 (3)将单选按钮值填写到输入框中 下面利 ...