NGUI自适应分辨率,黑边自动填充, 无黑边,等比例缩放
2014-05-07 09:44
197 查看
原地址:http://www.unity蛮牛.com/thread-15145-1-1.html
为了优化,不重叠图片
1,给背景添加一个UIstretch, .将style选择最后一个FitInternalKeepingRatio, 将Intial Size设置为你当前屏幕的大小
2,再在背景下创建四个边的背景, 然后各自选择他们的Pivot , 上边图选择居下,下边图选择居上,左图边选择居右,右边图选择居左。
然后把下面这个脚本绑定到背景上,传上参数,
为了优化,不重叠图片
1,给背景添加一个UIstretch, .将style选择最后一个FitInternalKeepingRatio, 将Intial Size设置为你当前屏幕的大小
2,再在背景下创建四个边的背景, 然后各自选择他们的Pivot , 上边图选择居下,下边图选择居上,左图边选择居右,右边图选择居左。
然后把下面这个脚本绑定到背景上,传上参数,
using UnityEngine; using System.Collections; public class FillBackGround : MonoBehaviour { public UISprite backGround; public UIStretch upBG; public UIStretch downBG; public UIStretch leftBG; public UIStretch rightBG; private float _bgWidth; private float _bgHeight; // Use this for initialization void Start () { //获取背景的宽和高 _bgWidth = backGround.width; _bgHeight = backGround.height; //填充背景上边 upBG.transform.localPosition = new Vector3(0, _bgHeight/2,0); upBG.relativeSize.y=0.5f; upBG.borderPadding.y = _bgHeight / 2; //填充背景下边 downBG.transform.localPosition = new Vector3(0, -_bgHeight / 2, 0); downBG.relativeSize.y = 0.5f; downBG.borderPadding.y = _bgHeight / 2; //填充背景左边 leftBG.transform.localPosition = new Vector3(-_bgWidth / 2, 0, 0); leftBG.relativeSize.x = 0.5F; leftBG.borderPadding.x = _bgWidth / 2; //填充背景右边 rightBG.transform.localPosition = new Vector3(_bgWidth / 2, 0, 0); rightBG.relativeSize.x = 0.5F; rightBG.borderPadding.x = _bgWidth / 2; } // Update is called once per frame }
相关文章推荐
- NGUI自适应分辨率,黑边自动填充, 无黑边,等比例缩放
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- ImageView设置图片按比例自适应缩放,9.png根据屏幕分辨率放到不同的drawable文件夹中
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- css 图片水平居中+自动等比例缩放
- UIImageView圆角,自适应图片宽高比例,图片拉伸,缩放比例和图片缩微图
- NGUI UI自适应分辨率 手游
- NGUI之UIRoot屏幕分辨率自适应
- Android图片等比例缩放和填充屏幕效果
- iOS UILabel根据字数自适应宽高以及控件按屏幕大小按比例缩放
- JS+css 图片自动缩放自适应大小
- JS+css 图片自动缩放自适应大小
- Android界面适配通用工具(RelayoutTool)-根据分辨率等比例缩放
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- 关于图片按比例自适应缩放的js代码
- [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
- UIImageView圆角,自适应图片宽高比例,图片拉伸,缩放比例和图片缩微图
- JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码