位置: 编程技术 - 正文
Unity NGUI制作scroll view(unity sliced)
编辑：rootadmin推荐整理分享Unity NGUI制作scroll view(unity sliced)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:unity怎么做ui,unity怎么做,unity怎么做ui,unity scrollbar,unity scrollbar,unity怎么做,unity slua,unity scrollview,内容如对您有帮助，希望把文章链接给更多的朋友！
转载： NGUI版本：3.6.5
参考链接： 冬菊子
inspironx
1、创建背景：
这部分比较简单，先创建一个用来展示scroll view的panel，在panel下创建一个空对象，空对象下面创建一个表示背景的sprite即可，空对象也可以不创建，用来组织结构看起来更清晰罢了，背景图片也可以不要，看个人需要：
2、UIGrid组织scroll view中内容：
创建一个panel，用来确定scroll view显示区域，在该sprite下创建一个空对象，命名为UIGrid，这个是用来组织内容顺序的，在UIGrid下面创建在scroll view中要显示的内容，这里的内容用sprite为例，也可以是按钮、文字之类的，创建一个后，直接复制，不必调整sprite的位置；
可以看到场景中的sprite是重叠的，这时候需要为UIGrid添加Grid.cs脚本让UIGrid对象能够组织显示内容：
可以试运行，如果每一项之间的距离太大，可以调节Grid.cs脚本中的Cell Widht和Cell Height数&#;；
UIGrid各项设置：
Arrangement：表&#;的显示方向
Sorting：对表&#;内的内容进行排序，Alphabetic（以字母顺序排序），Horizontal（水平方向进行排序），Vettical（垂直方向进行排序），Custom（自定义的排序）
Cell Widht：单个显示的宽度
Cell Height：单个显示的高度
3、实现鼠标点击可以移动scroll view中内容：为Panel添加脚本：UISceollView.cs并设置UIPanel组件里的选项：
Clipping设为Soft Clip，设置size为scroll view内容的显示区域；
UIPanel各项设置：
Clipping：面板剪切，分为None(无剪切效果），Soft Clip（软剪切，有边缘模糊效果），Alpha Clip（硬剪切，边缘锋利）
Constrain But Don't Clip（显示所有内容，但是是剪切区域存在）
Advanced Options：高级选项
Render Q：面板里所有图片的渲染质量，Automatic（自动适应），Normal（正常），Explicit（用户指定）
Normals：法线贴图
Cull：如果用鼠标手动组件则剔除组件
Visible：面板是否在可视范围内
Offset：通过位置偏离锚点
Static：如果是没移动的组件，也进行代码检测，一般是用于ScrollView
Panel Tool：是否显示面板工具
Show Draw Calls：显示渲染的详细信息
运行可以看到内容已经可以按序显示，但是移动鼠标点击时scroll view里面的内容无法根据鼠标的动作来移动，需要为UIGrid下的sprite添加组件；
4、为UIGrid下的sprite添加根据鼠标动作来移动需要的组件：需要添加脚本：UIDragScrollView.cs
需要添加组件：Box Collider；
Box Collider大小一般和UIGrid中的Cell Width和Cell Height保持一致；
试运行，就可以看到当鼠标至于Pnael区域里面时，滚动鼠标滑轮，sprite内容会切换显示；
5、为sprite根据鼠标滚轮滑动时显示居中效果：为UIGrid添加脚本组件：UICenterOnChild.cs
添加脚本组件后可能显示的效果如下所示：
修改Panel和UIGrid的相应设置：
Panel——UIScrollView——Content Origin：Center
UIGrid——UIGrid（Script）——Pivot：Left ，修改后效果如下：
这样，当鼠标滚轮滑动时，偏移的sprite会自动调整使离中间位置最近的一个sprite调整到中间位置；
6、当鼠标点击某一项时使之居中：为UIGrid中的每一项添加脚本：UICenterOnClick.cs即可
注意事项：
1、当为scroll view中添加居中显示时，左侧或者右侧可能会有空白，如下图所示：
即选中左侧第一个时，左侧会空出来，选择右侧第一个时，右侧会留空白
[置顶] Unity3d游戏安装包 极限减少之 四分图、二分图 (NGUI向) 在这个酒香也怕巷子深，游戏不打广告不买用户不刷榜就会死的时代。每个游戏代理都想让CP提供的安装包越小越好，能M绝对不要M。但是游戏开发
unity3d运行之后图片显示花边、马赛克的问题 今天修改之前的一个代码，游戏运行之后，本来正常的图片显示的有花边（马赛克），首先这些图片是没有背景色的，所以式方面有要求，png式可以保
Unity3D之动画（Animation）的制作 实例说明：忍者跑酷的player动画制作。。。这些都是用Sprite做的动画。。。在prioject面板里的一组sprite里面点击，之后看属性面板的SpriteEditor对这组Sprite
标签: unity sliced
本文链接地址:https://www.jiuchutong.com/biancheng/378708.html 转载请保留说明！下一篇：[置顶] Unity3d游戏安装包 极限减少之 四分图、二分图 (NGUI向)([置顶]津鱼.我爱你)
