文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机平板电脑设备屏幕适配 )

文章目录 一、屏幕适配限定符 二、手机/平板电脑设备屏幕适配 平板电脑市场占有率 密度无关像素计算 手机设备限定符 平板设备限定符 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持...一、屏幕适配限定符 ---- Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向 等属性 , 加载不同的屏幕适配限定符目录下的资源...\rm 480 < dpi \leq 640 ; 屏幕方向限定符 : 一般是用于横竖屏切换时进行适配 ; land : 横线屏幕 ; port : 纵向屏幕 ; 屏幕宽高比限定符 : 标准屏幕宽高比为...16:9 ; long : 比标准屏幕要长的屏幕 , 如 20:9 , 21:9 ; notlong : 标准屏幕 ; 二、手机/平板电脑设备屏幕适配 ---- 平板电脑市场占有率 Android..., 其中的 xx 是横向的 密度无关像素 ( DIP , Desity Independent Pixels ) 值 , 单位是 dp / dip ; 在 【Android 屏幕适配】屏幕适配基础概念

8.3K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    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.8K10

    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(); } 美工做的 ?

    1.2K80

    浅谈 Android 屏幕适配

    支持每种密度的 位图可绘制对象的相对大小 适配方案 密度独立性 应用显示在密度不同的屏幕上时，如果它保持用户界面元素的物理尺寸（从 用户的视角），便可实现“密度独立性” 。...图标的适配 在进行开发的时候，我们需要把合适大小的图片放在合适的文件夹里面。...一般情况下，我们只需要提供3套切图资源就可以满足安卓工程师的适配，分别是 HDPI、XHDPI、 XXHDPI 3套切图资源。...推荐使用的办法就是只提供最大尺寸的切图，xxhdpi 的高清图, 然后可以交给安卓工程师自己去缩放适配其他分辨率。...图标的各个屏幕密度的对应尺寸 .9图自动拉伸 ImageView的ScaleType属性 设置 不同的 ScaleType 会得到不同的显示效果，一般情况下，设置为 centerCrop 能获得较好的适配效果

    2.7K10

    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

    66810

    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) //根据屏幕高度适配尺寸

    3.1K20

    Android适配全面总结（一）----屏幕适配

    这篇文章我们先讲解第一个问题 ---- 屏幕适配。 一、屏幕适配是啥（可能有人不懂，我在此简单解释一下）？...首先看一张图： 屏幕适配 具体实现方式 4.1 屏幕尺寸适配 4.1.1.布局适配 4.1.1.1....处理屏幕配置变化 4.2 屏幕密度适配 4.2.1.布局控件适配 使得布局组件在不同屏幕密度上显示相同的像素效果。...` 本文参考文章： Carson_Ho：Android 屏幕适配：最全面的解决方案 cocopeng：Android屏幕适配全攻略（最权威的官方适配指导） 郭霖： Android官方提供的支持不同屏幕大小的全部方法...Stormzhang：Android 屏幕适配 鸿洋：Android 屏幕适配方案 凯子： Android屏幕适配全攻略(最权威的官方适配指导) ​

    5.9K60

    【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.7K30

    iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

    [toc] 1 屏幕适配简介 1.1 屏幕发展历史 手机型号 |屏幕大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S...(无需屏幕适配) 而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用 应用程序都是竖屏 游戏几乎都是横屏 官方应用大多支持横竖屏 使用 Autoresizing 进行屏幕适配 随着...iPad 的发布, 屏幕的物理尺寸发生了变化 并且苹果建议，在 iPad 上运行的程序如果没有特殊原因，应该支持横竖屏切换 因此：不能把控件的 frame 都写死了，需要进行屏幕适配 为了解决屏幕适配需求...，苹果同时推出了第一个屏幕适配解决方案：Autoresizing Autoresizing 的核心思想就是：参照父容器来设置子控件的 frame 不再写死 frame, 而是参照父容器 举例：在竖屏下有一个按钮要占据整个屏幕宽度...当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕)，为了能更容易的适配不同 的屏幕，苹果推出了 Size Classes 技术 通过 Auto Layout 设置的约束

    2.1K30

    【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.7K30

    iOS-屏幕适配实现（AutoLayout）

    xib中的某个子控件A设置了宽度和高度、距离父控件上下左右之间的间距，就相当于给这个控件添加了6个约束，也就产生了6个约束对象 约束错误警告 红色箭头，代表约束错误，一般是缺少约束或约束冲突（例如375的屏幕宽度...默认为当前设置方向最近的一个VIew，且没有覆盖遮挡的视图 注意：上下左右的间距和控件的宽度、高度配合使用，尽量不要冲突； 例如：375的屏幕宽度，你不能距离左边200，距离右边200，还要控件宽度100...设备选择iPhone8,亮色风格，竖屏（布局：wC hR）复选框选择height，会发现竖屏是可以的，横屏中view不见了，因为iPhone8的横屏布局是（wC hC），所以添加约束不会生效，要想适配的话

    2.8K10

    WebView显示图片适配屏幕宽度

    首先必须吐槽一下后台返回的Url网页HTML代码太坑： 情景一、WebView加载url 图片直接就是标签出来的，还是一张巨大的图片，直接导致webview加载只有截取了屏幕大小的宽度，看不到整张图片，...测试要求适配屏幕宽度。...于是有了这篇博客记录一下,在Webview的setWebViewClient（）方法中WebViewClient中在加载完网页后执行一个JavaScript方法，这个JavaScript方法将所有网页中图片的宽度设置为屏幕显示宽度...} 情景二、WebView直接加载HTML代码 这里还记载一种以前遇到的情况，就是接口返回一段HTML方法，需要我们把这段HTML方法放在WebView中显示出来，也会有图片需要适配屏幕宽度的需求

    2.7K20

    Android 屏幕适配从未如此简单

    作者：blankj https://juejin.im/post/5b6250bee51d451918537021 前言 一个月前看了今日头条新的屏幕适配方案，对此不禁拍案叫绝，为此我想把这种方案融入到我工具类中直接一行代码即可适配...，相关 API 如下所示： adaptScreen4VerticalSlide : 适配垂直滑动的屏幕 adaptScreen4HorizontalSlide: 适配水平滑动的屏幕 cancelAdaptScreen...: 取消适配屏幕 效果 UtilApk 中的 ScreenAdaptActivity 以 360dp 来做适配，代码如下所示： public class ScreenAdaptActivity...Activity 中相关的值，如果想要取消该屏幕适配，只需将 Application 的 Resources#getDisplayMetrics 中的 density、densityDpi、scaledDensity...传入第二个参数就是设计图转换为 dp 尺寸的大小，比如要做水平固定，可垂直滑动的屏幕适配，设计图宽度为 1080px，你的资源是放在 drawable-xhdpi 中，那么它换算为 dp 就是 1080

    1.3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券