奥东......NGUI基础(二) Sprite Label
Sprite:
Sprite is a textured element in the UI hierarchy.//源码解释 层次面板下面的一个纹理节点
All sprites require an Atlas to be created first. Clicking the Atlas button will bring up a list of all the atlases in your project. To create a new atlas, use the Atlas Maker tool (NGUI -> Open -> Atlas Maker).
NGUI精灵图片组件
|
Simple |
单一延伸四边形 |
|
Sliced sprite |
切片精灵 所有”角”不进行任何延展,“边”进行单一方向的延伸,只有“中间”区域可以双向延展 可以用少量的纹理资源绘制出漂亮的用户界面 和按钮背景类型是相同的 |
|
Tiled sprite |
瓷砖精灵 把Sprite进行平铺,一直重复的绘制三角形,形成一个个四边形,绘制Spring并铺满整个区域 |
|
Filled sprite |
填充精灵 估计填充方式有很多种,有一种是转圈的方式 |
Label
第一项字体选项,NGUI使用的是静态字体,当我们需要显示中文时,最好使用动态字体,或者自己也可以制作静态字体集
Font Size: 字体大小
Material:字体贴图素材,如需要彩色字体
Text:显示内容
Overflow:填充内容选项
1,ShrinkContent(以内容为基准进行填充) 字体根绝空间大小自动适应(缩放)
2,ClampContent(以字体为基准进行剪切) 如果字体设置的比较大的情况下,会自动把看不见的字体自动给裁减掉
3,ResizeFreely(以内容的水平为基准进行填充) 空间和字体需要的空间大小保持一致,点击的时候只能够进行旋转,鼠标上面会有一个旋转的按钮,项目中用到的比较多
4,ResizeHeight(以内容的高为基准进行填充) 只能调节X轴,但是随着X轴变化,字体会变成变为一根油条
Alignment:字体的对齐方式 justified 只能对其相对于中文是不起作用的
Keep crisp:动态字体锐化
Gradient:字体渐变
Effect:字体效果
Spaceing:字体间隔
Max Lines:多少行来显示字体
BBCode:使用NGUI的字体自定义来格式化字体
Color Tine: 字体渲染的颜色 默认创建出来的Color Tine为白色,和Gradinent的Top选项一致
应用篇:
Sprite
1 Sprite是一个图片,当想做一个点击背景隐藏弹窗效果的时候,可以直接在GameObject中直接添加一个Widget,Collider,脚本,就实现了,点击透明地方的触发事件
2 背景图片的制作(九宫切图),就是保留边角部分不会被拉伸,中间区域可以被不断拉伸,这里的Sprite的类型就要选为Sliced类型,选中
九宫切图的由来
Label
设置Pivot能够设置问题向左还是向右的延伸,如下图



九宫切图的由来
浙公网安备 33010602011771号