当前位置: 首页 > wzjs >正文

企业网站优化分为哪两个方向做钓鱼网站怎么赚钱

企业网站优化分为哪两个方向,做钓鱼网站怎么赚钱,wordpress仪表盘改名,大型网站 前端目录 宽度不变策略 高度不变策略 宽度不变策略 开发分辨率 750*1334 (宽高比:0.56) 真机分辨率 1170*2532 (宽高比:0.46) 真机宽高比<开发宽高比&#xff0c;采用宽度不变策略 理由&#xff1a;小于代表真机高度比开发高度更大&#xff0c;因此不需要担心高度上…

目录

宽度不变策略

高度不变策略


宽度不变策略

开发分辨率 750*1334     (宽高比:0.56)
真机分辨率 1170*2532   (宽高比:0.46)   
真机宽高比<开发宽高比,采用宽度不变策略

理由:小于代表真机高度比开发高度更大,因此不需要担心高度上的遮挡,而应担心宽度的遮挡,为了避免宽度上有遮挡问题,因此保证宽度不变策略;

左图是开发分辨率下的情况(宽度和高度均正常 设计上就是如此)

右图是真机分辨率下适配后的情况,保证宽度不变(可见宽度上的绿色边缘处是紧贴着屏幕边缘),但是高度绿色边缘没有紧贴白色的UI(问题1)(下面的一行白色是UGUI UGUI紧贴着屏幕底下边缘)

不启用适配状况:若不启用摄像机适配会呈现如下图:

宽度会被遮挡一部分!因此我们要保证宽度不变

问题1(高度绿色边缘没有紧贴白色的UI)解决思路:

将整个3D场景所有元素放于一个根节点下,往下移动一定距离来紧贴白色UI

移动的相对距离是  (适配后的摄像机size - 开发时摄像机size),移动后得到如下图

注意相对的是指摄像机空间下的相对距离(Y轴,即上下位移)

如下脚本挂载摄像机下

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class CameraAdapt : MonoBehaviour
{//开发宽度private int width = 750;//开发高度private int height = 1334;//摄像机原始sizeprivate float cameraSize;//场景物体根节点public Transform levelTrans;//CanvasScaler组件public CanvasScaler canvasScaler;//场景物体根节点世界位置Vector3 levelWorldPos;void Start(){//记录原始大小cameraSize = GetComponent<Camera>().orthographicSize;//场景世界位置levelWorldPos = levelTrans.position;AdaptCamera();}private void AdaptCamera(){Camera camera = Camera.main;float devRate = (750f / 1334f);float nowRate = (Screen.width * 1.0f / Screen.height);Debug.Log("开发宽高比:" + devRate);Debug.Log("真机宽高比:" + nowRate);//真机宽高比 > 开发宽高比时 , 例如  0.75 > 0.56  (目前是0.56) 说明真机更倾向高度不变策略  少于时更倾向宽度不变bool useHeight = false;if (nowRate > devRate){useHeight = true; //你可尝试注释这一行来查看ipad之类的适配情况,如果依旧保持宽度不变 会发生某些场景物体可能会因高度变小而无法看到。}Debug.Log("Screen.width :" + Screen.width);Debug.Log("Screen.height :" + Screen.height);float changeRate = (width * 1.0f / height) * (Screen.height * 1.0f / Screen.width);Debug.Log(changeRate);//保证高度不变if (useHeight){//原Unity策略就是高度不变,所以不需要任何算法,直接保持原样即可(这里cameraSize就是原始size)float targetHeight = cameraSize;camera.orthographicSize = targetHeight;//修改Canvas的适配为高度不变策略canvasScaler.matchWidthOrHeight = 1;}else{//保证宽度不变float targetWidth = cameraSize * (width * 1.0f / height);camera.orthographicSize = targetWidth * (Screen.height * 1.0f / Screen.width);//修改Canvas的适配为宽度不变策略canvasScaler.matchWidthOrHeight = 0;//在宽度不变情况下,拉长高度而导致场景空白区域变多后,将场景元素向下对齐的方案//即真机摄像机单位高度值 - 开发单位高度值 = 单位高度差值float deltaHeight = camera.orthographicSize - cameraSize;Debug.Log("camera.orthographicSize:" + camera.orthographicSize + ",cameraSize:" + cameraSize + ",deltaHeight:" + deltaHeight);//重置场景根节点世界坐标levelTrans.position = levelWorldPos;//延迟3秒后再偏移,目的是为了看到这个过程是如何变化让场景向下对齐StartCoroutine(DelayToSetPos(deltaHeight));}}IEnumerator DelayToSetPos(float deltaHeight){yield return new WaitForSeconds(1f);//场景根节点世界坐标 转 位于摄像机下的局部坐标Vector3 levelLocalPos = this.transform.InverseTransformPoint(levelWorldPos);//进行高度偏移 (高度单位差) 即向下对齐levelLocalPos = new Vector3(levelLocalPos.x, levelLocalPos.y - deltaHeight, levelLocalPos.z);// 位于摄像机下的局部坐标 转 世界坐标  赋予场景根节点levelTrans.position = this.transform.TransformPoint(levelLocalPos);}// Update is called once per framevoid Update(){//按下空格即可再次适配 (可以动态改Game 分辨率 测试不同分辨率下的情况)if (Input.GetKeyDown(KeyCode.Space)){AdaptCamera();}}
}

其他场景信息:

 

高度不变策略

当真机宽高比 > 开发宽高比时,采用高度不变策略

主要变化就是Canvas Scaler,摄像机size是保持不变的,Unity原本就是高度不变策略。

如果不采用高度不变策略会得到如下图,高度上会有场景元素被遮挡!

注释一行即可测试

 

http://www.dtcms.com/wzjs/578042.html

相关文章:

  • 阿里云做的网站网站域名使用方法
  • 建站快车是什么网站左下角广告代码
  • 学校文化建设网站google官方网站注册
  • 网站怎么添加假备案号网站建设有哪些优质公众号
  • 校级特色专业建设网站如何构建大型网站架构
  • 珠海中小企业网站建设wordpress模板标签查询
  • 设计的好看的网站网络公司注册资金多少
  • 做app和做网站net后缀的可以做网站吗
  • 无忧网站建设报价数商云医药行业
  • 母版页和窗体做网站例子昆明seo推广公司
  • sns网站建设wordpress调用不同头部文件
  • 做自己的网站花多钱中国空间站图片绘画
  • 建设银行网站号网页什么设计
  • n加1网站建设微网站是官网的手机站
  • 外贸企业网站模板河南秋实网站建设
  • 做青蛙网站如何制作一款小程序
  • 可以做动效的网站网页广告代码
  • 网站建设的成本主要有哪几项wordpress 学校
  • 崇明做网站企业网站管理系统手机版教程
  • 网站改版 被百度k怎样制作免费的网站
  • 网站的建设流程具体有哪些怎么免费注册自己的网站
  • 专业做物业网站的公司吗十四五学科专业建设规划
  • 西安旅游网站开发微网站 和移动站
  • 淘宝代运营一般多少钱seo技术培训中心
  • 乐云seo快速网站建设logo设计公司成都
  • 网站后台都需要什么软件做湖南岳阳新增本土确诊0例
  • 西安建站费用什么是网站排名优化
  • 保定网站建设求职简历分销系统合法吗
  • 网站空间在哪申请百度用户服务中心人工24小时电话
  • 湖州网络公司网站建设深圳百度推广