android 类的设计,针对不同设备类型的设计

应用界面的设计并不与特定的设备类型相关联。Android 应用需要适应多种不同类型的设备,从 4 英寸手机到 50 英寸电视再到配备大小可调窗口的 Chrome 操作系统设备。

注意:针对电视设计应用时,还需要注意其他方面,包括互动方式(例如在没有触摸屏的情况下操作)、阅读距离较远的文字的易读性等等。如需详细了解如何针对电视设计应用,请参阅 Android TV 文档。

应用界面是在窗口内绘制的,窗口的大小可以随意更改。您可以使用资源限定符为不同的窗口大小提供不同的布局。这些差异可能是由于设备屏幕大小的限制造成的,也可能是用户使用多窗口模式来调整窗口大小造成的。

设计自适应内容

您应该为所有用户提供丰富的体验,因此应用中的每个屏幕都应充分利用可用的窗口空间。

例如,如果应用在占据手机屏幕整个宽度的窗口中运行,则在进入多窗口模式时可能会隐藏某些内容的细节,则该应用可以扩展其界面,以便在占据 Chrome 操作系统设备屏幕整个宽度的窗口中运行时提供更多内容。

除了满足这些用户期望之外,您通常还需要在大型设备上提供更多内容,避免留下过多空白或无意中引入尴尬的互动。在下图中,您可以看到在针对较大窗口调整界面设计时可能出现的一些问题:

5a80ef184ec56c1fef23ceb2bd00df6a.png

图 1. 宽度较大的窗口上的内容不足,导致空白过多,内容行过长。

注意:在确定要提供不同资源的窗口尺寸后,请参阅提供备用资源,详细了解如何实现您的设计。

提供量身定制的用户体验

除了扩展内容视图以填充可用空间之外,您还必须提供独特的体验。您可以定制界面,以针对指定的窗口尺寸提供理想的用户体验,甚至是使用完全不同的布局和微件。

在图 2 中,当有足够的垂直空间时,BottomNavigationView 用作顶级导航。当窗口尺寸缩小(如图右侧所示)时,则改为使用 DrawerLayout 实现顶级导航。

03932f21d3a73d765aa740f183d61b06.png

图 2. 当垂直空间有限时,底部导航栏会替换为抽屉式导航栏。

下面是其他一些示例:

Toolbar 可根据可用空间量显示或隐藏操作菜单项。

由于空间足够,您可以增加为自定义视图显示的详细信息量。

这些全都是好方法,可确保您的用户在运行应用时获得良好体验。

您可以在 material.io 上找到有关自适应布局的自适应设计模式和创意的更多示例。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值