下面给大家分享下NGUI中Scroll View(滚动视图)中的各功能属性,帮助大家去理解及使用。 ScrollView属性 1、Content Origin: 控制panle 相对的 Scroll View 的位置。 2、Movement(运动): 控制Scroll View 滑动的方向。 Horizontal:水平滑动 Vertical:垂直滑动 Unrestricted:随意滑动 Custom:自定义延X,Y滑动; 3、Drag Ef...
NGUI的UIScrollView实现逻辑跟上面是一样: 1.通过UIDragScrollView监听UICamera发出的OnPress/OnDrag/OnScroll事件,然后调用UIScrollView对应的接口。 2.在Press/Drag里处理拖动事件。 3.UIScrollView在拖动结束的时候会把滑动内容尽可能的显示在裁剪区域内,这是可选的。比如下面的图1会被修改成图2显示,尽可能多的让...
修改Panel和UIGrid的相应设置: Panel——UIScrollView——Content Origin:Center UIGrid——UIGrid(Script)——Pivot:Left ,修改后效果如下: 这样,当鼠标滚轮滑动时,偏移的sprite会自动调整使离中间位置最近的一个sprite调整到中间位置; 6、当鼠标点击某一项时使之居中: 为UIGrid中的每一项添加脚本:UICenterOnClick....
1、创建一个2DUIRoot,在NGUI菜单上创建一个ScrollView 2、在ScrollView上默认的为我们添加了一个UIPanel与UIScrollView Alpha:面板的透明度 Depth:面板在所有UI上的层次等级 Clipping:面板剪切,分为None(无剪切效果),Soft Clip(软剪切,有边缘模糊效果),Alpha Clip(硬剪切,边缘锋利) Constrain But Don't Clip(显示...
今天介绍的ScrollView,參考的是NGUI(3.6.8)中的Example项目:Scroll View(Panel)。 先依照Unity插件之NGUI学习(2)创建一个UI Root。然后在UI Root以下创建一个Scroll View,选择菜单NGUI->Create->Scroll View 然后在Inspector窗体做一些參数设置 Movement设置滚动Vertical纵向或者horizontal横向。
UIScrollVIew是一个可以滑动的UI组件,可以利用UIScrollView来制作滑动列表,例如说横向,竖直展示一些列表并固定在可视范围内,如果需要制作复杂的可视区域UI需要配合使用UIPanel与UIGrid,这样更方便UI的展示。 实现效果如下: 以下是在NGUI中使用UIScrollView制作滑动列表的具体步骤: ...
8 我们先在来设置一下ScrollView、Grid、Item的大小。我们的ScrollView默认是300*200的，我们保持不变。ScrollView的拖动方向，我们设置成垂直。9 将Grid的大小设置为：300*100，布置方向设置为垂直 10 Item项的大小我们也设置成300*100，如下图 11 在Item项下，我们添加一个Sprite和一个Label用于显示内容。创建方式...
ScrollView的使用:这是一个滚动视图的Panel。具体有什么效果实现了就知道了。1、先创建一个Sprite作为背景,把这Sprite命令为window。然后我们在Sprite下面创建一个Scr...
NGUI制作ScrollView详解 教程说明 版本:NUGI 3.5.1 1、创建NGUI对象 2、创建ScrollView对象 3、为ScrollView添加UIGrid控件(要点1后面会说明) 4、给ScrollView添加滚动包含的对象,避免太复杂没法把握制作原理,只用简单的Sprite 5、依次给sprite添加触控响应(要点2,不添加就等着没效果)和拖动操作方式(要点3)...
在NGUI中,ScrollView是一个非常棒的界面,不过刚开始使用的时候一直一些事项没有搞懂,现在算是明白了,可以轻松上手了,下面把ScrollView一些注意的问题写出来分享一下。 一个是回弹问题,开始做的时候,一直没有明白例子中那个回弹的效果是如何实现,如图这样的效果 ...