关于屏幕分辨率的适配

最新推荐文章于 2023-11-05 01:23:23 发布
最新推荐文章于 2023-11-05 01:23:23 发布
阅读量333 收藏
点赞数
分类专栏： unity3D游戏开发文档 文章标签： unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48948081/article/details/121181496
版权
本文探讨了Unity3D中的屏幕分辨率适配，重点介绍了如何使用锚点和中心点调整位置，以及Canvas的设置，特别是针对不变像素大小、不变物理大小和根据屏幕大小缩放的选项，通常推荐选择根据屏幕大小缩放并调整Match比例。
摘要由CSDN通过智能技术生成

分辨率的适配

1.首先是根据调解锚点和中心点确定ui的位置
请添加图片描述
Anchors:锚点的位置，原点的位置在父节点
请添加图片描述
快捷键：

alt 设置锚点的位置

shift 设置中心点的位置

alt + shift 同时设置锚点和中心点的位置

2.设置canvas
请添加图片描述
主要设置的是Canvas Scaler中的UI Scale Mode
请添加图片描述
包含三个：

Constant Pixel Size 不变的像素大小，ui的像素大小不变

Constant PhySical Size 不变的物理大小，例如长宽高

Scale Width Sceen Size 根据屏幕的大小缩放

一般选择第三种
请添加图片描述
Match：用于控制对应宽和高的缩放的比例，一般设置成1或者0，因为像素的 更改一般主要都是宽或者高的增减，不会同时大幅度的更改

