一、前言

当下,2K分辨率已成为主流标配,3K、4K也已经广泛应用。

在屏幕尺寸不变的情况下,高分辨率也就意味着高DPI,对于桌面程序而言,除了先天就支持高DPI的框架外(如UWP、Electron等),大部分桌面程序如果不进行高DPI的适配,往往会出现界面模糊、控件错位、文本显示不全等问题。

目前网上关于高DPI适配的文章很少,大多只是某个问题点的解决、某个DPI相关概念的讲解,繁繁杂杂不成系统,也无迹可循。

本人曾对自己的软件进行过高DPI的适配,在适配的过程中,遇到了很多问题,这些问题中有很多都没有现成的答案,都是靠自己摸索和尝试去解决的。

本着分享的精神,便有了本系列文章,着重分享一下自己在高DPI适配中的一些知识与经验,同时也分享下自己是如何一步步发现、推理、归纳、总结出这些经验的,希望这种一步步的过程,会对你有一些启发。

当然,既然是“经验”,肯定不会百分百的正确,也不会百分百的通用,但“经验”的目的,就是让人有迹可循,作为后来者的肩膀,使之可以前进得更远。

相信看完的你,一定会有所收货!

本文地址:https://www.cnblogs.com/lesliexin/p/14620222.html


二、缩放百分比与DPI之前的对应关系

(一),信息的搜集

1,缩放比例

在Win7中,用户可自行设定的缩放百分比是:100%、125%、150%。

缩放比例的设置方法:

到了Win10,用户可以自己设定的缩放百分比是100%~500%之间的任意比例。

缩放比例的设置方法:

2,DPI

在不进行缩放时,即缩放比例为100%时,系统的DPI是96。

在缩放比例为125%时,DPI为120。

在缩放比例为150%时,DPI为144。

3,初步分析及问题发现

通过缩放比例与DPI的关系,我们可以发现,两者的增加并不是1比1的关系,即:当缩放比例增加1时,DPI也增加1。

如果为1比1关系,那缩放比例为125%时,DPI应该是(125-100)+96=121;而现实DPI却是120。同理,缩放比例为150%时,现实DPI是144,而不是(150-100)+96=146;

4,扩大样本量

因为Win7中只能设置3种比例,因为样本量太少,而无法正确归纳总结出规律。

但Win10足足可以设置100~500共401个缩放比例,样本量足够多,足以归纳总结出对应规律。

通过在Win10中进行大量的设置,发现了以下现象。

4.1,特殊的缩放比例

缩放比例每一个100间隔之间,就有8个特殊的缩放比例,这8个比例2个一组,对应同一个DPI的值。如下图所示。

100%~200%

200%~300%

300%~400%

400%~500%

4.2,特殊缩放比例自动变化

这些特殊的缩放比例中,只能输入图中加粗的缩放比例,即使输入前面的值,当你点击应用时,也会自动变成后面的值。

以特殊缩放比例是212为例,输入212,点击“应用”按钮,会自动变成213,也就是上图中加粗的字体。

4.3,除特殊缩放比例外的与DPI的对应关系。

通过样本发现,在这些特殊缩殊缩放比例之间,缩放比例与DPI的增加关系是1比1的。

如:缩放比例为225时,DPI为226,其缩放比例与上一个特殊缩放比例213的差值是12,其DPI的与上一个特殊缩放比例213对应的DPI值204之前的差值也是12。同理,与下一个特殊缩放比例237(DPI:228)之间的差值也都是12。

在计算时通过引入对这些特殊缩放比例的处理,我们就可以正确计算出缩放比例所对应的DPI值。

5,归纳

虽然已经可以通过引入特殊缩放比例来计算出正确的DPI值,但这并不是终点,还需要归纳出缩放比例与DPI之间的数学关系。

只有通过数学关系,才能不仅仅可以通过缩放比例来计算DPI,也可以通过DPI来计算出缩放比例。

通过简单的归纳,我归纳出了两者之间的数学关系。如下:

5.1,缩放比例->DPI

5.2,DPI->缩放比例


三,总结

通过上面一步步发现缩放比例与DPI关系的流程,发现并没有多少技术含量,更多的是耐心,也就是一些笨功夫。

在统计出那些特殊的缩放比例时,我并没有将100~500之间共401个缩放比例一个个都进行设置,而是通过7、8个样本推理出了一个结论,然后根据这个结论反推出几组值,最后再通过手动设置来验证这几组值,最终得到了正确的结论。

通过上面总结出来的缩放比例与DPI的关系,我写了个小工具,可以方便的在缩放比例与DPI之间换算。

缩放比例与DPI转换工具下载:https://files.cnblogs.com/files/lesliexin/ScaleFactor2Dpi.zip

-【END】-

