[UnityUI]在UGUI中设置九宫格
2015-03-30 09:50
127 查看
参考链接:http://blog.csdn.net/onerain88/article/details/12587301
有时候对图片进行拉伸时,会发现图片四个角会出现模糊,要解决这种问题就要用到九宫格了。
不论是游戏中的UI,还是应用中的UI,纹理九宫格拉伸都是必不可少的,因为采用这种拉伸方式,可以最大化的节省纹理资源,还能保证良好的表现效果!
原理:
把纹理用4条线分割成9部分(如上图),通过观察可以发现,5是最规则的形状(矩形),其次是2,6,8,4(矩形,但是和四个角有公共边),最后是四个角1,3,9,7(圆角矩形)
规则的图形在拉伸之后的效果是比较好的,如果是不规则的图形,则会在拉伸之后变形!
根据上图做拉伸制定规则:
(1)保证四个角1,3,9,7不做任何拉伸
(2)与四个角有公共边的四个矩形2,6,8,4做单向拉伸,即保证与四个角的公共边不拉伸,例如2,8只进行横向拉伸,4,6只进行纵向拉伸
(3)中间部分5做双向拉伸,即横向,纵向同时拉伸
那么,在UGUI中应该怎么样设置九宫格呢?
1.选中图片,在Inspector面板里将Texture Type改为Sprite,点击Sprite Editor按钮,通过拖动绿色的点来设置九宫格大小。
2.将Image组件的Image Type改为Sliced。
有时候对图片进行拉伸时,会发现图片四个角会出现模糊,要解决这种问题就要用到九宫格了。
不论是游戏中的UI,还是应用中的UI,纹理九宫格拉伸都是必不可少的,因为采用这种拉伸方式,可以最大化的节省纹理资源,还能保证良好的表现效果!
原理:
把纹理用4条线分割成9部分(如上图),通过观察可以发现,5是最规则的形状(矩形),其次是2,6,8,4(矩形,但是和四个角有公共边),最后是四个角1,3,9,7(圆角矩形)
规则的图形在拉伸之后的效果是比较好的,如果是不规则的图形,则会在拉伸之后变形!
根据上图做拉伸制定规则:
(1)保证四个角1,3,9,7不做任何拉伸
(2)与四个角有公共边的四个矩形2,6,8,4做单向拉伸,即保证与四个角的公共边不拉伸,例如2,8只进行横向拉伸,4,6只进行纵向拉伸
(3)中间部分5做双向拉伸,即横向,纵向同时拉伸
那么,在UGUI中应该怎么样设置九宫格呢?
1.选中图片,在Inspector面板里将Texture Type改为Sprite,点击Sprite Editor按钮,通过拖动绿色的点来设置九宫格大小。
2.将Image组件的Image Type改为Sliced。
相关文章推荐
- unity ui button ugui 按钮如何设置点击区域为圆形?【整理转载】
- Unity UGUI——UI基础,Canvas
- [UnityUI]使用UGUI制作排行榜
- 【Unity】UGUI如何判断鼠标或者手指是否点击到UI上
- [转]UGUI —— 鼠标穿透UI问题(Unity官方的解决方法)
- unity 3d中 NGUI和UGUI分别是什么?相对于外部UI插件我们要使用哪个呢?
- Unity新UI系统UGUI与NGUI效率对比
- unity之UGUI去掉UI事件拦截(穿透)
- 【Unity填坑日记】UGUI崩溃巨坑:UI::CanvasRenderer::SyncDirtyElements
- [UnityUI]UGUI按钮长按效果
- Unity UGUI 的RectTransform参数的设置
- [UnityUI]UGUI中的遮挡(一)
- 【Unity】UGUI中RectTransform中Top和Bottom的设置,宽和高的设置,以及postion和锚点的设置
- Unity uGUI设置自适应
- [UnityUI]UGUI背包
- [UnityUI]UGUI的事件系统
- <Unity UGUI><EasyTouch> 使用EasyTouch, 摇杆在Dynamic模式下,点击UI控件也会弹出的问题解决
- Unity_UGUI研究院之UI的深度学习(二)
- UGUI让模型显示在UI前面的设置
- unity 3d中 NGUI和UGUI分别是什么?相对于外部UI插件我们要使用哪个呢?