「已注销」
关注
专栏目录
关于屏幕分辨率适配的教程
jfwqrzy的博客
09-30 4162
对于屏幕分辨率 如果你现在问我px/dpi...我可能还会头晕,但是,不代表不可以做屏幕适配!!! 关于屏幕适配,你只需要知道,能够让一个控件在不同分辨率下显示的效果一致(或者差不多) ,适配就OK了 举个栗子 一个button 在1080p分辨率下宽度占屏幕一半 那么,假如,在720p分辨率下,也是占据屏幕宽度一半(大致),就可以认为,你的屏幕适配基本OK了(个人之见)) 屏幕适配的方案有
不同屏幕分辨率适配的varlues包
08-07
"不同屏幕分辨率适配的values包"提供了专门针对不同屏幕尺寸和密度的资源文件，以实现更好的用户体验。下面我们将深入探讨这个主题。 首先，Android系统使用`values`目录来存储各种维度的资源，如字符串、颜色、...
Android屏幕适配原理
tanqiantot的专栏
09-05 1万+
大纲 1、android中res目录下的文件夹所对应屏幕尺寸 2、用dp表示尺寸的原理 3、对于720p尺寸的适配需要注意什么 4、ui切图按什么尺寸给最好 参考：http://www.360doc.com/content/12/0301/17/5087210_190881395.shtml 几个概念： 1） 屏幕密度（dpi） ：dot per inch，即每英寸像素数。
屏幕分辨率适配
zmlucky的博客
11-05 210
首先如果不设置meta viewport标签，那么移动设备上浏览器默认的宽度值为800px，980px，1024px等这些，总之是大于屏幕宽度的。这里的宽度所用的单位px都是指css中的px，它跟代表实际屏幕物理像素的px不是一回事。 第二、每个移动设备浏览器中都有一个理想的宽度，这个理想的宽度是指css中的宽度，跟设备的物理宽度没有关系，在css中，这个宽度就相当于100%的所代表的那个宽度。...
屏幕分辨率：PC / 手机 屏幕常见分辨率，前端如何适配分辨率
snowball的博客
10-07 8027
注意：分辨率的数字表示水平像素点数和垂直像素点数，例如1920x1080意味着在屏幕上有1920个水平像素和1080个垂直像素。以上是一些较为常见的PC屏幕分辨率，还有一些非常规分辨率的屏幕也会出现，如3440 x 1440、2560 x 1080等。不同的分辨率在显示效果和硬件要求上都会有所差异。前端分辨率适配就是在不同分辨率的设备上，保证网页或应用程序的显示效果、布局和字体大小等元素能够相对合适的展示，以便用户能够更好的阅读和使用。
浅谈屏幕适配
qq_37776700的博客
12-27 1381
谈下屏幕适配
vue实现PC端分辨率适配操作
10-15
这样，无论屏幕分辨率如何变化，元素的宽度都会按照屏幕宽度的20%来计算，保持相对比例，从而达到分辨率适配的效果。 需要注意的是，这种方法适用于大部分情况，但不是万能的。在某些特定场景下，可能还需要配合...
android屏幕分辨率适配，静态xml制作工具
10-23
"android屏幕分辨率适配，静态xml制作工具"是专为解决这个问题而设计的一个实用工具，它可以帮助开发者快速生成适用于不同屏幕尺寸的XML布局文件，从而简化适配过程。 这个工具的使用流程通常包括以下步骤： 1. **...
android分辨率适配，xml自动生成工具
10-23
本工具，名为“android屏幕分辨率适配，静态xml制作工具”，专门解决这一问题，帮助开发者快速、有效地生成适用于各种屏幕分辨率的XML布局文件。 在Android系统中，屏幕适配主要通过使用不同密度和尺寸的资源文件夹...
Android 屏幕适配方案
weixin_34087301的博客
04-27 359
前言 本文为自身的总结与结合其他文章引用而成，分别为： wangwangli6：Android开发：最全面、最易懂的Android屏幕适配解决方案 jiashuai94：安卓屏幕完美适配方案——独家秘笈 司小三石：android 屏幕适配的总结，适合面试 宇宝守护神：ImageView的scaleType的属性理解 秦子帅：Android刘海屏适配方案 （暂未总结刘海屏适配，如...
简单介绍屏幕适配(三种常用方案)
qq_29722947的博客
10-24 5182
简单介绍屏幕适配(三种常用方案)- 1、像素（px）： 含义：通常所说的像素，就是CCD/CMOS上光电感应元件的数量，一个感光元件经过感光，光电信号转换，A/D转换等步骤以后，在输出的照片上就形成一个点，我们如果把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）。简而言之，像素就是手机屏幕的最小构成单元。 单位：px（pi...
浏览器多分辨率适配方法总结（跨平台）
自在轩恒
02-24 2966
通过使用css3 @media样式进行判断，判断不同分辨率浏览器（显示屏幕）显示不同宽度布局。 引入语法： 在css里使用如下标识符可以被ie识别而采用，其他浏览器会忽略if ie。 @media screen and (判断属性){ CSS样式选择器 } 引入示例： /*分辨率在300-720之间*/ @media screen and (min-width: 300p...
vue3后台管理系统之数据大屏适配解决方案
最新发布
m0_52704461的博客
11-05 4061
rem(font size of the root element)，是 css3 中新增的一个大小单位，即相对于根元素 font-size 值的大小。通过监听浏览器窗口的大小，来改变scale的比例，从而实现数据大屏适配。我们整个大屏的尺寸设置和设计图一样，只是通过css的scale放大缩小属性，来控制实际展示的大小。
【UGUI】锚点相关设置及分辨率适配
流水不腐，户枢不蠹。
03-31 899
黑边模式：根据“屏幕宽/设计宽”和“屏幕高/设计高”中较小的值作为缩放系数 s 进行缩放，假设我们的设计分辨率为 960x640，当屏幕分率为 1136x640 时，屏幕高/设计高=1小于屏幕宽/设计宽=1.18，则缩放系数 s=1，960x1=960，由于 960 小于 1136，则无法填充整个屏幕的宽，将会在屏幕左右两端出现“黑边”。Pivot：设置中心点的位置，中心点的位置（0，0）表示的是控件的左下角位置，（1，1）表示的是右上角的位置，（0.5，0.5）则表示的是图像中心的位置。
抛弃游戏黑边，全屏分辨率适配：一个简单的刘海屏适配，ui适配位移，以及正交相机根据分辨率自适应宽度其中ui根据锚点自适配位置(抽空继续完善)
纯纯小萌新
06-23 520
ChangeCamera脚本挂在相机上，ScreenMatchEditor脚本放在editor文件夹下，ScreenMatch脚本挂在需要适配的ui上。刘海屏适配的话要简单的感觉就只能做到目前适配机型的最大刘海长度，如果要完美一点的话感觉就要根据机型进行对应适配了。 ChangeCamera： using System.Collections; using System.Collections.Generic; using UnityEngine; public class ChangeCamera :
【Unity3D】UGUI自适应屏幕与锚点
编程记录，亲测有效
04-17 3万+
在Unity3D中，即使我们布置好UGUI如下图所示： 如果我们不进行一些调整。在Unity3D默认的设置下，在不同分辨率，就算我明明在Unity3D看到这4个按钮安分布置到屏幕的4个角，而且在Unity3D调试的时候，也看到确实如此了，但是在发布的运行时候，尤其允许用户可以自行调整分辨率的情况下。 比如在640x480的分辨率之下： 在比如在800x600分辨率之下：
Unity UGUI之Canvas Scale
TxNet
12-18 1万+
Canvas Scaler 为了适应不同的分辨率，我们可能会允许适当的UI整体性缩放，外加一些尽可能少的布局微调。 这样就能达到一个比较理想的效果。Unity为我们提供了Canvas Scaler组件用于控制画布中UI元素的统一缩放和像素密度的。缩放值影响Canvas上所有的元素，包括字体的size和image的borders。
vue实现PC端分辨率适配
热门推荐
韩大璐
07-25 12万+
依赖 项目基础配置使用 vue-cli 生成 自适应方案核心： 阿里可伸缩布局方案 lib-flexible px转rem：px2rem，它有webpack的loader px2rem 开始 先使用vue脚手架初始化一个webpack项目 vue init webpack 项目名 项目初始化好了之后，进入项目目录中 (cd 项目名) 安装 lib-flexible 和 px2rem-loade...
前端怎么做屏幕分辨率适配
05-24
前端屏幕分辨率适配是为了让网站在不同分辨率的设备上都能够呈现出良好的用户体验。以下是常见的屏幕适配方法： 1. 使用viewport标签设置视口宽度 在HTML文件的头部添加如下代码： ``` <meta name="viewport" content="width=device-width, initial-scale=1"> ``` 这会告诉浏览器使用设备的宽度作为视口的宽度，并且初始缩放比例为1。 2. 使用CSS的百分比单位 在设计网页时，可以使用CSS的百分比单位来设置元素的宽度和高度。例如，设置一个元素的宽度为50%，它将会占据父元素宽度的50%。 3. 使用媒体查询 使用媒体查询可以根据不同的屏幕尺寸应用不同的CSS样式。例如，可以设置在小屏幕设备上隐藏某个元素： ``` @media screen and (max-width: 768px) { .element { display: none; } } ``` 以上是一些常见的前端屏幕分辨率适配方法，但具体实现还需要根据项目的需求和设计进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值