美文网首页
UGUI适配浅析

UGUI适配浅析

作者: _谭小坤 | 来源:发表于2019-03-27 19:16 被阅读0次

最近开发的项目要做手机适配,然后自己总结了一下适配的方法。
针对适配的机型2:1(36881242),16:9(19201080),4:3(ipad适配)。总结一些比较又实用的方法。
1.简单的适配方法也没什么介绍的(靠左,靠右,靠上,靠下,居中,跟着Canvas全屏适应)。
2自己拉锚点到合适的位置。

图片.png
3.从16:9的分辨率到4:3的分辨率,高度相对增加了很多。对物体做一个scale的调整方案(需要一个合理的代码)。
    public class PanelScale:MonoBehaviour
    {
        private readonly float _standPercent = 1.7777777777777777777777f;
        void Awake()
        {
            var screenPercent = Screen.width / (float)Screen.height;
            var scale = screenPercent / _standPercent;
            if (screenPercent < _standPercent)
            {
                transform.localScale = new Vector3(scale, scale, scale);
            }
            else
            {
            }


            var grid = transform.GetComponent<GridLayoutGroup>();
            if (grid != null)
            {
                if (screenPercent < _standPercent)
                {
                    
                }
                else
                {
                    var sourcePadding = grid.padding;
                    grid.padding = new RectOffset(0, sourcePadding.right, sourcePadding.top, sourcePadding.bottom);
                    grid.childAlignment = TextAnchor.UpperCenter;
                }
            }
        }
    }

4中心点的问题,中心点默认是(0.5,0.5),做缩放的时候从中间开始缩放,如果把中心点调到某一个特定位置,只会在这个位置为中心做缩放。

相关文章

  • UGUI适配浅析

    最近开发的项目要做手机适配,然后自己总结了一下适配的方法。针对适配的机型2:1(36881242),16:9(19...

  • 浅析Java设计模式【1】——观察者

    前情内容 浅析Java设计模式【1】——观察者 浅析Java设计模式【2】——适配器 浅析Java设计模式【3】—...

  • 浅析Java设计模式【2】——适配器

    前情内容 浅析Java设计模式【1】——观察者 浅析Java设计模式【2】——适配器 浅析Java设计模式【3】—...

  • 浅析Java设计模式【3】——代理

    1. 前情内容 浅析Java设计模式【1】——观察者 浅析Java设计模式【2】——适配器 浅析Java设计模式【...

  • 移动端Web页面适配浅析

    title: 移动端Web页面适配浅析date: 2018-01-31 16:38:01tags: 移动端 适配 ...

  • UGUI基础:屏幕适配

    屏幕适配只是相对于UI而言的。 1、Canvas选择一定的分辨率,比如手机横屏通常选择1344*750。2、UI ...

  • ugui权重适配手机屏幕

    需求: 1、场景底部UI包含3个按钮;2、3个按钮宽度相同,并能自适应各种尺寸的手机屏幕;3、容器与按钮之间有pa...

  • 适配缩放

    简介 关于UGUI的一些简单适配 Canvas OverLay:位于屏幕最上方,遮挡住3D场景以及Camera和W...

  • Unity UI资料收集

    UGUI UGUI优化:批次合并源码分析及工具UGUI内核大探究(零)UGUI源码深度剖析 基于ugui组件封装,...

  • 移动端屏幕适配之Scroll View(做菜案例)

    对于UGUI而言, 屏幕的适配还是比较容易的,只要设置好锚点就可以了,问题不大 。但当使用到Scroll Vi...

网友评论

      本文标题:UGUI适配浅析

      本文链接:https://www.haomeiwen.com/subject/dyytbqtx.html