Axure 7.0教程_小楼作品(十六)多值单变量的页面传值
axure7.0教程_小楼作品(十六)多值单变量的页面传值
分类: Axure7.0教程
时间: 2013-08-20 12:00 ė4,822 浏览数 62条评论
今天这篇Axure教程,主要讲的是字符串函数的应用。在我们做一些Axure原型的时候,经常需要实现在两个或多个页面传递一些信息的效果,比如:将一件商品选择并点击购买按钮后,跳转到另一个页面中进行结算,这个时候就要把选中的商品信息在另外一个页面中显示。在Axure6.5中这种效果也可以实现,但是需要使用与信息数量相等的变量来实现,比如名称一个变量,价格一个变量,数量一个变量。Axure官方的建议在一个原型中变量不要超过25个,所以变量的资源是紧俏的,就好像我们痛恨有钱人搞二三四五六七八奶,其实你搞不搞我管不着,但是妹纸都让你一个人搞了,一个都不给我留我就不干了。变量也一样,一个模块占用了大量的变量,等其他模块有需求的时候发现没有了,就会想搞不上妹纸一样郁闷。所以,感谢天、感谢地、感谢Axure7,只要通过一个字符串函数,我们就能N个信息同时使用一个变量……好像有内涵…..,我是不是又邪恶了。
好了,闲话不多说,让我们来看看怎么来实现。
本教程使用的函数:substring和indexof
说明:substring用来截取字符串,indexof用来获取分隔符的位置。
本教程示例原型下载:axure7.0教程_小楼作品(十六)多值单变量的页面传值.rp
首先,还是准备元件:
1、 准备三个文本框,分别设置好标签xingming、xingbie、nianling;
2、 准备好一个按钮,用来触发事件;
3、 打开跳转页,放进去一个2行3列表格,第一行写上数据名称,第二行的三个单元格分别写好标签,准备接受数据。
4、 将表格转换为动态面板,因为要用到动态面板的加载事件,避免使用页面加载事件。
元件准备完毕,就直接开始制作了,这个是技术活,不需要思路。
1、 我们新增一个变量叫xinxi,然后在按钮的onclick事件中设置这个变量的值,我们需要把三个文本框的值都赋给这个变量,这时候就需要在fx里面设置3个局部变量(局部变量只在单个事件范围内有效,对全局无影响),来获取这3个文本框的值,并把三个局部变量掉取出来,和分隔符一起组成一个字符串。如图所示,我们在三个局部变量中间插入了2个分隔符|1|和|2|,分隔符是自定义的,只要不与局部变量值相同就可以。
2、 设置完变量的值后,再添加一个跳转到列表页的事件。
3、 在动态面板的加载事件中添加事件,来分解字符串,并将分解出来的字符串添加到不同的单元格。
分解过程:
我们知道变量里的字符串结构是:xingming值|1|xingbie值|2|nianling值
第一个单元格的文字,我们需要取到xingming值,在这里我们使用substring进行截取,
Substring(from,to)的两个参数分别是截取的起始位置和截取的最终位置+1,我们知道字符串的起始位置是0,但是最终位置就难以确定,因为每次输入的值得长度都可能不一样,所以这里我们需要用到indexof通过确定分隔符的位置,来确定截取的位置。
Indexof的使用方法,变量.indexof(’字符串参数’),一定要有两个单引号,否则会出错。
如图所示:
Ximing值截取的位置:0,xinxi.indexof(‘|1|’)
Xingbie值截取的位置:xinxi.indexof(‘|1|’)+3,xinxi.indexof(‘|2|’)
说明:起始位置+3是因为要从|1|之后的位置开始截取,而xinxi.indexof(‘|1|’)的位置是|1|中前面那个竖线的位置,所以要在取到的位置上+3。
Nianling值得截取位置:xinxi.indexof(‘|2|’)+3
说明:使用substring截取字符串,如果只输入一个参数,意思就是从输入的参数的位置一直截取到末尾。
最后我们就把上面的这三组参数都分别放在xinxi.substing(,)中,并添加到相应的单元格:
单元格xingming文字= [[xinxi.substring(0, xinxi.indexof('|1|'))]]
单元格xingbie文字= [[xinxi.substring(xinxi.indexof('|1|')+3, xinxi.indexof('|2|'))]]
单元格nianling文字= [[xinxi.substring(xinxi.indexof('|2|')+3))]]
好了,教程到此结束,下面就是鉴证奇迹的时刻!你做对了吗?
小楼老师倾力打造AxureRP7.0精品课程系列,内容细腻而风骚,声音甜美而动人,非一般的技术加上淫荡的思路,各种姿势涨的你受不鸟,想进入?想深入?想高.......超?想要就从下面进去!
《AxureRP7.0从入门到精通》从零向高手蜕变的必修课 马上偷窥>>
本文出自 Axure原创教程网,转载时请注明出处及相应链接。
本文永久链接: http://www.iaxure.com/454.html
Axure 7.0教程_小楼作品(十六)多值单变量的页面传值相关推荐
- ZBrush教程_次时代作品“行尸矿工”制作教程
ZBrush教程_次时代作品"行尸矿工"制作教程 链接:https://pan.baidu.com/s/12BcANjJC_Q8SLgqTf2dyjw 密码:hd0c 这是在我工作 ...
- 机器学习_吴恩达_week1(机器学习分类+单变量线性回归)
目录 一.绪论 1.1 欢迎 1.2 机器学习是什么? 1.3 监督学习 1.4 非监督学习 二.单变量线性回归 2.1 模型表示 2.2 代价函数 2.3 代价函数的直观理解I 2.4 代价函数的直 ...
- Gradle 2.0 用户指南翻译——第五十六章. 多项目构建
本文禁止w3cschool转载! 翻译项目请关注Github上的地址:https://github.com/msdx/gradledoc . 本文翻译所在分支:https://github.com/m ...
- 用python画小仓鼠教程_小仓鼠简笔画教程
近期啊,在刷视频的时候啊,看见一个特别可爱的小松鼠,在吃东西!简直被萌坏啦!以前小时候啊,住在乡下,晚上的时候呢,经常听见小松鼠的叫声,经常就会带着一些小零食去喂松鼠,有一次,哥哥们抓住一只松鼠,激动 ...
- 联想小新潮7000黑苹果教程_小新黑苹果-锐7000(10.13.6)双系统安装_小新笔记本-联想社区...
本帖最后由 我家紫霞呢 于 2018-8-30 20:54 编辑 小新黑苹果----------锐7000(10.13.6) 小新黑苹果----------锐7000(10.13.6) 发现论坛中几乎 ...
- 小雷盒子刷x86教程_小雷盒子app
小雷盒子.apk是一款功能强大免费好用的画质修改器游戏辅助软件,小雷盒子app全新上线了很多适配各种不同安卓手机的极限画质修改工具,通过小雷游戏画质助手软件畅快吃鸡. 软件介绍 小雷盒子最新版是一款吃 ...
- python微信使用教程_小白用Python | 十分钟Python玩微信教程
原标题:小白用Python | 十分钟Python玩微信教程 代码放在这里:wzyonggege/python-wechat-itchat 词云那里可以换成小黄人图片 ---------------- ...
- 易语言单窗口单ip教程_基于redhat6.5操作系统安装部署oracle单实例教程整理
概述 突然发现oracle这块缺了安装oracle方面的基础教程,所以把之前整的教程分享下. 下面是基于redhat6.5操作系统去安装部署的,如果是7以上版本个别命令会不一样. 一.安装前准备 官网 ...
- layui获取checkbox选中值_小程序之十二 获取多选按钮数值及后续想法
选自杨敬华画作.我,一直为亲手促成其成为同事感到骄傲,类似让我骄傲的,还有几位. 图文,超过1000字,就没有耐心看完,我尽量控制在1000字以内! 今天,编个程,展示一下复选款数据获取方式 需求:从 ...
- 神舟战神换cpu教程_神舟将十代i5称为“神U出世”?聊聊到底有哪些优势
在各个品牌大力的宣传之下,消费者对于笔记本电脑乃至各种数码硬件的要求都越来越高.既要好的处理器.显卡等性能配置,又要好的屏幕,甚至还得低定价,这就产生一种鱼与熊掌不可兼得的感觉了. 就在今年的表白日, ...
最新文章
- Linux系统的大小端模式
- zabbix详细介绍及其自动动态发现
- nvm卸载node_nvm-node版本管理工具
- leetcode算法题--回文子串
- android 编译之后黑屏_抖音BoostMultiDex:Android低版本上首次启动时间减少80%(一)...
- 双栏模板图片标题无法居中_没想到吧,只用一张图片,你就可以做一份PPT!
- python的多线程threading_Python中多线程thread与threading的实现方法,pythonthreading
- CVPR 2020 分方向论文大盘点合集
- 什么是OAuth 2.0
- 用“五心”寻找政务云的“答案”
- phpmyadmin设置编码和字符集gbk或utf8_导入中文乱码解决方法
- Bluetooth以及音频协议 基础知识学习
- 配置 nginx server 出现nginx: [emerg] root directive is duplicate in /etc/nginx/server/blogs.conf:107...
- XMind8 pro 免费破解版!速度
- Ajax与Json的使用
- 与卿共赴鸿蒙是什么意思,《山河令》看来周子舒是真的很爱温客行,君心似我心,此生无憾...
- Pytorch张量(Tensor)复制
- 最优化算法汇总,及计算实例20220621(持续更新中)
- Node.js 中的 Buffer 和字符编码
- pdf转换器V4.1注册码