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

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

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

这样更方便UI的展示

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

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

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

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

Arrangement:表格的显示方向

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

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

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

Cell Widht:单个显示的宽度

Cell Height:单个显示的高度

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

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

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

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

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

:)

 

Unity3d NGUI的使用(九)(UIScrollView制作滑动列表)的更多相关文章

  1. unity3d NGUI多场景共用界面制作

    1创建单独编辑UI的unity场景 UIScene.unity 用来做UI面界 ,创建Resources文件存放UI界面的prefab,代码里动态load资源仅仅能从Resources目录载入 2创建 ...

  2. 在NGUI中高效优化UIScrollView之UIWrapContent的简介以及使用

    前言: 1.我使用的NGUI版本为 v3.7.5,不知道老版的NGUI是否有UIWrapContent 这个脚本. 2.本文讲解主要以图片显示的例子为主,本文例子UIScrollView是水平方向,一 ...

  3. Unity3D NGUI自适应屏幕分辨率(2014/4/17更新)

    原地址:http://blog.csdn.net/asd237241291/article/details/8126619 原创文章如需转载请注明:转载自 脱莫柔Unity3D学习之旅 本文链接地址: ...

  4. 使用泛型简单封装NGUI的ScrollView实现滑动列表

    懒,是老毛病了,周末跑了半马,跑完也是一通累,好久没锻炼了..也是懒的,有时都懒的写博客..最近看到项目中各种滑动列表框,本着要懒出水平来的原则,决定花点时间简单处理下(暂时未做列表太多时的优化):1 ...

  5. NGUI之scroll view的制作和踩坑总结

    之前也看了不少童鞋谢了关于NGUI的scroll view的制作下面我写下自己的制作过程以及心得,希望对童鞋们有所帮助.1.首先建立一个960*640的背景参考http://game.ceeger.c ...

  6. 使用jQuery的animate方法制作滑动菜单

    周末看Ziv小威的博客<制作滑动条菜单,如何延时处理滑动效果,避免动画卡顿>,参见地址:http://www.cnblogs.com/zivxiaowei/p/3462964.html.是 ...

  7. 一行代码,让你的应用中UIScrollView的滑动与侧滑返回并存

    侧滑返回是iOS系统的一个很贴心的功能,特别是在大屏手机上,单手操作的时候去按左上角的返回键特别不方便.当我在使用一个APP的时候,如果控制器不能侧滑返回,我会觉得这个APP十分不友好...这款产品在 ...

  8. Unity3D NGUI学习(一)血条

    这次来讲讲Unity3D NGUI这个插件的学习,这个插件是收费的,不过去网上可以下载得很多可用版本.用来做用户的交互UI,学习起来比较简单 第一步,导入NGUI包 http://pan.baidu. ...

  9. 【转】Unity3D NGUI事件 UIEvents

    原创文章如需转载请注明:转载自 脱莫柔Unity3D学习之旅 QQ群:[119706192] 本文链接地址: Unity3D NGUI事件 UIEvents UIEvents-事件系统void OnH ...

随机推荐

  1. table td的宽度详解

    前言:一直总觉得td的宽度好难驾驭,但万事万物总是有规律的.就像亮剑说的:不用因为怕八路就敬而远之,应该靠上去,熟悉他们,了解他们.   正文:           Table只有Table的宽度是可 ...

  2. Geetest 极验验证 验证图片拼图

    今天要求做一个跟魅族官网登陆的一个验证效果一样的界面 是一个拖动滑动图片进行拼图 那个效果看着很好,刚开始拿到不知道好不好做 从网上搜资料发现这是一种“极验验证码” 让用户通过滑动拼图来进行验证. 网 ...

  3. Titanium vs PhoneGap

    http://mobile.51cto.com/Titanium-318049.htm http://www.ibm.com/developerworks/cn/opensource/os-titan ...

  4. BZOJ 3398 牡牛和牝牛

    dp. #include<iostream> #include<cstdio> #include<cstring> #include<algorithm> ...

  5. 14、SQL基础整理(存储过程)

    存储过程procedure(proc) 数据库—可编程性—存储过程 新建存储过程: create proc firstproc as select *from fenshu go 执行存储过程: 存储 ...

  6. mysql实现高效率随机取数据

    从数据库中(mysql)随机获取几条数据很简单,但是如果一个表的数据基数很大,比如一千万,从一千万中随机产生10条数据,那就相当慢了,如果同时一百个人访问网站,处理这些个进程,对于一般的服务器来说,肯 ...

  7. HDU 3047

    http://acm.hdu.edu.cn/showproblem.php?pid=3047 和hdu 3038以及poj那个食物链一样,都是带权并查集,此题做法和hdu 3038完全相同,具体操作看 ...

  8. HDU 1044

    http://acm.hdu.edu.cn/showproblem.php?pid=1044 代码题,没什么好说的,先预处理出两点间距离,然后dfs搜一下找最大值 #include <iostr ...

  9. 一个比较完整的Inno Setup 安装脚本

    一个比较完整的Inno Setup 安装脚本,增加了对ini文件设置的功能,一个安装包常用的功能都具备了. [Setup] ; 注: AppId的值为单独标识该应用程序. ; 不要为其他安装程序使用相 ...

  10. Web 仪表盘

    /*********************************************************************** * Web 仪表盘 * 说明: * 之前很久,都想知道 ...