我们在编码中使用的是以point为单位的屏幕尺寸（在不同设备上每个point对应的实际像素点是不一样的），iPhone 8的尺寸是375pt × 667pt @2x，iPhone X的尺寸是375pt × 812pt @3x，也就是屏幕宽度是一样的，但是高出了145pt，大概能多显示20%的内容。注意iPhone X的屏幕素质比较好，所以它需要加载较高像素的图片，我们要提供必要的@3x资源。另外由
转载
2024-08-09 13:26:05
102阅读
前言北京时间今天凌晨1点，苹果再一次让全世界沸腾。iPhone X 带给我们的最大改变：全屏 Super Retina显示屏。它提供了更多的内容显示空间，同时也营造了更加深入的沉浸感。作为 iOS 开发者，在为强大的 Face ID 和全面屏欣喜的同时，我更担忧“齐刘海”的适配！ 下面结合官方的人机交互指南，来了解下如何设计 App 才能在iPhone X 和其他所有 iOS 设备上都看起来很
转载
2023-11-20 11:43:09
150阅读
一、iOS屏幕适配发展历程设备适配技术4及以前（iPad未出）直接用代码计算有了iPadautoResizing有不同屏幕的iPhone后autoLayout有更多不同屏幕的iPhone后sizeClass二、各个技术的特性1、 直接用代码计算由于屏幕的大小都一样，只有横竖屏的情况，可以直接计算2、 autoResizing适合于控件与其父控件的关系各属性的解释属性解释UIViewAutoresi
转载
2023-09-12 20:05:41
140阅读
前言android设备各种各样，手机、pad、电视、车载等不一而足。即使是相同分辨率的手机也可能参数不一致，比如1080P的手机 dpi 一般认为是480，但是 Google 的Pixel2（1920*1080）的 dpi 是420。此外，android设备的宽高比更是多种多样。这就导致App适配的工作异常困难。尤其是你的app要适配各种平台，比如手机、pad、车载、电视。在这种情形下，你面临的问
转载
2023-07-17 16:31:54
185阅读
本篇文章主要总结一下开发中的一些屏幕适配的方案，对于一些概念性的知识就略过了；1.屏幕适配基础篇布局文件中使用match_parent、wrap_content和weight软编码，组件的具体大小使用dp或者sp； 谷歌的标准dp是160dp，即1dp对应1个pixel，计算公式如：px = dp * (dpi / 160)，屏幕密度越大，px越大。使用dp能够让同一数值在不同的分辨率展示出
转载
2023-12-17 10:35:23
118阅读
iOS屏幕适配教程 1.通过frame进行适配在iOS早期开发，都是使用frame属性进行屏幕适配，需要多套代码，非常麻烦。 //使用frame添加控件view，并设置属性，但是只能使用指定屏幕尺寸
[super didReceiveMemoryWarning];
UIView *greenView=[[UIView alloc]init];
greenVie
转载
2023-07-14 20:53:23
455阅读
# 实现iOS屏幕适配教程
## 一、流程
| 步骤 | 操作 |
|------|------|
| 1 | 使用Auto Layout设置界面布局 |
| 2 | 使用Size Classes适配不同尺寸的设备 |
| 3 | 使用Autoresizing Mask适配旋转屏幕 |
## 二、具体操作
### 步骤一：使用Auto Layout设置界面布局
在Sto
原创
2024-05-16 05:45:36
79阅读
屏幕适配问题共有四种解决方案：(1)根据屏幕宽高写控件frame(下策);(2)Autoresizing的使用(中策);(3)AutoLayout的使用(上策);(4)sizeClasses+AutoLayout的使用(上上策)。下面将会分别来进行叙述。(1)根据屏幕宽高写控件frame利用宽高比,在不同的屏幕中来进行对控件的位置与控件的宽高进行等比例缩放.选定一个型号的屏幕的宽高为基准,进行等比
转载
2023-09-10 14:55:43
369阅读
【iOS开发】多屏尺的自动适配 AutoLayout （纯代码方式） 关于AutoLayout，最早从iOS6开始引入使用。
主要功能是使用约束，对视图进行相对布局，以适应不同屏尺的变换。
网上大量的资料都在介绍xib和storyboard，如何使用AutoLayout，说纯代码使用AutoLayout进行
Phone XiPhone X包括一个大型，高分辨率，圆形的边缘到边缘的显示器，提供了一个沉浸式，内容丰富的体验，从未像以前那样。 屏幕尺寸在纵向方向上，iPhone X上的显示屏的宽度与iPhone 6，iPhone 7和iPhone 8的4.7 寸显示屏的宽度相匹配。然而，iPhone X上的显示器比4.7 寸显示器高145个，导致大约20％的内容垂直空间。
肖像
转载
2024-03-09 20:14:21
34阅读
iOS屏幕适配发展历程早期 iOS —— frame + autoresizing直接使用 frame 计算控件的位置特点：程序中存在大量的 MagicNumberiPhone3GS \ iPhone4 \ iPhone4S 屏幕的物理尺寸是一样的(无需屏幕适配)而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用
应用程序都是竖屏游戏几乎都是横屏官方应用大多支持横竖屏
转载
2023-11-14 10:39:21
133阅读
ios开发过程中屏幕尺寸，分辨率及其比例等等之间的关系?一次性详尽，清晰介绍，以饷入门者 根据屏幕尺寸和分辨率，ios现在数起来有6个版本。 一，3GS；二，4s为代表；三，iphone5；四，ipad2为代表；五，ipad4为代表；六，ipad mini。 只是分辨率不一样的情况，如一二或者四五相比，开发时提供两种分辨率就可以了，应用自动识别？ 只是尺寸不一样的情况，如四六相比，开发时完全没有
转载
2023-07-18 00:55:52
189阅读
1：iPhone尺寸规格尺寸表格：1 inch(英寸) = 2.54cm = 25.4mm2：屏幕尺寸我们通常所说的iPhone5屏幕尺寸为4英寸、iPhone6屏幕尺寸为4.7英寸,指的是显示屏对角线的长度(diagonal)屏幕尺寸：对角线3:像素密度PPIPPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目。PPI数值越高,代表
转载
2023-09-13 09:33:43
254阅读
为什么要适配？
我们先来看一组统计数据和图表。【2015 设备分布图 】【2016 设备分布图 】【设备品牌分布 】【屏幕尺寸分布图 】【系统分布图 】【与 iOS 的对比 】从上面几个图就可以看出 android 设备多，品牌多，屏幕尺寸多，还有系统版本分布比较大，碎片化比较严重。这也就是 android 之所以要进行适配的原因。此外，android 的适配包括了系统版本的适配，屏幕尺寸的适配
转载
2024-03-08 21:32:52
77阅读
一、PC端 和 移动端适配分析： 1、PC端的适配，只是分辨率的不同引起的适配问题。这种适配好解决，这里就不讲了。 2、移动端的适配，移动端的适配主要是： 屏幕视口的分辨率和像素分辨率是不统一；不同手机的视口 分辨率也是不一样的。二、（移动端）屏幕相关概念：（下面的概念只是按照个人的理解来写的，只是为了解决前端适配的而写的。其它的概念不用知道的那么清楚）
转载
2023-07-21 17:24:35
392阅读
# Unity iOS屏幕适配教程
## 简介
在开发Unity游戏时，为了适应不同的iOS设备屏幕尺寸和分辨率，我们需要进行屏幕适配。本教程将教你如何实现Unity的iOS屏幕适配，并提供详细的步骤和代码示例。
## 流程
下面是实现Unity iOS屏幕适配的整个流程：
```mermaid
flowchart TD
A[设置Canvas的适配模式] --> B[计算设计分辨率]
原创
2023-10-20 17:01:34
540阅读
# 前端适配 iOS 屏幕指南
在现代网页开发中，确保你的应用在所有设备上显示良好是至关重要的，尤其是在 iOS 设备上。这篇文章将带你了解如何实现前端适配 iOS 屏幕，并提供详细的步骤与代码示例。
## 流程步骤
以下是实现前端适配 iOS 屏幕的基本步骤：
| 步骤 | 描述 |
| -
响应式布局
Media Query 的使用方法
在上例中， 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式。通过不同的媒体类型和条件定义样式表规则，媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达”大于或等于”和”小与或等于”。如：width会有min-width和max-widt
转载
2023-10-08 20:40:24
373阅读
# iOS Xib屏幕适配的科普
在iOS开发中，屏幕适配是一项非常重要的任务，它能确保应用在各种设备上都能良好显示。随着iPhone和iPad型号的不断增加，适配不同的屏幕尺寸和分辨率变得尤为重要。本文将介绍如何在Xib中进行屏幕适配，并提供一些代码示例。
## Xib与自动布局
Xib是Interface Builder中使用的一种文件格式，用于设计iOS和macOS的用户界面。在Xib
本篇本章介绍iOS开发中经常使用的几种屏幕适配方式，包括： 通过frame进行适配 通过AutoResizing进行适配 使用AutoLayout进行适配 使用ZXPAutoLayout进行适配 &nb
