NGUI自适应分辨率，黑边自动填充，无黑边，等比例缩放

xiaosong123451 · 发表于 2014-4-19 11:31

为了优化，不重叠图片 [编辑话题]

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

}

效果运行效果如下
   图片：1.png

aaabbbsss12345 · 发表于 2014-4-30 14:14

好好顶顶顶

鬼画符李 · 发表于 2014-5-6 17:26

{:5_380:}楼主弄的麻烦了用UIstretch后Style选 Both 改一行代码就ok了

aaabbbsss12345 · 发表于 2014-6-23 09:51

好东西学习了

shuiyue654 · 发表于 2017-3-19 19:38

楼主是超人

shuiyue654 · 发表于 2017-3-19 18:49

好帖就是要顶

大强 · 发表于 2017-3-19 18:46

很好哦

沧海一叶舟 · 发表于 2017-3-19 19:09

不错不错

jia1009 · 发表于 2017-3-19 19:09

LZ真是人才

houge · 发表于 2017-3-26 17:30

很不错

		自动登录	找回密码
密码			立即注册

[ugui/ngui] NGUI自适应分辨率，黑边自动填充，无黑边，等比例缩放

本帖子中包含更多资源

[ugui/ngui] NGUI自适应分辨率，黑边自动填充， 无黑边，等比例缩放

本帖子中包含更多资源

[ugui/ngui] NGUI自适应分辨率，黑边自动填充，无黑边，等比例缩放