NGUI研究院之自制ListView动态增加与删除(三) - 雨松MOMO程序研究院.docVIP

NGUI研究院之自制ListView动态增加与删除(三) - 雨松MOMO程序研究院 NGUI研究院之自制ListView动态增加与删除（三） - 雨松MOMO程序研究院分享到一键分享QQ空间新浪微博百度搜藏人人网腾讯微博百度相册更多...百度分享订阅本站 专注移动互联网开发关于我们 雨松MOMO程序研究院- 首页 Unity3D频道 关于我们 我的著作 当前位置: 雨松MOMO程序研究院 【NGUI研究院之Unity插件】 文章正文 NGUI研究院之自制ListView动态增加与删除（三）时间: 2012-05-23 / 分类: 【NGUI研究院之Unity插件】 / 浏览次数: 1062 浏览数 / 49条评论个评论 发表评论 - 在NGUI中可以很方便的实现ListView的控件，ListView就好比IOS或Android平台中使用手势上下拖动的控件。在Unity3D中实现ListView的原理无非就两种，第一种是摄像机不动只移动控件，第二种是控件不动只移动摄像机。在官方的Demo中已经有这两种的例子，为了活灵活现的使用listView，MOMO还是决定详细的写一篇文章帮助初学者快速上手listView。 和之前的文章开始一样，我们先创建一个2D的游戏平面。接着给Panel面板绑定游戏组件，Unity导航菜单栏中选择Component-NGUI-Interaction-Grid，它主要设定ListView中每一个item的属性。继续在Unity导航菜单栏中选择Component-NGUI-Interaction-UIDraggablePanel，它主要设定listView的触摸区域以及与拖动条事件等。 如下图所示，我详细说说Panel面板中一些需要注意的属性。 UIGrid(Script)：Arrangement 选择Vertical表示这个ListView表示纵向，这里如果选择Horizontal表示该ListView是横向的。 Cell Width：ListView中每一个item的宽度。 Cell Height：listView中每一个item的高度。 UIDraggable Panel(Script)：选项中的Scale非常重要，这里设置y = 1 表示ListView只支持纵向的拖动，如果设置X=1表示列表只支持横向的拖动，如果两个都=1表示列表同时支持横向与纵向的拖动。 Horizontal Scroll Bar 与 Vertical Scroll Bar表示横向或纵向的拖动条与listView结合，然而这里我们无需写一行代码，它会自动帮我们计算，将你的ListView与拖动条结合。 再说说最上面的UIPanel(Script) ，我们选择Clipping的类型为SoftClip，这里可设置listView整体的显示区域。如下图所示，整体的显示区域就是紫色框中的区域。橙色框是ListView整体的显示内容，它会依次的排列下去，但是永远只会显示紫色框中的内容。 OK。接着我们看看目前工程的结构。在Hierarchy视图中Anchor下面同级的目录中有Button、Panel、Scroll Bar。Button就是上图中添加列表的按钮，Panel中是通过点击添加列表按钮后自动添加的列表预设。Scroll Bar表示上图中左侧的纵向拖动条。在右侧监测面板视图中，BoxCollider组件必须添加，该组件中Center与Size可设置ListView中的Item的触摸响应区域，这个区域应当与Item的显示区域相当。 还有一个重要的组件就是UIDrag Panel Contents(Script)，如果没有它ListView就无法拖动。在Unity导航菜单栏中选择Component-NGUI-Interaction-UIDrag Panel Contents即可。切记 _ 将预设资源放在Resources文件夹中是为了使用Resource来读取。 下面我们看看动态添加列表的脚本，把脚本绑定在Button上。噢对，这里还有个小插曲，本文中的中文字体需要感谢kuku小妖制作的：字体的下载地址如下：/forum/read.php?tid=729 Test.cs （为什么又是Test.cs 嚯嚯 上瘾了 改不了了 哇咔咔！！） view source01using UnityEngine; 02using System.Collections; 03using System.Collections.Generic; 04 05p