NGUI例子里的popuplist是这样的:,但有时我们希望下拉选项都有删除功能,也就是这样:,一种方法是改popuplist的源码,我想这个实现起来不难,但现在我想说的是用反射来实现此功能,以及其他注意点。

第一步:我们查看下popuplist的源码可以发现,他有个OnCLick点击事件,而里面实现的就是绘制所有下拉选项的,并且所有下拉选项的的父节点都是mChild这个私有字段,
第二步:我们只要给popuplist再附加一个我们自己写的脚本A,在这个脚本里面通过反射mChild的孩子,就可以找到所有的下拉选项了,我们知道,一个对象如果给他附加多个脚本,并且每个脚本里面都有OnClick事件的话,那么所有脚本的OnCLick事件都会被执行的!但是,这有个特别需要注意的地方,就是他们执行的顺序,脚本在Inspector面板中越靠上就越先执行,所以我们为popuplist附加的脚本必须在UIPopup List之后,如果不在此之后的话,那么就会去先执行我们定义的脚本(这里我定义的脚本名称为Mypopuplist),可我们脚本里面是对mChild的反射,这时是反射不到结果的,因为UIPopup List里面的mChild还没实例化好,所以必然为空,所以popuplist对象的组件顺序必须是这样的,UIPopup List先去实例化好下拉选项,Mypopuplist再去反射下拉选项:
第三步:反射到所有的下拉选项之后,也就是UILbael对象,就为每一个UILabel对象添加删除Sprite即可,并为其添加点击事件,Mypopuplist中的OnClick事件代码如下(动态添加删除功能):
  void OnClick()
{
GameObject obj = GetChildren(popuplist, "mChild") as GameObject;
if (obj != null)
{
UILabel[] labels = obj.GetComponentsInChildren<UILabel>();
callBackData(labels);
}
}
//反射popuplist下拉选项中所有的孩子UILabel
object GetChildren(object obj, string name)
{
Type type = obj.GetType();
FieldInfo fieldinfo = type.GetField(name, BindingFlags.NonPublic | BindingFlags.GetField | BindingFlags.Instance);
return fieldinfo.GetValue(obj);
}
//动态为每一个选项添加删除sprite
void callBackData(UILabel[] labels)
{
float f = -0.038f;
foreach (UILabel label in labels)
{
f = f - 0.01f;
UISprite sprite = NGUITools.AddSprite(label.gameObject, atlas, "chahao");
sprite.depth = label.depth + ;
sprite.transform.localScale = new Vector3(0.25f, 0.25f, );
sprite.transform.Translate(0.42f, -0.03f, );
BoxCollider collider = sprite.gameObject.AddComponent<BoxCollider>();
collider.size = new Vector3(100f, 100f, );
UIEventListener listener = sprite.gameObject.AddComponent<UIEventListener>();
listener.onPress += (a, b) =>
{
UILabel current = a.GetComponentInParent<UILabel>();
DeleteItems(current.text);
};
}
}
//删除选项
public void DeleteItems(string username)
{
popuplist.items.Remove(username);
}

我想代码大家都能看懂,但我这里只说一点,这里我为什么给删除Sprite添加的是OnPress事件,而不是OnClick事件呢?因为OnClick事件是永远也不会被执行的,原因是这样的:我的NGUI版本是3.6.7,在UICamera脚本中的ProcessTouch方法里面,在判断是否要执行OnClick事件的判断语句:if (currentTouch.clickNotification != ClickNotification.None && currentTouch.pressed == currentTouch.current),而3.6.7之前或更早的版本里面的这句是这样写的:if (currentTouch.clickNotification != ClickNotification.None),第一个判断currentTouch.clickNotification != ClickNotification.None表示触摸事件是否在最后发出点击通知,只有当我们点击的对象是disabled的,或者拖动对象直到满足取消点击事件这个条件,ClickNotification枚举才为None,第二个判断是:点击的对象和当前鼠标碰到的对象是否是同一对象(因为有可能我们点击一个对象时,鼠标不释放,鼠标移动到另一个对象上去释放),如果我们此时用的NGUI版本里的UICamera,他里面对OnClick事件是否触发的判断只有这句:currentTouch.clickNotification != ClickNotification.None,那么这时我们用OnClick,是完全没有问题的!而如果用的是3.6.7版本的话,那么用OnClick是错误的,因为永远无法触发OnClick事件,因为当我们点击popuplist对象时,下拉选项被展现,此时我们再次点击(任何一个地方),下拉选项会被立即Destory销毁,也就是造成下拉选项被收缩的效果,这里也不得不说说OnClick事件和OnPress事件的作用了,OnClick事件是:当点击的对象和释放时的对象一致时,才触发OnClick事件,而这里下拉选项是被立即销毁的,所以当我们点击删除按钮并释放的时候,下拉选项在这之前就已经被销毁了,那么释放的对象和点击的对象就不一致了,也就自然而然形成不了OnClick 事件,而OnPress(obj,bool)事件,是当点击对象的时候就触发了,所以用OnPress是肯定能执行我们的删除功能的!

