童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure中继器运用:选择菜单生成标签

7月3日 藏于心投稿
  本文是关于Axure中继器运用,如何选择菜单生成标签,一起来看看
  实现功能:
  输入框聚焦下拉菜单;
  选择下拉菜单生成相应标签(演示图右边部分);
  根据选择的菜单内容长度生成相应长度的标签;
  标签可删除;
  已经选择过的菜单不能才生成标签。
  其中3、5是难度功能。
  步骤1:配置变量值line1、line2、line3、line4、line5、line6
  line10代表第一个菜单未生成标签,line11代表第一个菜单已成标签,其他以此类推,此配置为“已经选择过的菜单不能才生成标签”功能点而设。
  步骤2:输入框聚焦显示下拉菜单
  首先隐藏下拉菜单,在输入框上添加事件OnFocus,显示下拉菜单并且设置输入框的背景高度。
  步骤3:配置中继器
  (1)中继器中两个元件:显示标签文本内容的元件,删除功能的元件。
  (2)中继器设置为两列:
  c1是用来承载要显示的文本内容,x是用来标记此项为哪个菜单,跟“已经选择过的菜单不能才生成标签”这个功能点相关。
  步骤4:生成标签
  分别在每个菜单上面添加事件OnClick。
  第一步为中继器添加一行,c1的值为当前选中菜单的文本内容,x表示当前是哪个菜单的标记,可以用1、2、3来标记。
  第二步是收起菜单并且将输入框背景高度还原。
  第三步是标记说这个菜单已经被选择生成了标签。
  这里为了满足“已经选择过的菜单不能才生成标签”功能,做了2个场景判断:
  当line10(未生成标签)时,执行以上步骤;
  否则不执行任何操作。
  步骤5:加载中继器
  为了满足“根据选择的菜单内容长度生成相应长度的标签”功能,这里做了2中场景判断:
  任何情况下执行case1:中继器中文本内容为当前所选菜单内容。
  如果当前选择的菜单内容为较长的那个,同时执行case2:此项的文本长度改变,删除按钮位置改变。
  步骤6:删除标签
  在删除按钮上面添加事件,刚刚添加标签的时候标记(设置x的值)了此项是哪个菜单的内容,所以在删除的时候就要取消标记(还原x的值),所以有几个菜单就有几个判断。
  如下图所示:
  完
投诉 评论 转载

Axure教程:如何展示表格数据?通常在系统管理后台中,使用列表(表格)形式展示数据是最为常见的方式。而在使用Axure设计产品原型时想实现这个数据列表却不太容易,或许常见的做法就是使用矩形拼凑起来,还有就是直……彻底抛弃WORD!教你用Axure快速输出高质量的PRD画原型图是产品经理的基本功,但很多PM画了几年的原型,仍然不能高效、准确的输出一份原型。很多人都在纠结PRD应该怎么写,写到什么程度,粗了怕遗漏需求,细了没时间不说,别人还不看……Axure中继器运用:选择菜单生成标签本文是关于Axure中继器运用,如何选择菜单生成标签,一起来看看实现功能:输入框聚焦下拉菜单;选择下拉菜单生成相应标签(演示图右边部分);根据选择的菜单……Axure教程:复选框选中时,文字如何添加到文本框?本文是作者在阅读了相关文章后,对于复选框选中时可以将选项添加到文本框中的一些理解,来与大家分享,一起来看看昨天阅读了小楼老师一篇文章,关于复选框选中时可以将选项添加到文本……Axure教程使用中继器制作可以保存记录的秒表Axure中继器是一个难点,但是其所带来的好处也是很多的。虽然理论上通过各种功能的组合也可以实现中继器的效果,但是制作过程要麻烦的多。本文将制作一个秒表实例,且通过中继器来记录……Axure教程:进度条的实现Axure的进度条应该如何实现呢?本文对每一个步骤进行了讲解。1。需要注意的地方(1)进度条如何实现?(2)进度百分比如何实现?2。元件准备从元件……Axure中继器:动态的实现表单中的模糊查询本文给大家分享一个在Axure中继器,动态的实现表单中模糊查询的小小案例,比较基础,适合初学者。之前给给大家分享的关于Axure中继器:动态的实现表单中增删改的功能,感谢……Axure:模拟微信文章浮窗效果本文主要是模拟微信文章的浮窗效果,并分为三个步骤来制作,一起来看看背景介绍:微信最近出了一个新的功能:文章浮窗。打开阅读的文章,选择了浮窗效果,就会悬浮在页面上,单击悬浮……Axure实现MaterialDesign的按钮波浪特效最近在写一个谷歌材料设计MaterialDesign风格的WEB产品,在开发过程中将产品原型做成了Axure元件库,当然目前没有完全完成。本文将以实现谷歌材料设计按钮的波浪特效……Axure8。0获取验证码倒计时前几天做一个移动端App原型,做注册界面是需要有手机短信验证码验证,想做出那种点击发送短信验证码,出现倒计时,参考了很多文章,做出了那种效果。刚学做的比较LOW,大神路过别喷,……选择器效果实现,这里有4个关键步骤选择器效果的实现,这里有四个关键步骤,一起来看看关键步骤1新建一个矩形作为背景,为了方便计算,将矩形设置为宽300,高200;矩形设置为灰色无边框。数……Axure教程:制作折叠菜单本次教各位小伙伴制作折叠菜单,这次的做法比较简单,大家都可以轻松的学会。下面开始制作原型一、准备元件打开Axure新建文件,拉出一个矩形,w为200px,h为……
开年上演并购大戏:链家收购德祐58收购安居客58同城全资收购驾考平台驾校一点通完善O2O链条滴滴快的打车宣布合并程维吕传伟出任联合CEO腾讯将以10亿美元的价格收购17173;唏嘘!14年老站第三日企中国最大单笔投资:800亿港元入股中信中国巴菲特赵炳贤论并购三大纪律互联网并购:小道消息是暧昧的博弈工具互联网并购井喷巨头们不爱抄袭了吗?盘点近期同质化与差异化业务企业并购大事件阿里巴巴2。94亿美元投资高德:成第一大股东阿里巴巴延缓到2014年上市?搜索引擎格局再生变:百度360腾讯竞购搜狗7月底,8月初晋朝开国皇帝司马炎生平简介司马炎是怎么死的考官卖考题被判死罪,临刑前为求生说了一段话,唐高宗免去死罪一系列女学生揭发老师事件,能否引起教育部门重视?彻查狼师儿童青光眼手术后要注意什么美的追求与人的解放企业职工的退休年龄是几岁亚洲女子百米第七个10秒级成绩诞生!全部都是中国选手创造春天的演讲稿科学教案亮黑色三星GalaxyZFlip真机上手屏幕展开状态下折痕明恒星生命体真的存在吗

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界