1、创建一个Panel,命名为ScrollRect，添加 ScrollRect组件
UGUI与NGUI区别 ? differentBetNGUIAndUGUI.PNG 画布 Canvas 画布是摆放容纳所有的UI元素的区域，所有的UI元素需要在Canvas上组装。
在可触发事件的UI（例如Button）的组件面板中添加事件 ![编辑器添加事件.png][1]
UGUI 控件是UGUI内置的，控件上面因因包含不同的组件而不同。 Image组件 Image等价于NGUI的Sprite组件，用于显示图片。...Material（材质）：图片叠加的材质，可以用来实现一些特殊效果，如凹凸感觉 Raycast Target（射线投射目标）：是否作为射线投射目标，关闭之后忽略UGUI的射线检测。...多个Sprite直接拖入场景，可以直接制作帧动画，在2D中同样也可以。...如果在制作供人下载的资源包的时候这种类型非常的合适。这个类型的压缩需要很长时间，但在运行时解压是非常快的。...ScrollView的Content不能根据实际Content下的游戏物体的多少自动改变Content的宽高问题 在实际使用UGUI开发的过程中发现一个UGUI的BUG：当Content下的子物体增加时
UGUI drawcall合并原理 高数量的drawcall带来的坏处不用多说了，本篇重点说的是UGUI是如何合并drawcall的。...通过这篇博客，你将学会如何精算一个UGUI界面到底有几个drawcall，并且能想象出各UI控件的渲染顺序（即Frame Debugger窗口里的渲染顺序）。...合批 当两个UI控件的材质球的instanceId（材质球的instanceId和纹理）一样，那么这两个UI控件才有可能合批 depth depth是UGUI做渲染排序的第一参考值，它是通过一些简单的规则计算出来的...不要以为 I2 和 R2 的控件类型不一样就不能合批了，UGUI的渲染引擎不会去考虑两个UI控件类型是否一样，它只考虑两个UI控件的材质球及其参数是否一样，如果一样，就可以合批，否则不能合批。...最后，希望想搞明白点的能动动手，自己建一个空工程，摆弄一些案例，利用本文的知识来自己算算drawcall数及推出UGUI的渲染顺序。
好在Unity ugui中自带Canvas适配： ? 例如，我们要在手机上采用竖屏设计，可能就会用到如上这样的参考分辨率，这时Canvas画布会自动检测当前的屏幕分辨率并进行缩放。 ?...为了更直观的了解ugui的缩放原则，我们可以直接通过实验测试数据来观察： 如上所示，此时我设置的测试分辨率为1440*2960，因为设置的是按照参考分辨率的宽度进行匹配，所以整个画布的高度就会变为2960...下面来讨论进行过缩放后的ugui中如何显示指定三维世界坐标位置的点。
、NGUI的区别 uGUI的Canavas有世界坐标和屏幕坐标 uGUI的Image可以使用material UGUI通过Mask来裁剪，而NGUI通过Panel的Clip NGUI的渲染前后顺序是通过...UGUI不需要绑定Colliders，UI可以自动拦截事件 UGUI的Anchor是相对于父对象，没有提供高级选项 UGUI没有Atlas一说，使用Sprite Packer UGUI的Navigation...而UGUI没有图集的概念，可以充分利用资源，避免重复资源 UGUI出现了锚点的概念，更方便屏幕自适应 NGUI支持图文混排，UGUI暂未发现支持此功能 UGUI没有UIWrap来循环scrollview...应用 使用Raw Image 制作小地图 制作一个小地图 将相机放置在地图的正上方，可以设置Culling Mask(遮挡剔除) 创建一张Render Texture,将Target Texture属性指向这张纹理...创建UI面板，创建Raw Image，将Raw Image下的Texture属性指向小地图纹理即可 如果要制作圆形的小地图，可以为Raw Image添加Image为父物体，为Image添加Mask（遮罩
那么如何在Unity里制作一个ScrollView呢？有如下两种方式。 今天会使用这俩种方式来为大家制作一个滚动视图。...【方式二】 现在的Unity版本中有一个现成的UGUI控制，官方提供的创建完整的滚动视图。使用起来相对成本较低，降低了自己制作的难度。 ?...为什么要勾掉Mask上的show mask呢，通常我们在制作滚动视图的时候，因为每一个cell都可以进行背景填充，所以并不是很需要这个大的背景板，如果大家需要，也可以不勾。...因为我准备为大家制作一个垂直的滚动视图作为示例，所以这里我增加了一个垂直的布局组件。 ?...里的滚动视图，那么近期的UGUI内容也告一段落，相信零基础入门或者对UGUI不熟悉的同学，经过这一系列的UGUI内容讲述，已经有了一个大概的了解了。
二 UI制作规范和指导方法 本文是关于UGUI优化的，或许你会觉得UI的制作规范及指导方法与优化无关，其实很多性能问题往往是资源的不合理使用造成的，比如使用了尺寸过大的图片、引用了过多的图集以及加载了不必要的资源等...如果从设计和制作UI一开始就遵守特定的规范，则可以规避不必要的性能开销。笔者根据参与的多个项目总结了以下几点通用的规范和指导方法（这些规范适用于所有项目，不管你使用UGUI还是NGUI）。 1. ...使用尽可能少的UI元素；在制作UI时，一定要仔细查检UI层级，删除不不必要的UI元素，这样可以减少深度排序的时间（上图中的2）以及Rebuild的时间（上图中的3，4）。 b. ...除了rebuild过程之外，UGUI的touch处理消耗也可能会成为性能热点。因为UGUI在默认情况下会对所有可见的Graphic组件调用raycast。...腾讯WeTest提供：兼容适配测试；云端真机调试；安全测试；耗电量测试；服务器压力测试；舆情监控等服务。
2、创建Panel(会自动创建Canvas 和EventSystem)，将Panel中的Image组件删除，重命名为MainPanel。
现在教程的思路是按照UGUI的组件进行逐一的讲解，先是在Unity里的操作设置，以及代码段的操作控制。上一篇Toggle讲解之后，这篇就是UGUI里的Slider组件了。 ?...图中的进度条就是用Slider制作的。 知道了效果以后，我们来看看Unity里的Slider如何使用。 首先，我们在Unity里创建一个Slider，然后来看看他的结构。 ?...这里有另外一个问题大家需要知道，如果大家在制作进度条的时候，要把交互选项勾选掉。不然用户就可以通过手托来控制我们的进度条进度了。 如下图。我不勾选掉交互选项。运行后可以手动控制进度。 ?
1 功能描述 使用UGUI制作摇杆，摇杆的初始位置是可变的，当按下同时改变Bg位置和thumb位置，当松手时Bg，thumb返回初始原位。
在做排行榜类似界面时，item非常多，可能有几百个，一次创建这么多GameObject是非常卡的。为此，使用只创建可视区一共显示的个数，加上后置准备个数。如图所...
（题外话，因为这期分享中段制作之后，微信平台抽疯，Gif图无法使用，导致我不得不尝试用其他的方式来让文章看起来没那么死板，在后面的部分展示中，我插入了视频文件而并非Gif，不过大小进行了控制，不会浪费太多流量...后续如果确定了这种制作方式，我会尽量保证高清晰度提供给大家查看） 今天给大家分享一个Unity5中期版本才加入的UGUI组件，Dropdown。什么是Dropdown呢？...---- Dropdown这个组件是之前UGUI刚出时没有的组件。也算是一个新组件，我们先在Unity里创建一个看看 ? 重命名后再看来下Dropdown的组件内容 ? 静态图展示 ?...（从这开始，微信平台抽疯，导致Gif无法使用，以致于我不得不去尝试用视频的方式来给大家完成后面的分享，不过每个视频的大小进行了控制，不会很大） （在制作视频的时候，我会尽量把关键点拉近给大家看，这样就算视频效果不是很清晰的时候...这期分享，一波三折，多有不易，本来分波段录制了不少的小视频，最后上传得知一篇帖子只能显示3个视频，又重新制作，哎，真心不易，今天算是被平台给坑了。
今天还是继续UGUI主题的分享，今天分享的内容是UGUI里的Toggle组件。 进入正题 ---- 说到Toggle，可能大家会觉得陌生，什么是toggle？...上面的一组可切换的功能按钮就是利用Unity里的Toggle组件制作的。现在是不是对Toggle已经有了一个大概的理解了，至少知道他是什么了，那具体怎么使用呢？
可谓是，非常的简单啊，我甚至都在考虑要不要单独抽出一次当做分享内容 (・-・*)，也有可能是我所有分享里文字数目最少的 今天给大家说说UGUI组件，Panel，画布的意思。 ?...下一期，是我们近期UGUI主题分享的最后一个组件，ScrollView。 有问题可以给我留言或者加我的QQ 大家ヾ(￣▽￣)Bye~Bye~ ? ?
前几篇介绍了UGUI里的Image，今天来说下UGUI 的Text，显示文本的组件。因为有了之前代码创建Image的铺垫，所以对Text的使用就都在这篇介绍了。 ?...好了，今天的UGUI Text分享就结束了。 ? ?
必不可少，今天这篇分享，来说下UGUI里的按钮，Button组件。 ? 进入正题 ---- 打开Unity，在场景中创建一个Button，来看下他身上的自带组件。 如下图。 ?...好了，今天对UGUI Button的分享就到这里了。 新年已过，又开始了上班的日子，大家努力工作哟。 接下来的内容依然不定期更新（ヾ(￣▽￣)Bye~Bye~） ? ?
经过这么多期的UGUI组件介绍之后，UGUI主题的入门分享也慢慢进入尾声，所剩下的组件也只有Inputfield，Panel和ScrollView了，今天给大家分享的是Unity里UGUI组件的Inputfield
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
