NGUI纹理九宫格拉伸
2015-10-06 14:31
543 查看
我对九宫格的理解:九宫格是将一张图分为9个部分,在拉伸的时候针对这9个部分进行不同的拉伸处理。
![](http://images.cnitblog.com/blog/279212/201311/08175635-20aa8c59bab24cbe89c6eaf8358b190c.png)
图1-1 九宫格 - 说明如图1-1 所示,顶点1、3、7、9所在的位置在拉伸时不会受到任何影响,2、8位置将进行水平拉伸,4、6位置会进行垂直 拉伸,5位置是正常拉伸。
NGUI的Sprite自带了九宫格的处理,使用起来也很方便~~
![](http://images.cnitblog.com/blog/279212/201311/08175844-ed9b3b1310ec4555ba4bce6b40fe3024.png)
图1-2 九宫格 - 编辑Sprite如图1-2所示,点击“Edit”编辑精灵就可以看到编辑界面。
![](http://images.cnitblog.com/blog/279212/201311/08180123-b838d7fdaadf426ca097b7e62acde081.png)
图1-3 九宫格 - 调整Border如图1-3所示,调整Border就可以划分九宫格了,点击“Return to Sprite Sliced”回到刚刚的界面。NGUI
对Sprite提供了4种不同的处理方式,通过Sprite Type进行选择。
默认的Simple模式就是正常的拉伸;Sliced是切片模式,就是九宫格的应用,各个位置变化如上面图1-1所示;
Tiled是平铺模式,将中心区域的图片进行平铺,如果Border设置为0,就是将整个图片进行平铺;Filled是填充
模式,通过0~1的变化值来更改图片的显示,适用于***血条或进度条等。
![](http://images.cnitblog.com/blog/279212/201311/08180231-babc17d5971a4ea290ccfd3816312ed1.png)
图1-4 九宫格 - 图片显示模式各个模式示意图如图1-4所示。文章来源:http://blog.csdn.net/luyuncsd123/article/details/17993463相关文章:http://blog.csdn.net/onerain88/article/details/12587301
![](http://images.cnitblog.com/blog/279212/201311/08175635-20aa8c59bab24cbe89c6eaf8358b190c.png)
图1-1 九宫格 - 说明如图1-1 所示,顶点1、3、7、9所在的位置在拉伸时不会受到任何影响,2、8位置将进行水平拉伸,4、6位置会进行垂直 拉伸,5位置是正常拉伸。
NGUI的Sprite自带了九宫格的处理,使用起来也很方便~~
![](http://images.cnitblog.com/blog/279212/201311/08175844-ed9b3b1310ec4555ba4bce6b40fe3024.png)
图1-2 九宫格 - 编辑Sprite如图1-2所示,点击“Edit”编辑精灵就可以看到编辑界面。
![](http://images.cnitblog.com/blog/279212/201311/08180123-b838d7fdaadf426ca097b7e62acde081.png)
图1-3 九宫格 - 调整Border如图1-3所示,调整Border就可以划分九宫格了,点击“Return to Sprite Sliced”回到刚刚的界面。NGUI
对Sprite提供了4种不同的处理方式,通过Sprite Type进行选择。
默认的Simple模式就是正常的拉伸;Sliced是切片模式,就是九宫格的应用,各个位置变化如上面图1-1所示;
Tiled是平铺模式,将中心区域的图片进行平铺,如果Border设置为0,就是将整个图片进行平铺;Filled是填充
模式,通过0~1的变化值来更改图片的显示,适用于***血条或进度条等。
![](http://images.cnitblog.com/blog/279212/201311/08180231-babc17d5971a4ea290ccfd3816312ed1.png)
图1-4 九宫格 - 图片显示模式各个模式示意图如图1-4所示。文章来源:http://blog.csdn.net/luyuncsd123/article/details/17993463相关文章:http://blog.csdn.net/onerain88/article/details/12587301
相关文章推荐
- question(未完待续)
- UVA_12100: Printer Queue
- iOS-UIControls介绍
- iOS-UIResponse之事件响应链及其事件传递
- iOS-UIResponse之事件响应链及其事件传递
- 第二十九篇:UIPickerView简述与代码练习
- 扩展 easyui-tabs 插件 关闭标签页方法
- EasyUI-window包含一个iframe,在iframe中如何关闭window
- iOS之UI随笔-图片轮播器
- UI图标素材
- 【译】使用requestIdleCallback
- 索引优先队列-IndexedPrirotyQueue的原理及实现(源码)
- 52. N-Queens II (Graph; WFS)
- 51. N-Queens (Graph; WFS)
- Java笔记---GUI( 图形用户界面)
- UIPopoverController的简单使用
- EasyUI-EasyUI框架入门学习
- String,StringBuffer, StringBuilder 的区别
- UICollectionView 以及 AWCollectionViewDialLayout
- 线段树 csu1551 Longest Increasing Subsequence Again