NGUI自适应分辨率,黑边自动填充, 无黑边,等比例缩放
2014-08-11 07:44
288 查看
原地址:http://game.ceeger.com/forum/read.php?tid=16571
1,给背景添加一个UIstretch, .将style选择最后一个FitInternalKeepingRatio, 将Intial Size设置为你当前屏幕的大小
2,再在背景下创建四个边的背景, 然后各自选择他们的Pivot , 上边图选择居下,下边图选择居上,左图边选择居右,右边图选择居左。
3,给这四个添加一个UIstretch, .将style选择为both,
4. 然后把下面这个脚本绑定到背景上,传上参数,
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
}
效果运行效果如下
[松松果于2014-05-15 11:44编辑了帖子]
1,给背景添加一个UIstretch, .将style选择最后一个FitInternalKeepingRatio, 将Intial Size设置为你当前屏幕的大小
2,再在背景下创建四个边的背景, 然后各自选择他们的Pivot , 上边图选择居下,下边图选择居上,左图边选择居右,右边图选择居左。
3,给这四个添加一个UIstretch, .将style选择为both,
4. 然后把下面这个脚本绑定到背景上,传上参数,
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
}
效果运行效果如下
[松松果于2014-05-15 11:44编辑了帖子]
相关文章推荐
- NGUI自适应分辨率,黑边自动填充, 无黑边,等比例缩放
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- ImageView设置图片按比例自适应缩放,9.png根据屏幕分辨率放到不同的drawable文件夹中
- rem自适应 窗体大小自动 rem设置 改变rem来完成等比例缩放
- 如何一个td或table里的图片等比例缩小(css问题)图片自动缩放
- 两种方式实现图片按比例响应式缩放、并自动裁剪的css技巧
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV
- 图片自动缩放比例,鼠标经过显示介绍+插件
- [Unity3D插件]NGUI之UIRoot屏幕分辨率自适应
- JS网页图片按比例自适应缩放实现方法
- 按比例缩放分辨率大的图片
- NGUI UI自适应分辨率 手游
- rem布局实现不同分辨率移动终端的自适应、整体缩放
- UIImageView圆角,自适应图片宽高比例,图片拉伸,缩放比例和图片缩微图
- android图片等比例缩放 填充屏幕
- Javascript + Asp.net 让图片自动成比例缩放