六安沧州西安三亚宝鸡菏泽
投稿投诉
菏泽德阳
山西湖州
宝鸡上海
茂名内江
三亚信阳
长春北海
西安安徽
黄石烟台
沧州湛江
肇庆鹤壁
六安韶关
成都钦州

教程计数文本域实现

  制定UI规范时,遇到实现限制字数的文本域的交互问题,即当用户输入的字数长度超过限制要求,如何只保留规定长度的文本?
  效果如下:
  我们知道【Number】类型的文本框,可以限制输入文本的最大长度,通常用在11位电话号码的情形较多,如下:
  可惜,多行文本框并没有类型的区别,没有最大长度的限制。最后,只能联想到使用:
  函数〔〔LVAR1。length〕〕:获得元件字符串的长度(即1234。length4);以及函数〔〔LVAR1。substring(from,to)〕〕:截取第from位到to位的字符串;
  (即〔〔12345。substring(1,4)〕〕234,也就是说截取第一位到第四位的数字但不包括第一位。)来实现上述的效果。
  一、页面布局
  为了使文本框的交互体验更好,本案例中,加入了一个矩形背景框,作为文本框的边框。主要是实现,鼠标点击文本框获得焦点时,边框线高亮的交互效果。因此,需要将文本框本身的边框线隐藏掉。
  排版如下:
  二、交互效果
  (1)实现鼠标点击文本框时,边框线高亮效果
  首先选中文本框:
  1)添加获得焦点事件
  属性双击获得焦点时交互事件,元件设置选中勾选背景框,状态值为ture。
  2)添加失去焦点事件
  属性双击失去焦点时交互事件,元件设置选中勾选背景框,状态值为false。
  其次选中背景框:
  设置选中样式:
  属性交互样式设置选中,将边框线颜色设为主题色0066ff;
  (2)实现文本框的字数统计展示效果
  主要用到函数:〔〔LVAR1。length〕〕
  选中文本框:(此案例限制字数为60)
  1)添加文本改变时事件
  属性双击文本改变时交互事件,元件设置文本,勾选计数,文本值为〔〔LVAR1。length〕〕60,其中〔〔LVAR1。length〕〕为文本框的字数。
  (3)实现字数超过限制时,只保留规定长度内文本的交互效果
  主要用到函数:〔〔LVAR1。substring(from,to)〕〕。
  只需要在上面的文本改变时事件中,选择左侧的元件设置文本,勾选文本域,文本值为〔〔LVAR1。substr(0,60)〕〕,其中,LVAR1为文本域的文本,即截取文本域前60个字符。
  三、预览效果
  学习更多教程,可关注本人公众号:艾斯的Axure峡谷。欢迎大家留言评论,也可以留下你期待看到的交互效果。
  示例演示:

