Unity NGUI制作scroll view
更新时间:2024-03-02 10:48:01 阅读量: 综合文库 文档下载
- unity引擎推荐度:
- 相关推荐
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中添加居中显示时,左侧或者右侧可能会有空白,如下图所示:
即选中左侧第一个时,左侧会空出来,选择右侧第一个时,右侧会留空白
正在阅读:
2022年关于秋季开学工作方案范文03-25
贝多芬的成长故事11-20
9#基坑支护、土方开挖专项施工方案01-12
西方政治思想史思考题终结版12-20
新视野Book - 3 - unit1-6 - 词汇整理(空军课件)01-04
华东师大七年级下册历史问答题集03-03
- 多层物业服务方案
- (审判实务)习惯法与少数民族地区民间纠纷解决问题(孙 潋)
- 人教版新课标六年级下册语文全册教案
- 词语打卡
- photoshop实习报告
- 钢结构设计原理综合测试2
- 2014年期末练习题
- 高中数学中的逆向思维解题方法探讨
- 名师原创 全国通用2014-2015学年高二寒假作业 政治(一)Word版
- 北航《建筑结构检测鉴定与加固》在线作业三
- XX县卫生监督所工程建设项目可行性研究报告
- 小学四年级观察作文经典评语
- 浅谈110KV变电站电气一次设计-程泉焱(1)
- 安全员考试题库
- 国家电网公司变电运维管理规定(试行)
- 义务教育课程标准稿征求意见提纲
- 教学秘书面试技巧
- 钢结构工程施工组织设计
- 水利工程概论论文
- 09届九年级数学第四次模拟试卷
- 制作
- scroll
- Unity
- NGUI
- view
- 创世纪大纲图
- 棘轮机构
- 个案工作案例分析
- 全国2010年4月高等教育公共政策自考试题
- (全国通用)2017版高考生物一轮复习 第七单元 生物的变
- 如何提高小学生英语阅读能力?
- 渝办发〔2007〕296-关于印发重庆市重点现代物流企业和重点现代物
- 西南大学《中国音乐简史》网上作业及参考答案
- 七年级语文过关题
- “借名贷款”法律关系及还款责任研究
- 计算机基础知识客观题答案
- 基于PLC的舞台花样灯光设计毕业控制设计毕业论文 - 图文
- 数据结构试卷及答案
- 关于遗产税
- 哈汽1000MW汽轮机运行说明书 - 图文
- 产品理化感官20050201145205.验方法20052.1
- 人教版五年级数学上册简易方程专项练习题精编102
- 商品混凝土生产和原材料采购情况调查报告2016
- 化学工艺实验1-7
- 北大考研辅导班北大国家发展研究院考研科目参考书考研分数线拟录