Android 一张图教你理清px和dp的恩恩怨怨

2024-01-04 06:08

本文主要是介绍Android 一张图教你理清px和dp的恩恩怨怨,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

有多少Android的开发人员对dp 和 px之间的关系模模糊糊,想搞清楚却总是弄不明白,每次是不是都是似懂非懂,看了一大推博客最后还是有点疑惑,没关系,来看这里,不需要太多的文章,只需要一张图就够了,绝对够了,话不多说,上图。

 

看到这张图是不是非常熟悉,就是我们androidStudio的layout的xml 预览图选择设备的下拉图。好了,今天就从这里说起,

我们先分解一下这张图,可以翻译成如下表格:

设备尺寸(对角线长度)设备屏幕分辨率(宽高的像素点)Android系统规定的drawable类型市面对应的设备
4.7768 x 1280

xhdpi

 

Nexu 4
5.01080 x 1920xhdpiNexu 5
...................

 好,重点来了。假如我们拿到了一个手机,可以知道前两列信息,设备尺寸和分辨率,这样我们可以推导出其所属的dpi 值。根据公式:

(屏幕宽的像素平方 + 屏幕高的像素平方 ),然后开根号,除去设备的尺寸 = dpi , 有了这个值,我们再来看个表:

 

    - xxhdpi -> dpi=480 ->density=3 
     - xhdpi -> dpi=320 -> density=2 
     - hdpi -> dpi=240 -> density=1.5 
     - mdpi -> dpi=160 -> density=1

密度像素密度范围推荐图标尺寸代表机型分辨率比例
mdpi120dpi~160dpi48x48px320 x 4801 (基准值)
hdpi160dpi~240dpi72x72px480 x 8001.5
xhdpi240dpi~320dpi96x96px720 x 12802
xxhdpi320dpi~480dpi144x144px1080 x 19203
xxxhdpi480dpi~640dpi192x192px1440 x 25604



作者:HannyYeung
链接:https://www.jianshu.com/p/2d76a66f3e98
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


作者:HannyYeung
链接:https://www.jianshu.com/p/2d76a66f3e98
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

这个东西你肯定再熟不过了,然而你真的懂了吗?要这样看,把120, 160, 240,320,480 作为一个坐标轴上点,那么就会形成几个区间出来,(0,120)、(120,160),(160,240),(240,320),(320,480),然后看你之前计算的dpi 值落在哪个区间,比如计算的值为300,落在(240,320)中间,那你就看到 density = 1.5 ,就表示你的 px / dp = 1.5, 也表示这个设备会用到hdpi文件后缀中的图片资源,同时,你也可以此公式把视觉稿中的px换算成对应的dp值(比如标注button 高30px,则 30/dp = 1.5,得到dp=20)。这样你是不是一切都明白了?

 

那看到这里,假如再开发中,视觉给了你相应标注图,如何把相应的px换算成 dp 呢? 可以参考UI设计师给的px尺寸单位,安卓如何换算成dp?

最后,提一点,如果对于电视开发,我们看到这里没有给给出设备尺寸(这里的720p,1080p指的是清晰度,和尺寸没有关系),但是他给出了相应的drawable文件的dpi,然后通过 xhdpi -> dpi=320 -> density=2(他们之间是等价的,可以互推的) ,同样的可以得到相应的density值,这样也可以进行px、dp间换算。

想不到一张图竟有这么多知识点,简单明了。其实细心留意一些东西,你就会发现一切,别人都为你准备好了,等待你的发现而已。如果你懂了,点个赞把。 

 

 


 

 

这篇关于Android 一张图教你理清px和dp的恩恩怨怨的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/568374

相关文章

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后