您好、欢迎来到现金彩票网!
当前位置:516棋牌游戏 > 文本方法 >

Axure教程:计数文本域实现

发布时间:2019-07-22 03:01 来源:未知 编辑:admin

  制定UI规范时,遇到实现“限制字数的文本域”的交互问题,即当用户输入的字数长度超过限制要求,如何只保留规定长度的文本?

  我们知道【Number】类型的文本框,可以限制输入文本的最大长度,通常用在11位电话号码的情形较多,如下:

  可惜,多行文本框并没有类型的区别,没有最大长度的限制。最后,只能联想到使用:

  (即[[12345.substring(1,4)]]=234,也就是说截取第一位到第四位的数字但不包括第一位。)来实现上述的效果。

  为了使文本框的交互体验更好,本案例中,加入了一个矩形背景框,作为文本框的边框。主要是实现,鼠标点击文本框获得焦点时,边框线高亮的交互效果。因此,需要将文本框本身的边框线隐藏掉。

  属性 双击“获得焦点时”交互事件,元件 设置选中 勾选“背景框”,状态值为ture。

  属性 双击“失去焦点时”交互事件,元件 设置选中 勾选“背景框”,状态值为false。

  属性 交互样式设置 选中,将边框线)实现文本框的字数统计展示效果

  主要用到函数:[[LVAR1.substring(from,to)]]。

  只需要在上面的“文本改变时”事件中,选择左侧的元件 设置文本,勾选“文本域”,文本值为[[LVAR1.substr(0,60)]],其中,LVAR1为文本域的文本,即截取文本域前60个字符。

  本文由 @火星人~艾斯 原创发布于人人都是产品经理。未经许可,禁止转载

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

http://dolphinfixtures.com/wenbenfangfa/453.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有