- 综合排序
- 最热优先
- 最新优先
- 来自专栏韩曙亮的移动开发专栏
【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机平板电脑设备屏幕适配 )
文章目录 一、屏幕适配限定符 二、手机/平板电脑设备屏幕适配 平板电脑市场占有率 密度无关像素计算 手机设备限定符 平板设备限定符 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 一、屏幕适配限定符 ---- Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向 等属性 , 加载不同的屏幕适配限定符目录下的资源 \rm 480 < dpi \leq 640 ; 屏幕方向限定符 : 一般是用于横竖屏切换时进行适配 ; land : 横线屏幕 ; port : 纵向屏幕 ; 屏幕宽高比限定符 : 标准屏幕宽高比为 , 其中的 xx 是横向的 密度无关像素 ( DIP , Desity Independent Pixels ) 值 , 单位是 dp / dip ; 在 【Android 屏幕适配】屏幕适配基础概念 就可以使用 sw360dp 限定符下的资源 , 如 res/layout-sw360dp 目录下的资源 ; 平板设备限定符 在 布局 或 图片 目录名称中 , 加上 sw480dp 限定符 , 对应 7
7.9K20编辑于 2023-03-30 - 来自专栏日常技术分享
iOS 屏幕适配
现在开发iOS无非就是用xib和纯代码开发，不论用什么方式开发都少不了屏幕适配。这只是个人开发中使用的方法也不一定是最好的方法，仅供交流和分享使用。 Xib 屏幕适配 关于xib屏幕适配要注意两点 1.字体大小适配 2.控件约束适配 xib字体适配 UILable 为例子 #import <UIKit/UIKit.h> NS_ASSUME_NONNULL_BEGIN bounds.size.width/kDesignWidth; return scaleSize; } @end Macro #ifndef Macro_h #define Macro_h // 基准屏幕宽度 (iphone 6) #define kDesignWidth 375.0 // 以屏幕宽度为固定比例关系，来计算对应的值。 利用IBInspectable关键字和分类 1.写一个NSLayoutConstraint的分类,添加adapterScreen的属性（Bool 值，yes代表需要对屏幕进行等比例适配） #import
1.5K20发布于 2021-04-16 - 来自专栏flutter开发精选
flutter 屏幕适配
屏幕适配之屏幕算法 既然是算法适配就必然少不了获取屏幕宽高，我们用的就是媒体查询（MediaQuery）， 下面是封装方法过后的，当然直接使用也是可以的： // 整屏宽度 double winWidth context) { return MediaQuery.of(context).size.height; } 案例1： 蓝湖设计图有一张轮播图，宽度是 335 高度是 120，左右间隔是10， 如何使用屏幕算法适配全机型屏幕宽和高 , color: Colors.amber.withOpacity(0.5), ), child: new Text('模拟图片'), ), 效果 图片 图片 这就是一个普通的屏幕算法适配例子 ，使用的是小学数学里的常用加减乘除，用了多少就用整个的减多少， 很常见也很简单很实用，在企业开发中用到这套就已经能完全适配所有屏幕了，主要是灵活应变。 不过能用组件来适配的还是建议使用组件。
1.6K10编辑于 2022-09-20 - 来自专栏loongwind
Flutter之屏幕适配
因移动设备的多样性，特别是 Android 的碎片化严重，存在各种各样的分辨率，而 Flutter 跨平台开发又需同时支持 Android 和 iOS ，为尽可能的还原设计图效果提升用户体验，屏幕适配就势在必行了 Flutter 暂时没有官方的屏幕适配方案，在 Flutter 项目开发中目前大部分的适配方案都是通过比例来进行适配，是一个通用的适配方法，该适配方法也在前端、Android、iOS、小程序等开发中广泛使用 但是如果有特殊需求也可以使用高度来进行适配，比如需求要求是 banner 占屏幕的 1/4 ，或者要求内容刚好一屏显示，这个时候设置控件的高度时就可以采用高度单位来进行适配。 flutter_screenutil flutter_screenutil 就是基于上述比例适配原理而实现的屏幕适配库。目前最新版本是 5.0.1，在 GitHub 上拥有 2.8k 的 star 。 可通过如下 api 获取宽高以及字体的适配数值： ScreenUtil().setWidth(540) //根据屏幕宽度适配尺寸 ScreenUtil().setHeight(200) //根据屏幕高度适配尺寸
2.7K20编辑于 2022-09-27 - 来自专栏Android开发指南
15.屏幕适配
屏幕适配 主流屏幕: 1280*720, 遵循原则: 不用AbsoluteLayout(绝对布局), 多用相对布局&线性布局(权重), 要用dp,不用px 开发后期, 在不同分辨率屏幕上测试(480 图片适配 不是很常用，分别在drawable各放一套图，但会导致软件体积很大 布局适配 不是很常用, layout-800x480 专门适配480*800的屏幕 尺寸适配 dp和px的关系: dp density); 320*240(0.75), 480*320(1),480*800(1.5),1280*720(2) values->dimens.xml values-1280x720 权重适配 android:weightSum="3" 代码适配 获取屏幕宽高,动态计算控件大小 在智慧北京引导页下面的圆点写死了，侧边栏也在大屏幕会拉出很长，现在修改： 1.创建工具类 public class slidingMenu.setBehindOffset(width * 200 / 320);// 设置预留屏幕的宽度，按比例 initFragment(); } 美工做的 来自为知笔记(Wiz
52910编辑于 2022-01-12 - 来自专栏Android开发指南
15.屏幕适配
屏幕适配 主流屏幕: 1280*720, 遵循原则: 不用AbsoluteLayout(绝对布局), 多用相对布局&线性布局(权重), 要用dp,不用px 开发后期, 在不同分辨率屏幕上测试(480 图片适配 不是很常用，分别在drawable各放一套图，但会导致软件体积很大 布局适配 不是很常用, layout-800x480 专门适配480*800的屏幕 尺寸适配 dp和px的关系: dp density); 320*240(0.75), 480*320(1),480*800(1.5),1280*720(2) values->dimens.xml values-1280x720 权重适配 android:weightSum="3" 代码适配 获取屏幕宽高,动态计算控件大小 在智慧北京引导页下面的圆点写死了，侧边栏也在大屏幕会拉出很长，现在修改： 1.创建工具类 public class slidingMenu.setBehindOffset(width * 200 / 320);// 设置预留屏幕的宽度，按比例 initFragment(); } 美工做的 ?
96780发布于 2018-05-14 - 来自专栏叽叽西
浅谈 Android 屏幕适配
支持每种密度的 位图可绘制对象的相对大小 适配方案 密度独立性 应用显示在密度不同的屏幕上时，如果它保持用户界面元素的物理尺寸（从 用户的视角），便可实现“密度独立性” 。 例如，标准 7 英寸平板电脑的最小宽度为 600 dp，因此如果您要在此类屏幕上的用户界面中使用双面板（但在较小的屏幕上只显示列表），您可以使用上文中所述的单面板和双面板这两种布局，但您应使用 sw600dp 图标的适配 在进行开发的时候，我们需要把合适大小的图片放在合适的文件夹里面。 图标的各个屏幕密度的对应尺寸 .9图自动拉伸 ImageView的ScaleType属性 设置 不同的 ScaleType 会得到不同的显示效果，一般情况下，设置为 centerCrop 能获得较好的适配效果 例如，如果要将用户界面设计成在手机上显示单面板，但在 7 英寸平板电脑、电视和其他较大的设备上显示多面板，那么我们就需要提供以下文件： res/values-large/layout.xml:
2.1K10编辑于 2022-05-17 - 来自专栏Flutter入门到实战
Android适配全面总结（一）----屏幕适配
在平板电脑和电视的屏幕（>7英寸）上：实施 双面板 模式以同时显示更多内容，它会加载res/layout-large里面的布局，在手机较小的屏幕上：使用 单面板 分别显示内容，加载的是res/layout 例如，标准 7 英寸平板电脑的最小宽度为 600 dp，因此如果您要在此类屏幕上的用户界面中使用双面板（但在较小的屏幕上只显示列表），您可以使用上文中所述的单面板和双面板这两种布局，但您应使用 sw600dp 适配手机的单面板（默认）布局：res/layout/main.xml 适配尺寸>7寸平板的双面板布局（Android 3.2前）：res/layout-large/main.xml 适配尺寸>7寸平板的双面板布局 每种屏幕尺寸和屏幕方向下的布局行为方式如下所示： 小屏幕，纵向：单面板，带徽标 小屏幕，横向：单面板，带徽标 7 英寸平板电脑，纵向：单面板，带操作栏 7 英寸平板电脑，横向：双面板，宽，带操作栏 10 Stormzhang：Android 屏幕适配 鸿洋：Android 屏幕适配方案 凯子： Android屏幕适配全攻略(最权威的官方适配指导)
4.6K50发布于 2018-09-03 - 来自专栏韩曙亮的移动开发专栏
【Android 屏幕适配】屏幕适配基础概念 ① ( Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI )
文章目录 一、Android 与 iOS 屏幕宽高比种类 二、屏幕像素密度 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 一、Android 与 iOS 屏幕宽高比种类 ---- Android 屏幕尺寸类型如下 , 安卓设备的屏幕尺寸复杂性远远高于 iOS 设备 , Android 设备有两万种屏幕类型 , iOS 只需要适配五种分辨率即可 ; iOS 屏幕尺寸如下 , 只需要适配有限的几种屏幕类型即可 ; 二、屏幕像素密度 ---- 屏幕像素密度 的单位是 DPI , 是 Dots Per Inch 的缩写 , 也就是每 英寸 的 像素点 个数 ; 屏幕尺寸 指的是 屏幕 斜对角的 英寸 长度 ; 假设屏幕尺寸为 6.5 寸 , 屏幕的宽高分辨率为 1080 \times 1920 , 计算该屏幕的 屏幕像素密度 ( DPI , Dots Per Inch 3253 ② 然后计算每英寸的像素个数 : DPI = \cfrac{对角线像素个数}{屏幕尺寸} = \cfrac{3253}{6.5} \approx 500
7.3K30编辑于 2023-03-30 - 来自专栏全栈程序员必看
Android开发 屏幕适配之像素密度适配
由于市场上采用Android系统的设备种类繁多，迫使Andriod开发人员不得不做烦人的适配工作。 适配工作包括对安装不同Android版本的设备进行适配，对不同屏幕的设备进行适配等。 而屏幕适配又包括： 屏幕尺寸（small,normal,large,xlarge , 这些在Android 3.2以上版本开始不建议使用，转而使用最小屏幕宽度如 sw600dp，最小宽度，最小高度等） 屏幕方向（port 竖屏，land 横屏） 屏幕像素密度（ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi） 本文主要介绍屏幕像素密度适配相关知识。 屏幕像素密度指单位长度屏幕显示的像素，即常说的dpi (dots per inch)，每英寸点数。密度越高显示画面就越清晰。 128 -> 96），hdpi会拉伸大小（64 -> 96） 最后一个ImageView引用的图片@drawable/hdpi_test_2 其大小是72×72，可以看出它的画质最为清晰，这也正体现根据屏幕像素密度适配的重要性
1.8K10编辑于 2022-09-06 - 来自专栏android技术
Android屏幕适配框架（二）
由于上一篇框架需要控件重新渲染一次，对于大型项目性能方面运行不够快，针对该问题进行优化 核心思想：自定义组件，在组件的onMeasure中就改变控件的长宽等属性 实现方法：自定义百分比组件，使用该组件自动适配该组件下所有子 float heightPercent = ((IGetPercent) layoutParams).getHeightPercent(); //适配不同屏幕 width_percent="0.5" /> </com.aruba.screenlibrary.layout.PercentLinearLayout> 结论：在测量方法onMeasure中就完成对控件的适配
85310发布于 2020-07-03 - 来自专栏Android开发
Android屏幕适配（使用ConstraintLayout）
前言：有一个还在上大学的小学弟问博主有没有啥屏幕适配简单的方法，把鸿洋大神的帖子发给他，他说看不懂，鉴于其学Android的时间很短，所以自己出一篇比较容易的简单方法的帖子（百分比适配）。 这张图就适配好位置了。 同理：适配第二张图 新建两线，将两线位置分别定在%89，%93.5。
35910编辑于 2025-06-12 - 来自专栏全栈程序员必看
Android屏幕适配之Autosize
一、简介 Autosize今日头条屏幕适配方案终极版，一个极低成本的 Android 屏幕适配方案。 实际使用配置如下图： 图片 3、使用 3.1、布局.xml 在布局中直接使用dp与sp去适配就好，没有什么好说的直接上例子 在实际代码中我这边使用的的一个感觉比较使用的方法AutoSizeConfig.getInstance()，主要用来配置横竖屏分辨率，具体使用如下： //屏幕适配监听器 public void onAdaptBefore(Object target, Activity activity) { //使用以下代码, 可以解决横竖屏切换时的屏幕适配问题 若有想了解更多的可以去看一下源码：https://github.com/JessYanCoding/AndroidAutoSize 官方文档：一种极低成本的Android屏幕适配方式 三、总结
1.7K10编辑于 2022-08-30 - 来自专栏Java架构师必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
今天说一说ios学习7_iPhone屏幕尺寸、分辨率及适配,希望能够帮助大家进步!!! 7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 （1）@2x @2x means the same “double”retina resolution 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 （1）按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比： iPhone4(s)：分辨率960*640，高宽比1.5 iPhone5(s)：分辨率1136 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。
1.6K50编辑于 2022-04-24 - 来自专栏浮躁的喧嚣
iOS-屏幕适配实现
常见布局方式 固定间距 ：不同尺寸下，间距总是固定的 流式布局 ： 文字、图片等在不同屏幕下流式排布，比如大屏下一行显示四张图片，小屏一行三张，图片尺寸固定 比例放大 ：间距、文字大小，图片大小等比例放大 保持比值 ：俩个UI元素或者图片的长宽等属性保持一定的比值 对齐 ：元素间按某个方向对齐 屏幕适配的方法 Autoresizing AutoLayou VFL Masonry SnapKit
37010编辑于 2023-11-22 - 来自专栏非典型技术宅
iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout
[toc] 1 屏幕适配简介 1.1 屏幕发展历史 手机型号 |屏幕大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S | 4 | 320568 6,6S , 7 | 4.7 | 375667 6Plus, 6S Plus, 7 Plus | 5.5 | 414736 iPAD | 9.7 | 7681024 (无需屏幕适配) 而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用 应用程序都是竖屏 游戏几乎都是横屏 官方应用大多支持横竖屏 使用 Autoresizing 进行屏幕适配 随着 iPad 的发布, 屏幕的物理尺寸发生了变化 并且苹果建议，在 iPad 上运行的程序如果没有特殊原因，应该支持横竖屏切换 因此：不能把控件的 frame 都写死了，需要进行屏幕适配 为了解决屏幕适配需求 当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕)，为了能更容易的适配不同 的屏幕，苹果推出了 Size Classes 技术 通过 Auto Layout 设置的约束
1.7K30发布于 2018-06-28 - 来自专栏全栈程序员必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 （1）@2x @2x means the same “double”retina resolution 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 （1）按宽度适配 我们先来看一下iPhone4~6(+)的屏幕高宽比： iPhone4(s)：分辨率960*640，高宽比1.5 iPhone5(s)：分辨率1136 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 《iPhone 6/6+适配心得》 《iOS8/Xcode6/iPhone6(+)适配》 《APP适配iOS8，iPhone6(+)截图简要说明》 《按比例快速兼容适配iPhone6
4.1K20编辑于 2022-08-27 - 来自专栏android技术
Android屏幕适配框架（一）
displayWidth; private static int displayHeight; // 后面要减去状态栏的高度 //状态栏高度 private int statusBarHeight; //屏幕信息 private DisplayMetrics displayMetrics; 首先使用WindowManager获取本机屏幕长宽，存放在displayMetrics.widthPixels 和 displayMetrics.heightPixels displayMetrics = new DisplayMetrics(); windowManager.getDefaultDisplay().getMetrics(displayMetrics); 而实际屏幕大小要减去状态栏高度 (int) UIUtils.getInstance().getHeight(bottomPadding)); } } 可以使用上面工具类中的方法对单个控件进行适配 再进行封装得出下面的类： /** * 逐层处理viewgroup */ public class ViewsParseUtil { /** * 对activity中的所有控件进行适配
1K30发布于 2020-07-03 - 来自专栏韩曙亮的移动开发专栏
【Android 屏幕适配】屏幕适配基础概念 ③ ( 屏幕像素密度 DPI 与素材大小关联 | 屏幕像素密度 DPI 与 屏幕密度限定符关联 )
文章目录 一、屏幕像素密度 DPI 与素材大小关联 二、屏幕像素密度 DPI 与 屏幕密度限定符 xhdpi 关联 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 一 、屏幕像素密度 DPI 与素材大小关联 ---- 屏幕像素密度 DPI 与素材大小关联 : 屏幕像素密度 ( DPI , Dots Per Inch ) 为 120 dpi 时 ( ldpi ) , 对应屏幕分辨率 240 x 320 ( QVGA ) , 对应素材放在 素材放在 res/mmap-ldpi 目录下 ; 屏幕像素密度 ( DPI , Dots Per Inch ) 为 160 dpi 时 ( mdpi ) , 对应屏幕分辨率 320 x 480 ( HVGA ) , 对应素材放在 素材放在 res/mmap-mdpi 目录下 ; 屏幕像素密度 ( DPI , Dots 目录下 ; 屏幕像素密度 ( DPI , Dots Per Inch ) 为 480 dpi 时 ( xxhdpi ) , 对应屏幕分辨率 1080 x 1920 ( HD , 1080P )
4.1K30编辑于 2023-03-30 - 来自专栏易帜的Android 学习之旅
Android 官方屏幕适配之ScreenMatch
关于屏幕适配的方案有两种，一种是使用ScreenMatch，一种是使用[AndroidAutoSize]。 如果项目只需要适配手机的话，适配的设备最小宽度保留 384,392,400,410,411,480,533,592,600,640,662,720,768,800,811,820,960,961,1024,1280,1365 即可， 其中match_dp则表示需要适配的最小宽度值（如果是小数，则保留4位小数。 **ignore_dp=**忽略不需要适配的最小宽度值，即忽略掉插件默认生成的 dimens.xml 文件， 例如忽略掉480,533的适配 即：ignore_dp=480,533 如何使用 例如我们需要
2K20编辑于 2022-02-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号