（不专业警告）
首先现在 Jetpack Compose 有三种 Canonical Layouts，分别是列表详情、信息流、支持窗格。

这套东西好处在于整体的布局不需要开发者考虑了，页面不同形态的切换是自动进行的，当然对于具体的控件在不同布局下如何展示还是需要开发者自行解决的。

然后就需要回退到老办法：小中大三套布局，然后根据当前的屏幕比例/尺寸来使用对应的布局，当然我这里中和大的布局基本一致。

那么如何判断现在是什么状态呢，就要看 WindowSize 类了。

好消息是官方在这里也给了抽象过的接口：只需要判断是 compat / medium / large 而不需要自己去专门计算了。

不过有趣的是官方的判断方式是分别根据横向宽度和纵向高度来的，并且给了一个什么宽度对应什么状态的表格。

同时官方还给了个说明：

Note: Most apps can build a responsive UI by considering only the width window size class.

我自然就根据这个直接用宽度来判断了。

Google 的问题在哪呢？主要是下面的两点：

1. 缺少宽屏幕下的 AppBar 组件。第一张图的 Navigation Rail 可以认为是 Navigation Bar 的大屏版本。我其实是想要一个这样子的 AppBar 的。于是用 Navigation Rail 魔改了一个。

2. SideSheets 还没有 Jetpack Compose 版本。我把设置相关的东西丢进了 BottomSheet，想把大屏版本做成侧边的 SideSheet（图二的样子）。但遗憾的是 SideSheet 的状态是图三：Jetpack Compose 的组件大概才还没建新文件夹（

最后也就是一点简单认识，今天愚人节错了就错了（
比如今天唐突想起来是不是可以给 Wallpaper tunnel 做折叠屏外屏和内屏分别壁纸的适配，然后发现好像官方没 api 拉倒，有缘再整（