Bootstrap

qt布局中listwidget 保持固定宽度_谷歌驾驶设计—界面设计布局 原创

8fbb4969467c9558b4b5f2254238c9c5.png

本节提供了可在不同屏幕尺寸范围内缩放的屏幕布局的设计指南。

此处定义的padding和keyline值用于Components,Media规范、Notification Center规范和Dialer规范中。

指南概览(TL:DR):

  • 基于适当的屏幕尺寸类别的基本布局

  • 使用8dp网格进行对齐

  • 将边距宽度设置为应用程序工作空间的12%

  • 在页边距中放置滚动条和导航辅助工具

  • 对元素之间的固定间距使用填充

布局的关键概念

  • 应用程序工作空间:计算汽车厂商占用的屏幕空间和系统UI功能后,可用于应用的屏幕区域

  • 屏幕尺寸类别:4个屏幕宽度范围(标准、宽、超宽、超宽),3个屏幕高度范围(短、标准、高),其中“屏幕”指的是app工作空间,而不是从边框到边框的整个空间

  • 填充:一组间距值,用于指定布局中元素和组件之间的固定垂直和水平间距

  • 关键字:一组宽度可变的间距值——由宽度类别决定——指示布局中页边距或组件边与元素之间的水平间距

  • 弹性区域:组件的一部分,有时指定最小值或最大值,可缩放以

;