效果图如下:
以上是个人的总结,如有不当,希望大家多多批评指正!

NGUI-为Popuplist的下拉选项添加删除功能的更多相关文章

  1. JS为Select下拉框添加输入功能

    JavaScript使用parentNode.nextSibling.value实现的本功能,实际上你会发现网页上有两个控件元素,一个是Select,一个是input,使用CSS将input覆盖于se ...

  2. JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件

    本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript. 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个 ...

  3. 微信小程序之自定义select下拉选项框组件

    知识点:组件,animation,获取当前点击元素的索引与内容 微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件, ...

  4. WeChat-SmallProgram:自定义select下拉选项框组件

    1):创建组件所需的文件 2):自定义组件 CSS 及 JS 组件的wxml: <view class='com-selectBox'> <view class='com-sCont ...

  5. JS Div滚动,下拉框添加属性,年月日下拉条

    创建某一下拉菜单的项: str = str+"<option value='"+i+"'>"+i+"</option>&quo ...

  6. [js开源组件开发]模拟下拉选项框select

    模拟下拉选项框select 在css3流行的情况下,下拉框还是无法满足PD的需求,所以有了autosearch,有了模拟下拉框.效果如下图: select DEMO请案例点击这里查看.http://w ...

  7. Jquery ajax 绑定multiselect多选下拉选项,同时异步执行返回值

    Jquery ajax 绑定multiselect多选下拉选项,同时异步执行获取返回值 function load(mslt_employees,belongto,mark) {//传入$(#ID) ...

  8. Excel设置下拉选项的方法

    前些日子参加提高班组织的数据采集工作,到各个二级学院搜集数据,当然离不开我们常用的Excel表格了.在这次采集数据的过程过程中还真学到了一两招.就比如在Excel中设置下拉选项的方法. 例如我们要在A ...

  9. 类似智能购票的demo--进入页面后默认焦点在第一个输入框,输入内容、回车、right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个。

    要实现的效果:进入页面后默认焦点在第一个输入框,输入内容.回车.right时焦点自动跳到下一个,当跳到select时,下拉选项自动弹出,并且可以按上下键选择,选择完成后再跳到下一个. PS:自己模拟的 ...

随机推荐

  1. 【转】jpg png区别和使用

    为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布.雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法. 除此之外,我们在平时工作中 ...

  2. [转] JAVA中读取网络中的图片资源导入到EXCEL中

    需求 导出人员的信息并且加上人员的照片至EXCEL中 完整的代码 //创建一个表格 HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb ...

  3. 八数码(map版)

    八数码 map真是个奇技淫巧好东西 可以十分简单的实现hash,当然速度就不敢保证了 因为九位数不算很大,完全可以用int存下,所以便将八数码的图像转换成一个int型的数字 #include<i ...

  4. 在什么情况下采用BFC

    介绍BFC的博文有很多,下面,我就从另一个角度解释一下“在什么情况下会使用BFC” 以下仅代表我的个人看法,如果有错误的地方,还希望大家能告诉我,以免我在错误的道路上越走越远. 一.BFC是什么 Bl ...

  5. java设计模式——迭代器模式

    一. 定义与类型 定义:提供一种方法,顺序访问一个集合对象中的各个元素,而又不暴露该对象的内部表示 类型:行为型. 二. 使用场景 (1) 访问一个集合对象的内容而无需暴露它的内部表示 (2)  为遍 ...

  6. 一篇RxJava友好的文章(一)

    转载请标明出处: http://blog.csdn.net/forezp/article/details/52886700 本文出自方志朋的博客 Rxjava在目前的开发中已经是如火如荼,非常的流行, ...

  7. jQuery选择器与事件学习笔记

    层次选择器:  $("div li")获取div下的所有li元素(后代.子.子的子......)  $("div>li")获取div下的直接li子元素.  ...

  8. 阿里云OSS图片上传plupload.js结合jq-weui 图片上传的插件

    项目中用到了oss上传,用的plupload,奈何样式上不敢恭维,特别是放在移动端上使用.于是自己把它移植到了jq weui的上传图片组件上. 更改:选择照片后确认即及时上传至oss服务器,不限制上传 ...

  9. 基于centos7实现的nfs

    NFS NFS(Network FileSystem,网络文件系统),最早由Sun公司所发展出来的,主要是通过网络让不同的主机.不同的操作系统,可以彼此分享个别档案,因此我们也可以简单把NFS看成是一 ...

  10. Struts2之类范围拦截器和方法拦截器

    1.Struts2拦截器的体系结构 Struts2拦截器最大的特点是其透明性,即用户感觉不到它的存在,但我们在使用Struts2框架时,拦截器时时刻刻都在帮助我们处理很多事情. 包括: 文件上传 表单 ...