开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

教程分享

关注:595

当前位置:游戏蛮牛 技术专区 教程分享

查看: 1027|回复: 1

[实例教程] Unity3d NGUI的使用(九)(UIScrollView制作滑动列表)

[复制链接]  [移动端链接]
抢楼 抢楼 本帖为抢楼帖,欢迎抢楼! 
排名
44743
昨日变化
260

3

主题

3

帖子

9

积分

Rank: 1

UID
76622
好友
0
蛮牛币
21
威望
0
注册时间
2015-3-3
在线时间
1 小时
最后登录
2015-3-3
发表于 2015-3-3 12:34:38 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
NGUI的使用(九)(UIScrollView制作滑动列表)

UIScrollView制作滑动列表,可横向,竖直展示一些列表在固定可视范围内

UIScrollVIew只是一个可滑动的UI组件

如果需要制作复杂的可视区域UI需要配合使用UIPanel与UIGrid


这样更方便UI的展示

20140405175749468.jpg

a.创建一个2D UI Root,在NGUI菜单上创建一个Scroll View


b.在ScrollView上默认的为我们添加了一个UIPanel与UIScrollView

20140405180252828.jpg

Alpha:面板的透明度

Depth:面板在所有UI上的层次等级

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:显示渲染的详细信息



20140405181820500.jpg



Content Origin:滚动内容的起始点位置

Movement:移动方向

Drag Effect:内容拖动时候显示的效果

Scroll Wheel Factor:使用鼠标进行滚动时,滚动时候的比例

Momentum Amount:快速滑动时产生的冲力

Restrict Within Panel:在面板里进行约束

Cancel Drag if Fits:如果有组件适应了面板的大小,取消组件在面板里的拖动

Smooth Drag Start:平滑拖动

IOS Drag Emulation:在苹果上仿真滑动效果

Scroll Bars:在进行拖动时,可以加入一个Scroll Bars来控制或者显示进度

c.在NGUI菜单上添加一个Grid到ScrollView组下


d.设置UIGrid


20140405182942171.jpg



Arrangement:表格的显示方向

Sorting:对表格内的内容进行排序,Alphabetic(以字母顺序排序),Horizontal(水平方向进行排序),

Vettical(垂直方向进行排序),Custom(自定义的排序)

Max Per Line:表格每行显示多少个元素

Cell Widht:单个显示的宽度

Cell Height:单个显示的高度

Animate Smoothly:使用平滑动画过度效果

Keep Within Panel:保持在一个面板里显示

e.添加一些元素到UIGrid组下,并设置好位置,配合UIPanel的Soft Clip可

以让元素在一定的可范围内显示


这样一个简单的列表显示效果就做出来了

unity3d 滑动 左右;unity3d draw line;unity3d实现左右滑动;unity3d draw a line

回复

使用道具 举报

5熟悉之中
506/1000
排名
4717
昨日变化
2

2

主题

129

帖子

506

积分

Rank: 5Rank: 5

UID
10320
好友
0
蛮牛币
1271
威望
0
注册时间
2013-12-15
在线时间
181 小时
最后登录
2017-3-22
发表于 2015-3-4 15:09:29 | 显示全部楼层
so 感谢。可以去试试了

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表