展开您的UI
#kotlin #android #foldable

虽然可折叠设备已经在Android上已经有一段时间了,但我们看不到太多的应用程序 使用它们。如果您一直关注我的出版物,您会知道我是该设备类别的忠实拥护者。因此,我正在执行促进其采用的使命。

这是一系列文章中的第一部分,称为理解可折叠设备。该系列扩展了我以前的工作。尽管如此,这不是复制的内容。相反,它考虑了我写早期作品后发生的所有事情。今天我们将保持理论。我将分析一些误解,并向您介绍一般布局注意事项。即将到来的零件将将其转换为正在运行的代码。

那么,无论如何是可折叠的呢?

可折叠设备允许您折叠并展开屏幕。通常,展开会使屏幕房地产更大。因此,折叠设备类似于智能手机,而在其开放位置上看起来像平板电脑。这是第一个收获:

折叠板不一定是可以缩小到智能手机外形质量

的平板电脑

更准确地说,要使用一些必须要使用(展开),即使到那时,屏幕也只有智能手机的大小。这立即导致第二个收获:

使屏幕房地产更大不一定与一个屏幕

有关

通常,折叠板具有一个在智能手机模式下使用的屏幕,然后将其折叠起来,因此不使用。展开这个停用的小屏幕。

但是,将小屏幕放在一边,那不是平板电脑吗?这取决于我们说展开设备时的含义。

看看。

Microsoft Surface Pro 8

Microsoft Surface Duo

第一张图片显示了经典平板电脑Microsoft Surface Pro 8。第二个显示了Microsoft Surface Duo,可折叠。两者看起来都非常相似,它支持打开的可折叠的概念本质上是平板电脑。

但是,我们真的想拿着这样的可折叠吗?以下图片显示的姿势不是更自然吗?这就是我们通常会读一本书的方式。

Microsoft Surface Duo with a posture similar to an open book

我知道你在想什么... 啊,他再次转向那个利基产品

no。

重点是,我们可以轻松地使我们的应用在双屏幕设备上正常运行,因此应该这样做。但是,如果我们使应用程序真正地在折叠板上发光,那就从开箱即用。

让我详细说明。

关于褶皱,铰链和间隙

双屏幕设备确实有一些问题,最好用另一张图片显示。

A website on the Surface Duo

无论机械铰链的设计如何,连接两个物理屏幕都将始终留下明显的间隙。该差距抵消了 One 表面的感知。

但这真的是一个问题吗?

An open book

书籍精美地制作了……铰链...

开玩笑,书籍的约束方式使该区域朝中间很难访问。几个世纪以来,我们一直在处理这一数字的自然方式很简单 - 我们只是空白了那个区域。

Kindle on the Surface Duo

您可以看到,网页上如此突出的差距实际上消失了。两个页面的想法也适用于更传统的应用程序。

The app TKWeek running on a dual screen device

我们可以将书的两页视为两列。因此,在两列布局中安排应用程序的主要内容会使您的应用程序在可折叠设备上都有宾至如归的感觉,无论它是由一个或两个屏幕制成的。

等待一分钟

在网页的那张图片上,在表面二人组中看起来并不特别好,我们看到了两列,对吗? ðÖ

仅使用两列是不够的。两列必须与铰链连接的两个区域匹配。顺便说一句,这就是为什么折叠板不是平板电脑的原因。

让我解释。

通常,(非移动)网页的两个列的比率为33:66。这是该设计决定的一些原因。

  1. 传统上,页面的左侧部分包含某种菜单或垂直导航,而右侧的较大部分显示了主要内容。今天仍然广泛使用。

  2. 经常,网页在左右显示与右侧的当前选择的项目有关的列表(联系人,电子邮件,�)。

这种交互设计模式也经常在平板电脑应用中使用。它看起来很自然,因为由于其内容,名称,会议标题和地址,左侧的列表式内容可以宽宽。另一方面,细节可能会受益于拥有更多空间。

AS 33:66通常不匹配可折叠的两个区域的宽度,折叠或铰链在右侧的中出现。然而,通过利用硬件给出的比率(两个屏幕的尺寸),我们确保不会因铰链或折叠而阻塞主要内容的部分。

包裹东西

再次,您可能会认为双屏幕设备是如此罕见,以至于不值得打扰。我不敢苟同。再次,请看一下。

Android emulator simulating a foldable

上图显示了一个模拟可折叠的可折叠式可折叠,但没有阻塞屏幕部分的大铰链。因此,使用这样的设备33:66的比例应该很有趣,对吗?

如果我们同意像书一样握住设备是一个令人愉快的姿势,那么总是是屏幕上不太容易与之互动的区域 - 点击图片中显示的一件项目肯定会起作用,但是由于折叠,这可能不那么容易。

另外一个想法。

屏幕房地产越大,我们想用两只手握住设备的可能性就越大。然后,屏幕的中心可能很难用任何一只手的手指到达。

得出结论,对于可折叠设备,我建议对应用程序的主要内容使用两列布局,其中列的宽度由左右两个区域的宽度确定,折叠或铰链。<<<<<<<<<<<<<<<<<<< /p>

是全部吗?

否。我们可以旋转设备,这意味着折叠或铰链可能不再垂直运行。我们将在下一篇文章中解决这个问题。因此,请继续关注。