首页
Portal
爱评测报告
行业
产品
推荐
设备
讨论&分享
BBS
搜索
帖子
门户
马上注册
找回密码
登录网站
用QQ登录
爱评测-移动互联网评测
»
讨论&分享
›
学习及教程
›
Axure教程及讨论
›
小楼axure rp教程(二)数字调节效果
返回列表
查看:
1238
|
回复:
0
小楼axure rp教程(二)数字调节效果
[复制链接]
tianzc
tianzc
当前离线
积分
5648
1313
主题
1337
帖子
5648
积分
管理员
积分
5648
发消息
电梯直达
楼主
发表于 2014-8-27 02:51:02
|
只看该作者
|
倒序浏览
|
阅读模式
[/url]
小楼axure rp教程(二)数字调节效果
示例原型:[url=http://pan.baidu.com/share/link?shareid=464281035&uk=537158863]点击这里下载
实现目标:
1、 点击上箭头数字增加
2、 点击下箭头数字减少
最终效果如下:
这里用到了变量,当然用变量是一种实现方式,动态面板也能实现类似效果,只是不能够无限加减。
实现过程:
1、 需要的组件:文本框1个,矩形2个
2、 将文本框文字改为1,标签起个名字比如叫…文本框(图1)
3、 把矩形变成三角形:选择矩形点右键—编辑选项—选择形状—选择向上三角形;另外一个矩形选择向下三角形。(图2)
4、 设置矩形大小,在这里我设置成12*12(图3)然后按照效果图摆好位置。
5、开始设置两个三角形的点击事件(onclick)。
向上的设置成:点击时文本框的文字=文本框文字+1(图4)
向下的设置成:如果文本框文字大于0,则文本框的文字=文本框文字-1。与上面三角形不同的是需要设置一个条件(图5)。
小技巧:复制向上三角形的用例,粘贴到向下三角形的onclick中,双击打开后把+1直接改成-1(图6)
好了,生成原型就能看到想要的效果了。
本文出自 诉客 ▪
产品
经理的心声,转载时请注明出处及相应链接。
本文永久链接:
http://www.soger.net/51.html
收藏
分享
评分
产品经理
,
效果图
,
小技巧
,
三角形
,
文本框
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
马上注册
x
分享到:
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
0
相关帖子
•
[北京] 走着旅行-望京soho 招聘 高级web工程师
•
[广州] 【要出发旅行网】 移动APP产品经理
•
[广州] 【要出发旅行网】 产品经理(B2B系统方向)
•
[广州] 【要出发旅行网】 产品经理(客服系统方向)
•
[其它地区] 珠海金山WPS实习生招聘 产品经理训练营
•
[广州] 阿里巴巴移动事业群 招聘产品经理
•
[其它地区] 招杭州宁波产品经理及产品运营[o2o国际物流方向] ...
•
[深圳] [跟投网] 诚聘 产品经理
•
看微信公众平台产品经理教你做产品
回复
使用道具
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
马上注册
本版积分规则
发表回复
回帖后跳转到最后一页
Function
小黑屋
Archiver
手机版
关于!
rss订阅
关于爱评测
爱评测FAQ
站点地图
爱评测 aipingce.com
快速回复
返回顶部
返回列表