(原创)高DPI适配经验系列:(一)缩放比例与DPI对应关系的更多相关文章

  1. (原创)高DPI适配经验系列:(四)高DPI适配示例

    一.前言 光说不练假把式. 原理说再多,也不如一个例子直观明了.所以本篇文章就来通过一个例子演示一下高DPI适配的流程. 相信看完的你,一定会有所收获! 本文地址:https://www.cnblog ...

  2. (原创)高DPI适配经验系列:(二)按DPI范围适配

    一.前言 一个软件,往往会用到位图资源,比如图标.图片.水晶按钮等. 在使用了位图资源后,就不能对任意DPI都进行适配,因为这样适配的代价太大了. 像Win10的缩放比例可以由100%-500%,如果 ...

  3. (原创)高DPI适配经验系列:(三)字体与字号、缩放锚点

    一.前言 程序最基本的元素,就是文本,也就是字体.如果程序未进行高DPI的适配,最直观的感受便是字体的模糊.所以本篇便来说一下高DPI适配中的字体问题. 高DPI的适配,简单来说便是便是根据不同的DP ...

  4. Android-屏幕适配经验总结

    本文记录一些适配问题的研究,基础概念不做过多介绍. Android在做屏幕适配的时候一般考虑两个因素:分辨率和dpi.分辨率是屏幕在横向.纵向上的像素点数总和,一般用"宽x高"的形 ...

  5. 有关windows dpi适配(c#)

    /// <summary>当前Dpi</summary> public static Int32 Dpi { get; set; } /// <summary>修正 ...

  6. 【原创】Java并发编程系列1:大纲

    [原创]Java并发编程系列1:大纲 一个人能力当中所蕴藏的潜能,远超过自己想象以外. 为什么要学习并发编程 随着现今互联网行业的迅猛发展,其业务复杂度.并发量也在不断增加,对程序的要求变得越来越高, ...

  7. 我的CSDN原创高质量免积分下载资源列表(持续更新)

    最近几个月,我在CSDN平台,发表了大量原创高质量的项目,并给出了相应的源码.文档等相关资源. 为了方便CSDN用户或潜在需求者,下载到自己想要的资源,特分类整理出来,欢迎大家下载. 我的原则:原创高 ...

  8. AB实验的高端玩法系列3 - AB组不随机?观测试验?Propensity Score

    背景 都说随机是AB实验的核心,为什么随机这么重要呢?有人说因为随机所以AB组整体不存在差异,这样才能准确估计实验效果(ATE) \[ ATE = E(Y_t(1) - Y_c(0)) \] 那究竟随 ...

  9. java高并发核心要点|系列文章

    java高并发核心要点|系列1|开篇 java高并发核心要点|系列2|锁的底层实现原理 java高并发核心要点|系列3|锁的底层实现原理|ABA问题 java高并发核心要点|系列4|CPU内存指令重排 ...

随机推荐

  1. GPU 加速 & WebGL

    GPU 加速 & WebGL 开启 GPU 加速, 硬件加速 垃圾面试官,瞎忽悠 holy shit 美国想象力英语,前端 leader WebGL 加速 ??? 是什么鬼 ??? three ...

  2. Python & file operation mode

    Python & file operation mode create/read/write/append mode https://docs.python.org/3/library/fun ...

  3. Web 前端必备的各种跨域方式汇总

    Web 前端必备的各种跨域方式汇总 跨域方式汇总 同源策略 协议相同 + 域名相同 + 端口相同 https://www.xgqfrms.xyz/index.html https://www.xgqf ...

  4. Techme INC:红光和近红外光疗法有效加速肌肉恢复,美国橄榄球队已采用

    Techme INC创始人兼董事长MADELEINE VAUGHAN表示:在运动结束后,肌肉纤维因为细微损伤造成酸痛情形,即是延迟性肌肉酸痛-DOMS.这类酸痛发生时,需要适度的恢复,避免造成肌肉拉伤 ...

  5. NGK生态商城即将上线官网,推动生态落地应用

    NGK生态商城即将上线官网,以推动生态落地应用.此举意味着NGK生态将跻身区块链顶尖之列,同时,NGK代币.NGK Dapp游戏 "呼叫河马" 以及NGK DeFi项目Baccar ...

  6. 快速读懂 HTTP/3 协议

    在 深入浅出:HTTP/2 一文中详细介绍了 HTTP/2 新的特性,比如头部压缩.二进制分帧.虚拟的"流"与多路复用,性能方面比 HTTP/1 有了很大的提升.与所有性能优化过程 ...

  7. Hive底层原理:explain执行计划详解

    不懂hive中的explain,说明hive还没入门,学会explain,能够给我们工作中使用hive带来极大的便利! 理论 本节将介绍 explain 的用法及参数介绍 HIVE提供了EXPLAIN ...

  8. node初体验(二)

    1.静态资源访问,需要设置路由和响应标头 2.url模块.path模块.querystring模块 Url { protocol: null, slashes: null, auth: null, h ...

  9. listen EADDRINUSE: address already in use ::: 端口被占用

    netstat -ano|findstr "端口号" // 查询被占用端口号的pid(3000,端口号则是被占用的端口号) taskkill /pid 8888 /F // 结束端 ...

  10. MVVM中的vm双向监听和mvc的缺点

    `MVVM`模型: - 即Model,模型,包括数据和一些基本操作 - 即View,视图,页面渲染结果- 即View-Model,模型与视图间的双向操作(无需开发人员干涉) `MVVM`中的`VM`要 ...