flutter中 dp的理解

flutter中 dp的理解
手机屏幕是由像素点组成的。
例：iPhone 6 Plus 采用标准的 1920×1080分辨率屏幕
就是高1920个像素点，宽1080个像素点排列成的长方形
dpi为单位英寸下有多少个像素点。即像素。所以相同大小屏幕下的dpi与分辨率成正比
dpi越大，像素比大，像素越多

ios长度单位是pt，安卓长度单位是dp。
flutter是跨平台的，所以为了适配多平台，用了属于自己的pd（和安卓dp设计思路一样，但不是一个东西）

flutter规定 1dp = 160dpi
所以已知分辨率和dpi。就能知道屏幕dp总数。=> dp = 手机分辨率w/160。
1dp = 160个像素点组成的长度（不同pdi手机dp物理长度不一样）

例：已知手机的分辨率为540×960，dpi为240，则：
1dp所占点数 = 240/160 = 1.5个点
屏幕宽dp数 = 540/1.5 = 360dp
所以，屏幕宽度有360个dp。此时将一张图片设宽度为72dp，则该图片占屏幕宽度为20%

px逻辑像素就是像素点的大小。所以比例是一样的。
同样设计图整体宽高，和元素宽高比就能推算出flutter中所占有屏幕比

flutter中 dp的理解相关推荐

Flutter中State深入分析理解
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. ** 你可能需要 CSDN 网易云课堂教程掘金 EDU学院教程知乎 Flutter系列文章本文将从源码的角度讲述 ...
element中有多个合计_深入理解 Flutter 中的 Widget， Element， RenderObject
这篇文章基于 Flutter stable v1.7 总结下 Flutter 当前的 UI 系统以及相关的概念, 在最后会通过自己组合一个 Gradient Button 按钮的方式来熟悉 Flutt ...
flutter中的生命周期
前言和其他的视图框架比如android的Activity一样,flutter中的视图Widget也存在生命周期,生命周期的回调函数提现在了State上面.理解flutter的生命周期,对我们写出一个 ...
在Flutter中嵌入Native组件的正确姿势
引言在漫长的从Native向Flutter过渡的混合工程时期,要想平滑地过渡,在Flutter中使用Native中较为完善的控件会是一个很好的选择.本文希望向大家介绍AndroidView的使用方式 ...
flutter bloc_如何在Flutter中使用Streams，BLoC和SQLite
flutter bloc Recently, I've been working with streams and BLoCs in Flutter to retrieve and display d ...
flutter中的异步机制Future
饿补一下Flutter中Http请求的异步操作. Dart是一个单线程语言,可以理解成物理线路中的串联,当其遇到有延迟的运算(比如IO操作.延时执行)时,线程中按顺序执行的运算就会阻塞,用户就会感觉到 ...
Flutter中如何选择StatelessWidget和StatefulWidget
目录 StatelessWidget和StatefulWidget的区别 StatelessWidget StatefulWidget 区别什么情况下应该用StatelessWidget?什么情况下 ...
java hasfocus_说说Flutter中的无名英雄 —— Focus
Focus系列的Widget及功能类在Flutter中可以说是无名英雄的存在,默默的付出但却不太为人所知.在日常开发使用中也不太会用到它,这是为什么呢?带着这个问题我们开始今天的内容. 1.Focus ...
Flutter实践：深入探索 flutter 中的状态管理方式(1)
利用 Flutter 内置的许多控件我们可以打造出一款不仅漂亮而且完美跨平台的 App 外壳,我利用其特性完成了类似知乎App的UI界面,然而一款完整的应用程序显然不止有外壳这么简单.填充在外壳里面的 ...

flutter中 dp的理解

flutter中 dp的理解相关推荐

最新文章

热门文章