1. iphone/ipad大小 Device Screen dimensions(in points) iphone and ipod 320 X 480 ipad 768 X 1024 2. UIScreen bounds and applicationFrame [UISCreen mainScreen].bounds, 永远返回portait模式的width/height, 也就是说width:320 height:480 for iPhone [UISCreen mainScreen]…

UIRoot 管理 scalePixelPerfect : 像素匹配,图片不会被缩放,除非屏幕高度小于 Minimum Height 或者大于 maximum  Height,如果那样的话,就使用 FixedSize. FixedSize : 图片都会被等比缩放. FixedSizeOnMobile : 意思是PC用 PixelPerfect,手机用 FixedSize. Sprite的各种类型 Simple: 简单的填充,缩放 Sliced: 九宫格,要设置好border Tiled: 重复平…

学习NGUI一直断断续续的,目前打算做一个总结的笔记. 我使用的是比较老的3.6.0版本. 1.使用NGUI,需要开启“Edit”->“Project Settings”->“Physics”里的“Raycasts Hit Tiggers”选项,否则无法使用交互系统,当前该选项是默认开启的. 2.NGUI控件要添加 Box Collider 组件才可以接受交互事件: 3.如果要让按钮上的文本也可以根据按钮的状态改变颜色,可以再在按钮上添加另一个Button组件,然后把组件的Target设置为文…

下面我们来看看游戏UI开发中比较核心的开发,我称为列表开发,比如背包和各种形式不一的列表等,下面我们来看几个具体的样例:   基本上就是一些重复的制作好的多个UI控件进行排列,同时可以支持滚动,当然,高级一点的话也可能需要支持拖拽操作等. 下面我们来学习一下这些功能该如何使用NGUI实现,最后再给出一个具体的示例. 基础控件 NGUI已经帮助我们设计好了相关的组件,所以我们要实现上面的效果不需要从头开始,只要学会使用NGUI提供的相关的脚本即可,非常简单. ScrollView 即滚动视口组件,…

项目层次: scrollviewbg是600x150的背景图,Inspector视图如下: panel就是scrollview父容器了,size为600x150,Inspector视图如下: item就是scrollview里面的每一项了,大小200x150,Inspector视图如下: 以上附加的脚本都是默认设置,此时运行程序,效果如下: 可以看出最后不需要显示的图片没有隐藏,解决办法就是设置panel下UIPanel的Clipping,把此项设置为soft clip即可!运行效果: 如果想实…

Unity3d中UI开发的MVC模式 ,和游戏开发的其他模块类似,UI一般需要通过多次迭代开发,直到用户体验近似OK.另外至关重要的是, 我们想尽快加速迭代的过程.使用MVC模式来进行设计,已经被业界证明了是可以解耦屏幕上的显示,如何控制用户的输入对显示的改变,以及如何根据应用的状态进行改变.MVC模式提供了以下好处: (1) 可以修改UI的外观,而不用修改一行代码 (2) 在不同的组件里面可以共享同一套逻辑代码,用来创建复杂的视图: (3) 可以用很小的代价来改变UI的实现,比如正在使用NGU…

UIProgressBar是UIScrollBar和UISlider的基类 1.先来看下UIProgressBar(进度条)的使用 层次: progressBar的Inspector视图: 而fore就是简简单单的一个前景图片sprite而已!而背景图片则是progressBar本身的UISprite选择的图片 给UIProgressBar的Appearance的前景图片和背景图片赋值好即可,而thumb(大拇指)就是如下图的紫色部分,因为UIProgressBar是进度条,所以没必要要这个th…

http://blog.csdn.net/monzart7an/article/details/23878505 链接: http://game.ceeger.com/forum/read.php?tid=5517 之前也看了不少童鞋谢了关于NGUI的scroll view的制作下面我写下自己的制作过程以及心得,希望对童鞋们有所帮助.1.首先建立一个960*640的背景参考http://game.ceeger.com/forum/read.php?tid=5314效果如图:先借用下三国杀的背景图…

http://blog.csdn.net/luyuncsd123/article/details/22914497 最近在做一个项目的UI,需求是1.拖动items后当永远有一个item保存在中间位置,.点击当前item后当前item滑动到终点. 咱看了NGUI的Scroll View例子后发现第一个要求NGUI自带了,第二个要求没有,所以自己写了个包含这2个需求的脚本. 把相应的脚本替换成这几个就可以了.如果碰到变量保护之类的错误的话把父类中的方法改成protected就行了. using U…

NGUI中提供了两种Scroll View 一种是通过手指或鼠标滑动视图时移动平面物体,另一种则是直接移动摄像机,他们各有各的好处.但是NGUI提供的Scroll View很难实现类似Android 与 IOS 中的Scroll View 滚动相册的那种效果,不过程序猿的力量是伟大无穷的.虽然不能用它提供的API做出来,但是我们可以通过另外的手打巧妙的实现.这篇文章仔细向大家介绍如何实现自制Scroll View实现滚动相册.         如下图所示 这是我们的工程页面,程序的实现原理是将相…

