获得设备像素比后，便可得知设备像素与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阅读
提升app的启动速度最常规的做法一般就是调整app启动时执行的代码，一般将可以后台进行的任务放到后台线程中执行，这样可以一定程度的提升app的启动速度（因项目决定）。那么对于启动速度的提升还有很多方法，下面我来介绍一个通过对iOS项目编译后的二进制数据进行重新排序，来提升app的启动速度的方法。一、分析app启动过程中，二进制数据排列顺序对启动速度的耗时所在。首先一个进程在访问设备内存是，需要经过
转载
2024-09-21 13:06:28
56阅读
在 Android 开发中，针对不同设备的屏幕密度，使用2倍图（即drawable-mdpi资源）来适配是一项常见的需求。在调试和维护现有项目时，经常会遇到有关“android 2倍图”的问题。本文将总结解决“android 2倍图”问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南以及生态扩展等内容。
### 版本对比
自Android 4.0（Ice Cream Sandw
# 如何实现Android中的3倍图
作为一名新手开发者，理解如何在Android中实现“3倍图”是非常重要的，因为这与应用程序的用户界面（UI）设计和图形处理密切相关。在这篇文章中，我将带你逐步了解如何实现这一功能。
## 流程步骤
为了让你更好地理解整个过程，下面是实现Android 3倍图的基本步骤：
| 步骤 | 描述
一些术语Screen Size 屏幕尺寸：实际的物理尺寸，以屏幕的对角线为准（包括通知栏？）将所有的实际尺寸分为四个广义的尺寸：small(小)，normal(正常)，large(大)，extra large(特大)Density 屏幕密度：屏幕的屋里面积内的像素数量，通常指dpi(每英寸点数)small的屏幕密度比normal或large在一个给定的物理面积内具有较少的像素将所有实际密度分为四个
作者：Tamic来源：开发者技术前线（ID：TamicThinking）做移动开发的都知道，在今年 2月份的世界移动通信大会上，Flutter 团队宣布推出 Flutter 1.2 版本 ，这个版本已支持Web开发，在过去一年中，Flutter 的发展势如破竹，超乎了开发团队的想象。Flutter 严格意义是一种 的UI框架，并且采用 GPU 加速 canvas ，基于Dom 实时更新的
在这个不断演进的Android开发环境中，Android2为设计与开发带来了新的挑战，其中“墨刀2倍图和1倍图”的问题尤为突出。为了帮助团队有效应对此类问题，我将详细记录解决过程以及所需的步骤和最佳实践。
### 版本对比
在深入细节之前，我们首先看看Android2与之前版本之间的关键差异。
```mermaid
quadrantChart
title 兼容性分析
x-axi
1.移动web浏览与调试 F12打开手机调试工具—>点击手机图标—>切换到移动调试模式—>选择移动设备型号或调剂移动设备宽度2.视口 viewport 浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 布局视口 layout viewport ios、andriod基本上都将这个视口分辨率设为980px\ 视觉视口 visual viewport 用户正在看到网
转载
2023-09-06 23:50:46
209阅读
贴出一些参考的文章： 1.iPhone屏幕尺寸、分辨率及适配一.切图常说的”@1X @2X @3X”苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。例如，iPad2 是768 x 1024，iPad Retina 是1536 x 2048，开发时都按 768 * 1024 操作。但实际上两者有一倍差异。为了达到最佳效果，使用的图片大小不一样。这时候就用同一
转载
2024-07-14 11:02:53
76阅读
# 如何在 Android 中实现倍图
倍图（Bitmap）是 Android 应用程序中常用的图像格式。在开发过程中，我们经常需要处理和显示图像。本文将详细介绍如何在 Android 中实现倍图的步骤，并提供必要的代码示例和注释，以帮助你理解每一步的具体操作。
## 流程概述
以下是实现 Android 倍图的步骤概览：
| 步骤 | 描述
为什么要切图？了解iphone界面和Android图标的尺寸在实际设计过程中，为了降低设计成本，一般选择分辨率最高的设备作为设计稿的原始尺寸，因为1倍图放大成为2倍图远比2倍图缩小成1倍图来的模糊！Android开源自由的代价就是设备规范的不可控，市面上充斥着各种品牌的android手机，有着各种各样的尺寸和分辨率，为了适配各种不同分辨率的设备，同一个图标需要切成N份，每一份对应一个尺寸。另外需要
转载
2024-04-28 18:41:44
161阅读
二倍图的概念二倍图就是设计人员在设计ui图的时候是参照手机的二倍来设计的二倍图的作用：防止图片失真####移动端调试的两种方法模拟调试：用电脑的浏览器模拟手机端真机调试
手机和电脑必须在同一个网络下将页面以live server的形式打开打开运行cmd输入ipconfig查找到无线局域网的wlan ipv4地址将ip地址复制之后将浏览器中的127.0.0.1替换掉将地址用二维码生成器生成二维
转载
2024-01-08 19:33:33
34阅读
目录一、移动端基础1. 浏览器现状2. PC端常见浏览器3. 移动端常见浏览器二、手机屏幕三、视口1. 布局视口 layout viewport2.视觉视口3. 理想视口 ideal viewport4. meta视口标签5.标准的viewport设置四、二倍图1.物理像素&物理像素比2. 多倍图3. 背景缩放 background-size五、移动端开发选择1 移动端主流方案2. 单独移
1. BBANDS - 布林线指标布林线(Bollinger Band)由三条轨道线组成(上轨、中轨和下轨)，其中上轨、下轨可以看成是价格的压力线和支撑线。在两线之间是价格平均线。一般情况，股价会运行在压力线和支撑线所形成的通道中。计算方法：首先计出过去 N 日收巿价的标准差 SD(Standard Deviation) ，通常再乘 2 得出 2 倍标准差， Up 线为 N日平
一些术语Screen Size 屏幕尺寸：实际的物理尺寸，以屏幕的对角线为准（包括通知栏？）将所有的实际尺寸分为四个广义的尺寸：small(小)，normal(正常)，large(大)，extra large(特大)Density 屏幕密度：屏幕的屋里面积内的像素数量，通常指dpi(每英寸点数)small的屏幕密度比normal或large在一个给定的物理面积内具有较少的像素将所有实际密度分为四个
墨刀是一个原型设计工具，可以快速构建移动应用原型与线框图，支持云端保存和实时手机预览。主要优点是操作比较简洁简单，简单拖拽和设置，即可将想法、创意变成产品原型，简单拖拽就可实现页面跳转，还可通过交互面板实现复杂交互，多种手势和转场效果，可以实现一个媲美真实产品体验的原型，内置丰富的行业素材库，也可创建自己的素材库、共享团队组件库，高频素材直接复用，享受免费版所有功能，可以创建不限数量的项目及页面，
转载
2023-11-13 15:04:52
107阅读
iOS4.0加入了scale factor，这表示point长度/pixel长度。
在分辨率为960*640的设备上，我们知道
逻辑
坐标系还是不变480*320，那么一个point有两个pixel长，所以scale=2.0。
在分辨率为480*320的设备商，point和pixel长度相同，scale=1.0。
为了程序自动适应分辨率，程序会自动给UIScreen.scale赋值，[U
转载
2023-12-13 02:01:25
79阅读
## Android 图片倍图实现指南
在 Android 开发中，处理图像是一个非常常见的任务。今天，我将教你如何实现“图片倍图”。这个过程主要可以分为几个步骤，下面我将为您详细介绍。
### 整体流程
| 步骤 | 描述 | 所需时间 |
| ------ | ------------------------------
原创
2024-10-03 07:19:14
45阅读
1 单位换算公式：代码像素=物理像素 / 2 / 100代码像素：开发时，直接写进代码的像素，单位为rem物理像素：指用PS直接测量设计稿时得到的尺寸，单位为px除以2：该公式以二倍图为例子计算，所以进行了除以2操作；如果是三倍图，则除以3.除以100： 根元素的设置的字体大小是100px,所以除以100；根元素字体大小会转换vw单位，具体的值根据UI给的设计稿决定。下文有如何根据设计稿决定数值的
转载
2024-09-28 22:45:01
43阅读
html移动端——基础知识1. 开发尺寸iphone6 7 8：1倍图尺寸，宽375像素，高667像素。开发：2倍图尺寸，750×1334。iphonex及以上：目前市场主流 1倍图尺寸，宽375像素，高812像素。开发：2倍图尺寸，750×1624。2. 物理像素和逻辑像素2.1 物理像素设计的尺寸：pc端设计显示的尺寸和开发的尺寸是一样的。2.2 逻辑像素开发的尺寸：，由于屏幕越来越大，分辨率
转载
2023-09-22 15:40:09
686阅读
