NGUI_01
序言:这是张三疯第一次开始NGUI插件的学习,刚开始学习,肯定有很多漏洞,后期会及时的补上的。希望大家可以见谅,希望大佬多多指教。
扩充:为提供和我一样的小白找不到免费的NGUI插件,这里分享百度网盘的分享链接,注意只能用作学习使用,如需用在开发项目还是建议去unity的官网花几十美刀吧。
链接:http://pan.baidu.com/s/1kVDvvKV 密码:2jqt 这是3.11.4版本的,相对而言还是比较新的。
好啦,不说废话了,开始今天的正文吧,介绍第一个NGUI的控件:
一、UI Sprites 控件:
Sprites控件是NGUI的基础控件,几乎可以这么说所有的控件都可以基于Sprites控件添加 Box Collider然后进行附加相关的脚本组件来达到想要的插件效果。
1、首先为项目附加NGUI插件,导入NGUI的插件即可,开始已经给出了下载地址了,下载下来即可,添加完会在unity 的Project面板中出现如下几个文件夹:
Examples:这是实例文件夹,里面有相关的资源教学,是用来学习的。
ReadMe -3.6.8 :这是NGUI的版本号,我的是3.6.8的。
Resources:这是打包的资源文件夹,项目打包时会无条件的打包该文件夹中的资源。
Scripts;这是最主要的文件将爱,是NGUI的核心。
2、那么开始建立第一个Sprites精灵图片:
方法很多,我这里选择最简单的一种,打开菜单栏中的NGUI,然后打开Open-Prefabs Toolbar,然后在Prefabs Toolbarr窗口中,拖入背景的Prefabs到Hierarchy面板中.
(1)、
(2)、
3、选中 UI Root,然后将上面的拖拽工具设为移动工具,一定要是移动工具,不然无法在Sceen场景中添加相关的控件:
4、加下来在Screen场景视图中,右键单击,选择Create--Sprite,即可在场景中创建了一个 UI Sprite
5、在Inspector面板中会出现UI Sprite的控件:
6、这里介绍下相关的属性的意思,有些控件相同的属性在以后的就不加介绍了:
(1)、 Atlas:这是图集的选择,可以通过左下角的三角形进行项目所需图集的选择。(图集的制作在后面会介绍到的)
(2)、Sprite:这是在上面选择的图集中选择图集中的图片作为Sprite的背景。
(3)、Type:这是图片的类型,有5种,默认为Simple的,每种不同的图片类型又有不同的属性,这里一一介绍,也算是对自己的一次巩固了,不要强记,多操作:
3.1、Simple:普通类型,图片正常显示,当拉伸锚点的时候,图片也会被整体的拉伸。当为Simple则Filp(翻转选项)有5种选择;
3.1.1、Noting:不翻转
3.1.2、Horizontally:水平翻转
3.1.3、Vertically:竖直翻转
3.1.4、Both:既水平翻转又垂直翻转
3.2、Sliced:切片类型,在拉伸图片的时候,可以通过九宫格进行设置,使图片的边缘不会出现钝化,后面作为一个重点讲,这里先忽略了。
3.3、Tiled:平铺类型,精灵的尺寸保持导入时的大小不变,当把精灵进行拉伸时会以精灵进行填充。
3.4、Filled:填满模式,可以设置图片填充一块区域的方式,当选择该选项的时候会有以下三个选项;
3.4.1、Fill Dir :填充的方式
3.4.2、Fill Amount :设置填充的比例
3.4.3、Invert Fill ;设置填充的方向,不勾选为正方向,反之为反方向。
4、Color Tint:这是对图片进行颜色的渲染,可以自由设置。
5、Widget模块; 这是NGUI的控件组件都具有的一个模块,
5.1、Color:可以整理改变控件的颜色和透明度。
5.2、Privot:锚点设置,默认为中心点,有左上,顶中,右上,中兴,中右,左下,底中,右下一共是9个点。
5.3、Depth:深度设置
5.4、Dimensions:尺寸,指的是控件的像素尺寸。
5.4、 AspectTation:宽高比
6、Anchors:控件位置适配的锚点设置,后面会详细解释。
NGUI_01的更多相关文章
随机推荐
- WebService的简单运用添加删除
WebService是一种跨编程语言和跨操作系统平台的远程调用技术,简单来说就是将数据存储到项目的文件夹下 .NET中基于DOM核心类 XmlDocument 表示一个XML文档 XmlNode表示X ...
- VS2017生成解决方案报错,提示对路径的访问被拒绝
目前我用的vs2017的版本是15.3.5.生成解决方案有时会提示如下: 开始以为是权限的问题,找到相应的目录设置everyone权限,再次生成还是不行.重启VS试了下,还是不行. 最后无奈重启下电脑 ...
- LeetCode 163. Missing Ranges (缺失的区间)$
Given a sorted integer array where the range of elements are in the inclusive range [lower, upper], ...
- Java基础笔记10
类的设计分析: 1.根据需求抽取属性.(名词几乎都是属性) 2.属性私有化(private) 3.生成setter和getter方法 4.可以根据需要添加构造函数. 5.根据需求抽取其他方法.(动词几 ...
- Java反射机制能够获取的信息,与应用
一.什么是Java反射机制? [1]反射机制是在运行状态中,对于任何一个类,都能够知道这个类的所有属性和方法: [2]对于任意一个对象,都能够调用它的任意一个属性和方法: 像这种动态获取类的信息以及动 ...
- CodeForces - 385C Bear and Prime Numbers (埃氏筛的美妙用法)
Recently, the bear started studying data structures and faced the following problem. You are given a ...
- Sequence one
Problem Description Search is important in the acm algorithm. When you want to solve a problem by us ...
- Game
Game Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submissi ...
- Minix3信号处理分析
进程的信号处理的相关结构 PM中存放着所有进程的进程描述符,在一个进程描述符中,有一个指针,指向一个sigaction结构二维数组中的一项,表示这个进程所有信号的操作.一个sigaction结构包含信 ...
- day2--SecureCRT的配置
生产中,我们是看不到虚拟机的工作界面,虚拟机的界面相当于机房显示屏的样子,实际上我们是在操作工具里面进行管理,这里使用SecureCRT远程连接虚拟机,SecureCRT的设置如下: 1.打开Secu ...