给好友的一封信字【篇一:给好友的一封信500字】亲爱的黄俊煌:你好!去年寒假,我们在一个补习班认识了,并成为了好朋友。后来我们分开了,今年暑假,我想请你来我家做客。我所……童年的竹蜻蜓看着空中飞翔的竹蜻蜓,我不由得想起幼年时玩的竹蜻蜓。那时的竹蜻蜓是木头做的,不像现在是塑料的,木头竹蜻蜓虽然不是很好看,但毕竟是我童年的玩具。当时的竹蜻蜓都是自己做……小学生活二三事小学的青春生活,每一件事都那么有趣,像河中一滴清澈的水珠,似天空一颗闪烁的星星,像平原一株翠绿的草,小到普通的平凡,但却无比别致。开心果一到六年的小学生活,十分快乐……年福建高考满分作文延展生命的路程2017年福建高考满分作文:延展生命的路程福建考生人生如赛跑,或许更像行程,看你在有限的时间内跑了多少路程。人生不求一路狂奔,但求风雨兼程,延展短暂的生命路程。……抗癌之王芦笋的营养吃法芦笋的功效1、清热利尿对于易上火、患有高血压的人群来说,芦笋能清热利尿,多食好处极多。2、抗癌之王芦笋中含有丰富的抗癌元素之王硒,阻止癌细胞分裂与生长,……体检常识这些体检误区你中了吗人的一生要做许多的健康体检,大家应该对体检常识应该都有一些了解,那么大家知道一些常见体检误区有哪些吗?今天小编就给大家介绍一下体检误区以及体检注意事项,感兴趣的小伙伴们一起看看……穴位养生穴位疗法有哪些我们自己在家可以用的?穴位养生方法非常简单,一提穴位,一提中医,一提经络觉得很神秘,遥不可及,其实穴位养生很多事情都是随手可做。首先是按摩。用电动按摩……大量吃红肉易患风湿性关节炎英国研究人员最近研究发现,大量吃红肉会增加患风湿性关节炎的危险,该病无法治愈,是种可导致人残疾的疾病。一项以生活在欧洲的25000人为对象所进行的研究显示,那些常吃红肉的……怀二胎注意事项生二胎要注意什么怀二胎注意事项是什么呢,在我们生活中,想必大家对于剖腹产怀二胎注意事项是什么呢都是有一个全面的了解的吧,那么大家知道怀二胎前准备是什么呢,下面就让我们一起来了解一下吧。让……想减肥吃它轻松减去二十斤想减肥的朋友们,为了减肥可谓是用尽各种各样的办法,在网上查吃什么能够减肥,在网上查做什么运动能够减肥。减肥离不开合理饮食,在众多食物中,山楂是特别好的减肥良物,巧妙运用山楂减肥……家庭绿植摆放设计家里面种植绿色植物不仅可以美化家居环境,还可以净化空气,对人体的健康有利,那么如何摆放绿色植物呢?下面小编带您了解一下。1、位置摆放得当布置要考虑到房间的光照条件,……分红型保险的英式分红分红型保险中英式分红也是很常见的一种红利方式,是英国寿险公司专用的分红方式,下面本站给大家讲解下分红型保险的英式分红,一起来详细的了解下。什么是英式分红?英式分红,……
家校协作开展小学生的童话活动总结家校协作,开展小学生的童话活动一、为什么要有家校协作,意义在哪里?家校协作可以泛指家长在子女教育过程中,与学校一切可能的互动行为。苏联著名教育家苏霍姆林斯基在《给教……如何做好油田企业基层党建工作摘要:党的基层组织是党在社会基层组织中的战斗堡垒,是党的全部工作和战斗力的基础。加强企业基层党支部建设,是适应新时期新形势下企业改革发展的需要。企业基层党支部建设应重在加强基层……互联网金融对经济发展的影响【摘要】在当今生活中,互联网已经渗透到我们生活中的方方面面。依托互联网为工具,再有机地结合金融信息,互联网金融随时代的发展便应运而生,并且成为现代经济领域中不可缺少的一部分。互……乘势而上顺势而为在刚刚结束的十九大,习近平主席在报告中指出:中国特色社会主义进入了新时代。进入新时代意味着中国特色社会主义站到更高层级的历史方位上,习主席在党的十九大报告中明确做出中国特色社会……留学情报站中国在世界舞台上的地位逐步提升,掌握世界通用语英语成为重要技能,对于中国孩子学习英语有什么建议?北京采知时代教育科技有限公司联合创始人康怀英:咱们中国孩子学习英文,……转清明清生命之惑明生活之理三月,短暂而匆忙地过去,迎来了四月荼蘼,春日更加熠熠生辉。进入了四月,便开始有所期待,一盼花开春暖,吹开冷却一冬的心;二盼清明假期,可以吃上心心念念的清明果。清明,……当妈以后如何找回属于自己的时间生了宝宝以后才真正体验到了什么叫做碎片化的生活,时间被切割成无数的碎片并且还有很大程度的不可控性。每天在照顾孩子吃喝拉撒之余,如果想不被社会淘汰,追求点个人的小理想,还真的需要……你穷你懒你闲是因为你还没弄清楚这个道理馆友长沙7喜:你好!你的馆藏文章你穷你懒你闲,是因为你还没弄清楚这个道理深受广大馆友的喜爱,于2017年12月15日进入阅览室频道的娱乐下休闲杂谈类别的精华区。360do……人这辈子什么最值钱深度好文2019070412:00有人认为是数不尽的财富,有人认为是出众的相貌,有人认为是至高无上的权力与地位但我认为,财富会散,相貌会变,权利会失,唯有良好的人品,才永远……说说伤感的心情短语一、岁月如歌,伴伊吟;坎坷人生,伴伊度;灯火阑珊,伴伊眠。时光静好,与君语;细水流年,与君同;繁华落尽,与君老。二、我一直强行把一些东西送给你,我的时间,我的爱,我的胡搅……揭秘恋爱男女的心理与语言差异科学家已经得出结论:男人与女人的脑部结构不同,所以在爱的问题上,男人和女人的心理是不可能相同的。男人感性一些,女人理性一点。感性的男人容易受外部环境影响,并在某个瞬间发生变化。……心理健康的标准我们都知道,健康不仅仅包括身体的健康,而且也包括心理的健康,并且因为心理问题到心理诊所寻求心理帮助的人也越来越多。那么怎么样才算是心理健康呢?所谓心理健康,其实一种持续的……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网