获得设备像素比后，便可得知设备像素与CSS像素之间的比例。也就是window.devicePixelRatio。 一倍图：当这个比率为1:1时，使用1个设备像素显示1个CSS像素。 二倍图：当这个比率为2:1时，使用4个设备像素显示1个CSS像素， 三倍图：当这个比率为3:1时，使用9（3*3）个设备像素显示1个CSS像素。设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone
转载
2023-08-16 11:37:12
120阅读
在 Android 开发中，针对不同设备的屏幕密度，使用2倍图（即drawable-mdpi资源）来适配是一项常见的需求。在调试和维护现有项目时，经常会遇到有关“android 2倍图”的问题。本文将总结解决“android 2倍图”问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南以及生态扩展等内容。
### 版本对比
自Android 4.0（Ice Cream Sandw
在这个不断演进的Android开发环境中，Android2为设计与开发带来了新的挑战，其中“墨刀2倍图和1倍图”的问题尤为突出。为了帮助团队有效应对此类问题，我将详细记录解决过程以及所需的步骤和最佳实践。
### 版本对比
在深入细节之前，我们首先看看Android2与之前版本之间的关键差异。
```mermaid
quadrantChart
title 兼容性分析
x-axi
作者：Tamic来源：开发者技术前线（ID：TamicThinking）做移动开发的都知道，在今年 2月份的世界移动通信大会上，Flutter 团队宣布推出 Flutter 1.2 版本 ，这个版本已支持Web开发，在过去一年中，Flutter 的发展势如破竹，超乎了开发团队的想象。Flutter 严格意义是一种 的UI框架，并且采用 GPU 加速 canvas ，基于Dom 实时更新的
提升app的启动速度最常规的做法一般就是调整app启动时执行的代码，一般将可以后台进行的任务放到后台线程中执行，这样可以一定程度的提升app的启动速度（因项目决定）。那么对于启动速度的提升还有很多方法，下面我来介绍一个通过对iOS项目编译后的二进制数据进行重新排序，来提升app的启动速度的方法。一、分析app启动过程中，二进制数据排列顺序对启动速度的耗时所在。首先一个进程在访问设备内存是，需要经过
转载
2024-09-21 13:06:28
56阅读
3.1 物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。是厂商在出场时就设置好的。比如苹果6、7、8是750*1334我们开发时的1px不是一定等于一个物理像素的PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同，举例如下：<body>
<div></div>
</body><style>
转载
2023-12-18 16:53:19
129阅读
1.移动web浏览与调试 F12打开手机调试工具—>点击手机图标—>切换到移动调试模式—>选择移动设备型号或调剂移动设备宽度2.视口 viewport 浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 布局视口 layout viewport ios、andriod基本上都将这个视口分辨率设为980px\ 视觉视口 visual viewport 用户正在看到网
转载
2023-09-06 23:50:46
209阅读
二倍图的概念二倍图就是设计人员在设计ui图的时候是参照手机的二倍来设计的二倍图的作用：防止图片失真####移动端调试的两种方法模拟调试：用电脑的浏览器模拟手机端真机调试
手机和电脑必须在同一个网络下将页面以live server的形式打开打开运行cmd输入ipconfig查找到无线局域网的wlan ipv4地址将ip地址复制之后将浏览器中的127.0.0.1替换掉将地址用二维码生成器生成二维
转载
2024-01-08 19:33:33
34阅读
墨刀是一个原型设计工具，可以快速构建移动应用原型与线框图，支持云端保存和实时手机预览。主要优点是操作比较简洁简单，简单拖拽和设置，即可将想法、创意变成产品原型，简单拖拽就可实现页面跳转，还可通过交互面板实现复杂交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型，内置丰富的行业素材库，也可创建自己的素材库、共享团队组件库，高频素材直接复用，享受免费版所有功能，可以创建不限数量的项目及页面，
转载
2023-11-13 15:04:52
107阅读
一直以来，web移动端都有这么几个问题困扰着我：单位太多，除了px、rem，其他单位到底啥意思？设计师经常会问前端，我到底按照什么尺寸出设计稿？高清图怎么做出来的？边框1px，为什么在不同手机中粗细完全不同？妈蛋，为何移动端总要在meta中width=device-width, initial-scale=1…写这么一句什么是viewport？我相信我的问题也困扰着你，且听我娓娓道来…
# Android 2倍图放在 xh 文件夹中的科普文章
在 Android 开发中，合理管理不同分辨率的图像资源是非常重要的。为了保证在各种设备上都能得到最佳的显示效果，Android 使用了一套名为“密度独立像素”（dp）的系统来处理不同屏幕的分辨率。本文将探讨如何将 2 倍图像（即 xhdpi 资源）放置到 `res/drawable-xhdpi` 文件夹中，并提供一些代码示例和示意图，以
原创
2024-10-16 05:55:56
67阅读
3 二倍图3.1 物理像素&物理像素比物理像素就是分辨率，物理像素点指的是屏幕显示的最小颗粒，而物理真实存在的。这是厂商在出厂时就设置好了，比如苹果6\7\8是 750*1334我们开发时候的1px不是一定等于1个物理像素的。PC端页面，1个px等于1个物理像素的，但是移动端不尽相同。一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比。pc端和早前的手机屏幕/普通手机屏幕：1C
转载
2024-01-29 10:50:03
194阅读
1. BBANDS - 布林线指标布林线(Bollinger Band)由三条轨道线组成(上轨、中轨和下轨)，其中上轨、下轨可以看成是价格的压力线和支撑线。在两线之间是价格平均线。一般情况，股价会运行在压力线和支撑线所形成的通道中。计算方法：首先计出过去 N 日收巿价的标准差 SD(Standard Deviation) ，通常再乘 2 得出 2 倍标准差， Up 线为 N日平
物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8 是 750* 1334物理像素比就是屏幕的分辨率，分辨率越高，显示越清楚，750* 1334就是横的有750的像素点，竖的有1334的像素点我们开发时候的1px 不是一定等于1个物理像素的例如 在 iPhone8里面 1px 开发像素
转载
2024-01-30 19:04:50
71阅读
5.移动端屏幕知识1、逻辑分辨率是由软件（驱动）决定的2、设备分辨率是生产屏幕时就固定的，它是不可被改变的3、注意制作网页参考逻辑分辨率4、布局视口目标使用meta标签设置视口宽度，制作适配不同设备宽度的网页手机屏幕尺寸都不同， 网页宽度为100%网页的宽度和逻辑分辨率尺寸相同。属性viewport：视口width=device-width：视口宽度 = 设备宽度initial-scale=1.0
转载
2024-01-31 12:25:41
117阅读
我发现很多人花了大价钱买了iphone,却只用了一半的功能。作为iphone科普专栏的作者。是时候给大家分享17个iphone超实用的小技巧了！1.音量增强还是感觉手机音量不够大？打开【设置--音乐--均衡器】中选择 深夜。2.科学计算器打开计算器--关闭屏幕方向锁定--把屏幕横向翻转。即可变成功能齐全的科学计算器。输错数字向左或向右划一下即可删除一个数字。 3.单手键盘长按左下角的地
转载
2023-11-23 10:22:42
79阅读
# 如何在 Android 中实现倍图
倍图（Bitmap）是 Android 应用程序中常用的图像格式。在开发过程中，我们经常需要处理和显示图像。本文将详细介绍如何在 Android 中实现倍图的步骤，并提供必要的代码示例和注释，以帮助你理解每一步的具体操作。
## 流程概述
以下是实现 Android 倍图的步骤概览：
| 步骤 | 描述
一些术语Screen Size 屏幕尺寸：实际的物理尺寸，以屏幕的对角线为准（包括通知栏？）将所有的实际尺寸分为四个广义的尺寸：small(小)，normal(正常)，large(大)，extra large(特大)Density 屏幕密度：屏幕的屋里面积内的像素数量，通常指dpi(每英寸点数)small的屏幕密度比normal或large在一个给定的物理面积内具有较少的像素将所有实际密度分为四个
一、视口1.常见屏幕知识设备解释描述宽屏幕的宽度 - （单位：英寸）屏幕的宽度高屏幕的高度 -（单位：英寸）屏幕的高度对角线屏幕的对角线的长度 英寸一般说手机尺寸 是指以屏幕对角线为衡量 单位是 英寸逻辑分辨率屏幕的宽度 * 屏幕的高度 （单位：px）描述屏幕的宽度和高度设备分辨率物理像素点屏幕里面一共拥有的物理像素点的个数PPI像素密度每英寸所拥有的物理像素点设备像素比设备分辨率和逻辑分辨率的比
转载
2023-11-08 13:11:27
0阅读
Sketch与PS的区别由于Sketch是矢量绘图工具，与PS位图处理软件不同的地方在于：Sketch图像生成采用矢量图，在调整形状的时候可以进行缩放而不会损失质量。Sketch中iPhone8默认画板是一倍图尺寸375*667，PS中iPhone8默认为二倍图尺寸750*1334。 PX与PT的关系px是像素，属于相对单位，而pt是点，是iOS开发过程中使用的单位，属于
转载
2023-07-14 23:09:29
883阅读
