Flutter实践--屏幕适配

1、Flutter中控件的高宽和字体大小时，使用的是逻辑像素，并非是实际的物理像素。

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站建设、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的紫云网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

2、flutter中会首先根据系统的devicePixelRatio（每一个逻辑像素包含多少个原始像素，可以通过MediaQueryData.devicePixelRatio来得到）来找对应倍数的文件夹下的图片，如果没有对应倍数，找最接近的。

3、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

4、Flutter 中所有的 list 默认都是没有 ScrollBar 的，必须使用 ScrollBar 组件。ScrollBar 组件通过监听 ScrollView 的 ScrollNotification 来刷新位置，所以 List 的长度必须是固定的。

iOS屏幕适配的两种方法

前文提到适配策略是先选择iPhone 6作为基准设计尺寸，然后通过一套适配规则自动适配到另外两种尺寸。

在开始之前，我们先看一下其他 app 怎么适配之前的 iOS 设备的，我们可以知道头部区域采用了等比例的方法来适配，因为只有这样才能保证640×1136上面能够放得下相应的内容。其他的只需要放置相应的切图即可。

用户可以在游戏设置中将画面比例设置为15：9，这样就能够适配苹果13的屏幕比例，解决显示不全的问题。使用外接显示器。

另外AutoLayout有个好处是容易支持多语言，不同语言下，同一个意思文字的长度是不同的，使用AutoLayout也可以自动适配。在iOS 6的时候，AutoLayout还比较少人使用，当时屏幕尺寸还比较少。iOS 7的时候，就开始很多人使用了。

iOS开发:iPhone尺寸和适配

1、第三步，开发工程师拿到750px标注图和@3x切图资源，完成iPhone 6（375pt）的界面开发。此阶段不能用固定宽度的方式开发界面，得用自动布局（auto layout），方便后续适配到其它尺寸。

2、现在iOS app 的尺寸也变多了，要适配到各种尺寸需要选择一个折中的尺寸来向上向下适配，以前一般用的是iphone5的尺寸，iPhone6 plus出现后，iPhone6尺寸成了大多数设计师的选择。

3、以下是与iPhone 8 (375×667pt) 相比。Status Bar 高度由 20pt 增长为44pt。

4、都需要分别对应不同尺寸。 其他的也就是 小屏的如 iPhone 4 5 SE 等。APP Icon 如果只是针对 iOS 移动端来说， 对 iphone 做配置的话， 按照下面指的这五种分别切图即可.iPad Pro. iPad， iPad Mini 尺寸需另切。

iOS-屏幕适配实现(AutoLayout)

AutoLayout旨在替代Autoresizing，所以在同一个项目中，AutoLayout和Autoresizing是不能共存的，二者只能选其一，如果你选择了AutoLayout，那么Autoresizing自动被屏蔽掉；如果你选择了Autoresizing，那么AutoLayout自动被屏蔽掉。

步骤：设置tablelayout的高度为android：layout_height=match_parent设置tablerow的高度为 android：layout_height=wrap_parent android：layout_weight=1 这句是关键，剩余高度所有tablerow均分。

屏幕适配问题共有四种解决方案：(1)根据屏幕宽高写控件frame(下策)；(2)Autoresizing的使用(中策)；(3)AutoLayout的使用(上策)；(4)sizeClasses+AutoLayout的使用(上上策)。下面将会分别来进行叙述。

当前文章：ios开发获取屏幕尺寸 js获取屏幕宽度
标题网址：http://azwzsj.com/article/diegscd.html