unity版本:4.5 NGUI版本:3.6.5 参考链接:http://blog.csdn.net/monzart7an/article/details/23878505,作者:CSDN 冬菊子   http://blog.csdn.net/unity3d_xyz/article/details/22989401,作者:CSDN inspironx 1.创建背景: 这部分比较简单,先创建一个用来展示scroll view的panel,在panel下创建一个空对象,空对象下面创建一个表示背景的s…

之前也看了不少童鞋谢了关于NGUI的scroll view的制作下面我写下自己的制作过程以及心得,希望对童鞋们有所帮助.1.首先建立一个960*640的背景参考http://game.ceeger.com/forum/read.php?tid=5314效果如图:先借用下三国杀的背景图哈,原图大小是960*640,因为我做的both缩放,很不错的.2.随便做一个atlas.资源在网上随便找一个,等下作为滑动对象.3.a)在panel下建立两个空的游戏对象,其中pane(view)是等下要展示的vi…

最终效果如下: 实现ScrollView主要是NGUI的三个脚本"UIDraggable Panel","UIGrid","UIDrag Panel Contents" 1.首先创建一个UIRoot 2D 更改Anchor为Anchor-Left,并设置UIAnchor的Side属性为Left: 2.在Panel 添加一个Panel,并命名为ClippedPanel:添加脚本UIDragpanel 3.建立ScrollView表格:在Clippe…

在制作游戏中我们经常会遇到这样一个需求: 在人物模型的上面显示 名字.称号 一类的文字或者图片 如下图 人物模型属于是Camera1   UI Title信息属于NGUI Camera2 如下图 这时候我们就要用到坐标转换了 确定UI Title 的世界坐标 代码如下: Transform charater = null;//角色Transform Transform TitleLabel = null;//Title Label Transform Camera camera1 = Camer…

雨松MOMO 2014年05月04日 于 雨松MOMO程序研究院 发表  现在用unity做项目 90%都是用NGUI,并且我个人觉得NGUI应该算是比较成熟的UI插件,虽然他也存在很多问题,但是至少这么多游戏都在用,它目前是能hold住的,嘿嘿. 这篇文章说说我现在是怎么自适应UI 和 3D 游戏的.. 1.获取屏幕的宽高 Screen.width  Screen.height 可以回去设备屏幕的宽高,但是它并不是NGUI的宽高.比如你想做一个全屏的UISprite . 这样的代码是错误的.…

NGUI,目前Unity3D Assert Store中最火的2D图形界面工具. 本文假设读者有Unity3D使用经验.有基本了解.NGUI3.6.0 1.新建Pannel(Scroll View),确保Clliping为soft Clip 2.Add Component增加Scroll View 3.在Scroll View下增加一个Grid(UIGrid) 4.在该Grid下增加空游戏对象Item 5.构建Item,加入Label.Sprite(Tiled为背景,simple为前景) 6.选…

一.先看下效果 Prefab结构 二.实现思路: 1.prefab上的Panel层级设置成较高 2.背景由5个UISprite拼接起来的,4个(L,R,U,D)当作遮罩,1个镂空(Hollow)当作点击触发(全部都有BoxCollider,并且都生效,有人会问这不就把后面的按钮也给拦截住了,后面会说为什么要这样) 3.4个遮罩的大小由Holow大小决定 4.Hollow绑定一个点击事件ClickCenter  (后面代码里有) 三.关键部分: 这里解释为什么上面要把Hollow也带上BoxCol…

http://www.xuanyusong.com/archives/2536 现在用unity做项目 90%都是用NGUI,并且我个人觉得NGUI应该算是比较成熟的UI插件,虽然他也存在很多问题,但是至少这么多游戏都在用,它目前是能hold住的,嘿嘿. 这篇文章说说我现在是怎么自适应UI 和 3D 游戏的.. 1.获取屏幕的宽高 Screen.width  Screen.height 可以回去设备屏幕的宽高,但是它并不是NGUI的宽高.比如你想做一个全屏的UISprite . 这样的代码是错误…

NGUI Scroll List 1.Add GameObject with Script UI Panel(NGUI -> UI -> NGUI Panel) and Script UI Scroll View(NGUI -> Interaction -> Scroll View) Set the Clipping to "Soft Clip" and The Size(X, Y values). 2.Add GameObject as a child of…

原文:http://www.tasharen.com/forum/index.php?topic=6705.0 概述 UIPanel用来收集和管理它下面所有widget的组件.通过widget的geometry创建实际的draw call.没有panel所有东西都不能够被渲染出来.如果你对Unity熟悉,你可以把UIPanel当做Renderer. 所有panel都有一个Depth值,会影响所有它包含的widget.如果你的UI有很多窗口,那么最好每个窗口有一个panel.Panel上的dept…

 转载: 雨松MOMO 2014年05月04日 于 雨松MOMO程序研究院 发表 ,原文链接   现在用unity做项目 90%都是用NGUI,并且我个人觉得NGUI应该算是比较成熟的UI插件,虽然他也存在很多问题,但是至少这么多游戏都在用,它目前是能hold住的,嘿嘿. 这篇文章说说我现在是怎么自适应UI 和 3D 游戏的.. 1.获取屏幕的宽高 Screen.width  Screen.height 可以回去设备屏幕的宽高,但是它并不是NGUI的宽高.比如你想做一个全屏的UISprite .…

