许昌网站制作,吉恩聊城网站建设,网络开发定制,好的网站样式文章目录 1. 概念介绍2. 思路与方法2.1 整体思路2.2 使用方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了自定义Action菜单相关的内容#xff0c;本章回中将介绍如何获取屏幕相关参数.闲话休提#xff0c;让我们一起Talk Flutter吧。 1. 概念介绍
我们在本… 文章目录 1. 概念介绍2. 思路与方法2.1 整体思路2.2 使用方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了自定义Action菜单相关的内容本章回中将介绍如何获取屏幕相关参数.闲话休提让我们一起Talk Flutter吧。 1. 概念介绍
我们在本章回中介绍的屏幕参数主要指屏幕的尺寸、方向和亮度。这些参数在程序开发中会被用到当然了使用频率最高的要数屏幕的尺寸。本章回中将详细介绍获取这些 参数的方法同时分享一些相关的经验。
2. 思路与方法
2.1 整体思路
获取屏幕参数的思路就是读取屏幕的参数值这时需要使用MediaQueryData类的成员这些成员中包含了相关的屏幕参数值开发人员只需要获取到这些值就可以。常 用的成员如下所示
viewInsets它表示被系统功能界面遮挡的功能区域大小比如常见的键盘区域大小viewPadding它表示页面最上方的状态栏和底部安全区域的大小padding它和viewPadding功能相同只是在细节上有差别size它表示屏幕的大小也就是通常说的屏幕分辨率 我们在上面中提到了viewPadding和padding成员在细节上有差别主要的差别在于padding中bottom的值会在键盘弹出后变为0而viewPadding中botttom的 值不会变。
2.2 使用方法
有了思路后我们介绍具体的实现方法详细如下
通过MediaQuery的of方法获取MediaQueryData对象在MediaQueryData对象中获取相应的成员在成员中读取屏幕参数值
3. 示例代码 double statusBarHeight MediaQuery.of(context).padding.top;double screenWidth MediaQuery.of(context).size.width;double screenHeight MediaQuery.of(context).size.height;上面的示例代码中演示了如何获取屏幕的长度和宽度其它的屏幕参数大家可以自己动手去获取。我们在这里就不演示了我们重点说一下top对应值它表示屏幕最上方 状态栏的高度就是显示手机信号所在区域的高度很多人容易把页面上方AppBar的高度与它混淆。其实它的高度值大约是AppBar的一半比如我在自己的真机上测试 后发现top对应的值是36,而且AppBar的高度值是56。
4. 内容总结
最后我们对本章回的内容做一个全面的总结
屏幕参数主要存放在MediaQueryData类的成员中获取屏幕参数时直接读取MediaQueryData类的成员值就可以不同的屏幕参数对应的不同的成员有些成员在功能上相同但是细节上不同 看官们与如何获取屏幕相关参数相关的内容就介绍到这里欢迎大家在评论区交流与讨论!
