Axure制作输入步进器

最新推荐文章于 2023-07-19 17:22:08 发布
最新推荐文章于 2023-07-19 17:22:08 发布
阅读量506 收藏 1
点赞数
分类专栏： 产品 Axure 输入步进器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fa_lajun21/article/details/115658202
版权
本文介绍如何使用Axure制作输入步进器，包括效果预览、原件准备和详细交互设置，如加号和减号的点击事件，确保只有数字大于0时才能执行减操作。
摘要由CSDN通过智能技术生成

1. 效果预览
https://2641wk.axshare.com
特殊说明：只有数字大于0时才可以进行减操作。
2. 原件准备
在这里插入图片描述

原件：一个“加号”图标，一个“减号”图标，一个输入了数字1的标题或矩形。将输入了数字1的标题或矩形命名为“数字1”。
3. 设置交互

- 设置加号的交互
单击时选择设置文本：
在这里插入图片描述
目标选择“数字1”，再点击箭头处函数图标：
在这里插入图片描述
首先，添加一个局部变量“temp”存放“数字1”中的数据，如下两图：
在这里插入图片描述

最低0.47元/天 解锁文章
Fa_lajun21
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原型工具Axure：常用效果制作（选中、淘宝网导航、轮播图、toast效果、呼出键盘、省市二级联动、步进器、订单详情案例、中继器）
moyiyanting的博客
03-31 890
1.选中效果 （1）添加元件，注意命名，添加元件1的选中效果，设置鼠标单击时的交互动作 （2）复制元件1.得到另外两个元件，使用对齐、分布快速布局，注意改命名 （3）选中三个元件，右键选择“设置选项组”；（设置选项组的效果：该组中，每一次只能有一个单位被选中） 2.淘宝网导航 （1）添加元件，注意命名，添加元件1的选中效果，设置鼠标单击时的交互动作 （2）复制元件1.得到另外两个元件，使用对齐、分布快速布局，注意改命名 （3）选中三个元件，右键选择“设置选项组”；（设置选项组的效果：该组中，每一次只能有
NumberBox 步进器
鹿蹊zz的博客
09-20 4606
该组件一般用于商城购物选择物品数量的场景 注意：该输入框只能输入大于或等于0的整数 #平台差异说明 App（vue） App（nvue） H5 小程序 √ √ √ √ #基本使用 通过v-model绑定value初始值，此值是双向绑定的，无需在回调中将返回的数值重新赋值给value。 <template> <u-number-box v-model="value" @change="valChange"></u-numb
Axure RP9 步进器（局部变量）
weixin_55047679的博客
07-19 341
步进器 多数用于电商类案例购物车商品数量加减
uni-number-box 步进器数字输入框输入保留4位小数
weixin_42998230的博客
02-14 3097
项目需求：抄表数可输入小数点后4位 修改uniapp中uni-number-box.vue文件，如下： <template> <view class="uni-numbox"> <view @click="_calcValue('minus')" class="uni-numbox__minus uni-numbox-btns" :style="{background}"> <text class="uni-numbox--text" :class="
微信小程序点击按钮动态添加或删除输入框，点击步进器按钮获取输入框的值进行加减计算(选中删除后，步进器数值未更新的解决办法)--不使用表单
qq_44776950的博客
08-09 1816
今天在选中删除后发现，保存的列表值已更新，但是页面的步进器数值却没有改变 目标：当添加三个item后，删除中间的，显示如下效果 输入示例： 1 进价1 步进器1 2 进价2 步进器2 3 进价3 步进器3 查阅官方文档https://youzan.github.io/vant-weapp/#/stepper 思路： 猜测是其value的值没有改变，导致页面的步进器也没有改变，使用文档中的异步更变 关键： value的数据绑定是通过date.value唯一指定了，一旦更变导致所有的一起更变 wx:for
iPhone/iPad Numbers
11-24
这是个免费的iPhone/iPad的Keynote软件，是真的免费哦，不管你是否已越狱，一样可以安装，之前有发过另外两个了 Numbers 是专为移动设备设计的极富创意的电子表格应用程序。完全针对 iPad、iPhone 和 iPod touch 构建,它可让您仅用手指就可以在几分钟内制作出带有表格、图表、照片和图形的吸引人的电子表格。有超过 250 种易于使用的函数可供选择。使用滑块、步进器、弹出式菜单和智能键盘来输入数据并探索结果。Numbers 会配合 iCloud 使用,因此您的电子表格将在您的所有 iOS 设备上自动地保持最新。
AxureShare太慢？尝试在内网架设Axure共享吧！
热门推荐
jasonltl的博客
10-21 2万+
一、前言        在进行原型开发的时候，可能会出现多人同时编辑一个原型文件的情况，如果文件传来传去不但没有效率，还容易造成版本混乱。我们一般会采用将文件共享出来的方式来改善这种情况，像管理源码一样来管理原型，有序，快捷，方便。但是AxureRP提供的共享云AxureShare速度实在太慢，经常出现卡顿甚至直接失败。下面我们就来了解一下在内网中如何共享原型文件，实现多人同时工作。    二
AxureRP9 中继器的使用
02-24
1.创建表 2.绑定数据 3.分页控件
axurerp8中继器表格操作
最新发布
08-09
axurerp8 使用中继器实现表格信息的操作：多条件查询，批量查询，重置，排序，复选/单选，分页设置、翻页等效果
Axure谷歌浏览器插件 2023
12-15
而“Axure谷歌浏览器插件 2023”则是一个专为谷歌浏览器（Chrome）设计的扩展程序，它提升了Axure原型在浏览器中的使用体验。 首先，让我们了解一下Axure的基本功能。Axure提供了一系列的图形元素、控件和组件库，...
使用Axure制作仿携程网高保真项目
09-08
使用Axure RP，根据携程网需求和风格创建高保真交互原型。从主页开始构建页面原型，逐步添加其他页面，并添加所需的交互效果。使用动态面板和变量实现复杂交互流程，最终导出高保真原型并与开发人员合作。
AxureRP9中继器数据列表实例
06-19
AxureRP9中继器数据列表实例，列表筛选、排序、新增、删除、勾选、全选、反选、取消选择、分页等交换功能使用实例。中继器、数据列表、动态交互。
Axure中继器的简单应用（理解中继器，一篇文章就够啦！）
Fa_lajun21的博客
04-10 4924
首先简单介绍一个中继器，以及其使用场景：其实中继器就是一个容器，我们需要做的就是往容器里装东西，然后给装的东西进行赋值。中继器的使用可以帮助我们完成一些简单的、需要重复的原型设计，同时，想实现一些高保真原型图也会用到中继器。 接下来，看一下我用中继器实现的效果（效果本身很简单，主要是讲解其使用原理）。 原件准备：一个水平菜单栏，一个中继器。 双击进入中继器，我们把其自带的矩形删除，然后放入一个一行四列的表格，表格的第一列命名为“TheName”，第二列命名为“TheSex”，第三列命名为“TheAge.
Axure中继器实现数据的输入查询、模糊查询、条件查询
Fa_lajun21的博客
04-14 3171
效果演示
Axure实现微信扫一扫效果
Fa_lajun21的博客
04-27 2167
效果预览 原件准备 一个二维码的图片做背景，一个矩形做扫描棒。 设置交互 动作选择“载入时”，交互见下图： 交互说明：页面载入时将扫描棒移动到绝对位置（注意：不是相对位置），将这个过程设置为线性，用时为2000ms；然后等待1000ms,让扫描棒回到最初的位置（注意：因为回到原始位置的动作不需要设置动画和时间）；为了让这个过程循环进行，选择触发页面载入事件，如下图： ...
Axure中继器 数据格式的设置
Fa_lajun21的博客
04-11 1425
相信大家初期使用中继器时一定遇到了很多问题吧，不知道小伙伴们遇到过不知道如何设置中继器中数据的格式（譬如字体的大小、颜色、是否加粗等）呢？ 首先进入中继器内部，譬如我想要加粗第二列的全部数据，就可以先选中第二列，然后在右侧样式栏的箭头处进行设置。如下图： ...
Axure制作抽屉式菜单栏
Fa_lajun21的博客
03-26 1047
Axure制作抽屉式菜单栏 先看效果图 首先设置一级菜单，如图分别是桌面、内容、消息、安全（四个矩形来实现即可）；再准备“上箭头”和“下箭头”的两张图片，将箭头图片放到矩形指定位置后设置为动态面板，分别设置“上箭头”和“下箭头”两种状态。 设置二级菜单，如图分别是主页信息一、主页信息二、主页信息三（用三个矩形实现即可），将其放到一级菜单“桌面”下面指定位置，将状态设置为隐藏。 重点来了，设置交互！！单击一级菜单“桌面”时，将“桌面”的选中状态设置为“toggle”。 为一级菜单“桌面”设置交互样式
Axure添加滚动条
Fa_lajun21的博客
04-25 865
Axure添加滚动条的方法分为两种：内联框架 动态面板 内联框架 在使用内联框架制作滚动条时，其实是在其中一个页面中嵌套另一个页面。 使用说明:在A页面中放入一个内联框架，双击内联框架，在链接目标中选择需要嵌套的B页面，运行A页面。 注意：是在A界面中嵌套了B界面，所以运行B界面，将没有滚动条效果。 动态面板 相较于内联框架，我更加推荐使用动态面板，拖入一个动态面板，右键选择“滚动条”即可。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值