1顶级父类加boxCollider和UIDragScrollView脚本保证在item拖走后也能通过拖拽剩余区域的方式操作. 2下一级添加UIPanel在Clipping设定区域,注意如果设定softClip就不能保证item填满,会从alpha值为1的地方开始填充. 3添加UIScrollView脚本和SpringPanel脚本(如果位置不是zero要在SpringPanel中设置). 4再下级如要保证item位置总是合适则添加UICenterOnChild脚本(如果添加则不能保证充满),如要…

前言 这篇日志的比较是根据自己掌握知识所写的,请各路大神多多指教. 引擎版本: Unity 4.6 beta 两者区别 1.uGUI的Canvas 有世界坐标和屏幕坐标 2.uGUI的Button属性面板的的OnClick 3.uGUI的Image可以使用 material 4.uGUI通过Mask来裁剪,而NGUI通过Panel的Clip 5.NGUI的渲染前后顺序是通过Widget的Depth,而uGUI渲染顺序根据Hierarchy的顺序,越下面渲染在顶层. 6.uGUI 不需要绑定Col…

上次笔记实现了游戏商城的UI界面,没有实现动态数据绑定,所以是远远不够的.今天采用NData来做一个商城. 如果你之前没看过,可以参考上一篇博客   NGUI 学习笔记实战——制作商城UI界面  http://www.cnblogs.com/chongxin/p/3876575.html 一.NData介绍以及优点        大体来说NData就是一个NGUI 的 MVVM 框架插件,如果你问我什么是MVVM,我也只能说类似于MVC,至于什么是MVC………… 说道NData的优点,我们先来看…

http://www.cnblogs.com/chongxin/p/3876575.html Unity3D的uGUI听说最近4.6即将推出,但是目前NGUI等UI插件大行其道并且已经非常成熟,所以我们还是先看眼前吧. 一.实现思想 商城的功能是很多游戏都拥有的,按下一个界面按钮,弹出一个窗体. 然后是商城中的商品可以拖动,既可以用手,也可以用滑条等等,至于点击购买就不单单是UI层的事了.等到实现NDate的时候再进行讨论. 二.实现背景 1.NGUI->Open->Prefab tool b…

http://bbs.taikr.com/thread-2272-1-1.html [NGUI]3.0+版本,粒子在UI后面显示 -- : 48人阅读 评论() 收藏 举报 [Unity3D][NGUI]3.0+版本,粒子在UI后面显示 分类: Unity3D NGUI2013-- : 1606人阅读 评论() 收藏 举报 unity3dngui脚本技巧 NGUI讨论群: 方法一: 提供一个脚本.放在粒子上. 调整相应的renderQueue使粒子显示在UI前面.如果有些UI需要显示在粒子前面,…

http://blog.csdn.net/u012091672/article/details/21159075解决的问题 使用grid放置item的时候,每次数据可能都不一样,但是每次都删除grid下面的节点,之后动态创建新的item是比较浪费的. 写个简单的工具函数,原理很简单. .先获得grid下面的可用item .根据data的大小进行初始化 .每次在可用的item列表里面获取新的item,如果不够用了,就创建新的item .disable掉没用的item 附:每个grid下面预先要有一…

http://www.unity蛮牛.com/blog-9383-1391.html 最近由于工作需要,就开始研究NGUI滑动.刚开始参考NGUI自带的循环滑动,利用隐藏和显示,提高GPU的渲染,但是效果依旧不是很理想.在同事提醒下,添加缓存列表,不断刷新当前裁剪区域里的数据,最总完成了需求.在网上也参考了很多资料,今天恰好闲下来,就拿出来大家分享下,哈哈.代码附上:   主要分为三部分 1.重写UIScrollView和UICustomDragScrollView两个脚本///////////…

NGUI全面实践教程(大学霸内部资料)   试读文档下载地址:链接:http://pan.baidu.com/s/1jGosC9g 密码:8jq5 介绍:NGUI全面实践教程(大学霸内部资料)本书是国内NGUI最新教程,以全新的3.8.0为基础,讲解NGUI的使用.内容不仅全面该函NGUI的各个组件,还详细讲解各项高级功能,以及自带工具. 目  录 第1章  学习NGUI前的准备 1 1.1  NGUI的购买/下载和导入 1 1.1.1  找到并了解NGUI的相关信息 1 1.1.2  导入NG…

背景 NGUI在处理UI和输入方面确实做的不错,但是现在的问题是公司引入体感之后,是通过手的位置来实现按钮的点击操作,前提我不想改变原先设计好的NGUI界面和机制,怎么破? NGUI的输入底层机制 NGUI对鼠标或者触摸的位置是通过Camera对NGUI层进行射线检测来获得,然后检测按钮事件.触摸屏Press事件来实现UI的操作,从事件机制上而言,NGUI虽然提供了几种事件机制,但底层还是通过Camera的SendMessage来通知被检测到的控件完成某个事件,OK ,看看代码. NGUI UI…