Axure怎么制作数字选择器原型?

百度经验   发布时间:2018-12-18 13:41:37   作者:毕志华1991   我要评论
Axure怎么制作数字选择器原型?想要制作一个数字加一建议的计算器,该怎么制作这个效果呢?小魔王们就来看看详细的教程,需要的朋友可以参考下

今天我们就来看看axure制作数字选择器效果的方法,很简单的实力教程,请看下文详细介绍。

1、首先创建一个空白页面,在工作区域内拖入本次要使用的元件元素,主要有标题、输入框以及按钮,如下图所示。

2、元件元素准备完成后,对元件的样式进行设置,如下图所示。

3、元件样式设置完成后,然后给各元件的名称进行设置,如下图所示。

4、下面给输入框的类型进行设置,其实可以设置成数字,这样输入框中就只能输入数字了,当然文本也可以,但效果就不一样了,自己摸索一下,如下图所示。

5、下面就开始给两个按钮的交互事件进行设置了,首先给加号的按钮做单击交互事件,如下图所示,需要变量来控制。

6、然后在给减号按钮的单击交互事件进行设置,同样需要变量控制,上面就是输入框中值加一,这里就是减一,如下图所示。

7、准备工作完成,f5预览一下效果,如下图所示。

8、点击加号的时候,数字会从1开始加,点一下加一次,如下图所示。

9、点击减号的时候,就会在当前值的基础上减一,也可以自己输入一个数字,然后在减,如下图所示。

以上就是Axure制作数字选择器原型的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP8元件怎么设置颜色与透明度?

Axure图片显示不完整或扭曲该怎么解决?

Axure RP 8怎么用按钮控制文本框显示数字或星号?

相关文章

  • Axure母版怎么使用? Axure母版功能详细介绍

    Axure母版怎么使用?Axure一般都会创建母版,但是母版有什么功能,该怎么使用呢?下面我们就来看看Axure母版功能详细介绍,需要的朋友可以参考下
    2017-11-30
  • Axure文本输入框怎么去掉边框? Axure隐藏输入框边框的教程

    Axure文本输入框怎么去掉边框?Axure设计网页原型的时候,插入了文本输入框,但是有边框,想要去掉边框,该怎么操作呢?下面我们就来看看Axure隐藏输入框边框的教程,需要
    2017-11-17
  • Axure怎么设计页面标签可以切换的登录框?

    Axure怎么设计页面标签可以切换的登录框?Axure中在设计登陆框的时候,想要设计企业会员和个人会员两个登陆页面,可以使用标签切换,该怎么设计呢?下面我们就来看看详细的
    2017-11-08
  • Axure RP 8怎么设计立体的圆角矩形按钮?

    Axure RP 8怎么设计立体的圆角矩形按钮?Axure RP 8中想要设计一个查询的圆角矩形按钮,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-02
  • axure怎么设计鼠标展开折叠效果?

    axure怎么设计鼠标展开折叠效果?axure中想要绘制一个可以折叠展开功能的原型,该怎么设计呢?下面我们就来看看axure制作折叠效果的教程,需要的朋友可以参考下
    2017-11-01
  • Axure怎么给图片增加点击事件?

    Axure怎么给图片增加点击事件?Axure中想要给图片添加鼠标单击事件,如果鼠标单击图片返回主页,该怎么实现这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-01
  • axure怎么调整字间距? axure字间距的设置方法

    axure怎么调整字间距?axure中想要调节文字的行间距,该怎么调节呢?下面我们就来看看axure字间距的设置方法,需要的朋友可以参考下
    2017-09-30
  • axure团队项目怎么获取? axure获取并打开团队项目的方法

    axure团队项目怎么获取?axure做项目的时候,想要获取团队项目,该怎么获取呢?下面我们就来看看axure获取并打开团队项目的方法,需要的朋友可以参考下
    2017-09-28
  • axure怎么设计一个倒计时效果的模型?

    axure怎么设计一个倒计时效果的模型?axure中设计网页圆形很简单,今天我们就来看看使用axure设置一个倒计时效果的教程,需要的朋友可以参考下
    2017-09-28
  • axure网页原型怎么预览和生成原型文件?

    axure网页原型怎么预览和生成原型文件?axure中设计好的文件原型想要预览并生成,该怎么预览呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-09-25

最新评论