奥东......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:填充内容选项

      1ShrinkContent(以内容为基准进行填充)       字体根绝空间大小自动适应(缩放)

      2ClampContent(以字体为基准进行剪切)        如果字体设置的比较大的情况下,会自动把看不见的字体自动给裁减掉

      3ResizeFreely(以内容的水平为基准进行填充)  空间和字体需要的空间大小保持一致,点击的时候只能够进行旋转,鼠标上面会有一个旋转的按钮,项目中用到的比较多

      4ResizeHeight(以内容的高为基准进行填充)          只能调节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能够设置问题向左还是向右的延伸,如下图

 

posted @ 2014-10-31 18:56  奥东  阅读(255)  评论(0)    收藏  举报