为什么 Jetpack Compose Material Theme 的形状与边缘圆度有关？答案

【问题标题】：Why JetpackCompose Material Theme shape is about the edge roundedness?为什么 Jetpack Compose Material Theme 的形状与边缘圆度有关？
【发布时间】：2021-03-25 09:14:03
【问题描述】：

在 Jetpack Compose 中，我们可以轻松地为颜色、排版和形状定义材质主题。让我感到困惑的是形状。

默认形状是

val Shapes = Shapes(
    small = RoundedCornerShape(4.dp),
    medium = RoundedCornerShape(4.dp),
    large = RoundedCornerShape(0.dp)
)

为什么形状的大小与圆角半径有关？（例如，越小，形状越圆？）。任何背后的理性

【问题讨论】：

形状由角和边角和曲线定义。角由形状族（例如 RoundedCorner）和形状大小（例如 4.dp）定义。所有形状都分为几类（小型组件、中型组件、大型组件），您可以为每个类别定义形状类型。
谢谢，@GabrieleMariotti。抱歉不清楚。我知道形状可以通过圆角来定义。我不确定它与小型、中型和大型有什么关系……为什么不是初级或次级？（如颜色）
检查这个link。每个组件都归入一个类别。例如，在Button definition 中，您可以找到默认值：shape: Shape = MaterialTheme.shapes.small
不错！现在可以通过指向这些组件的链接来充分说明这一点。谢谢！！

标签： android material-design android-jetpack-compose

【解决方案1】：

在 Material Design 中，所有组件都根据其大小分组为形状类别。
Shape categories include:

小组件
中型组件
大型组件

对于它们中的每一个，您可以定义定义角和边角和曲线的形状类型。角由形状系列（例如RoundedCorner）和形状大小（例如4.dp）定义。有一些内置的形状，如RoundedCornerShape、CutCornerShape、CircleShape。

每个组件都归入一个类别。检查此链接以获取more info。

例如在Button 定义中你可以找到默认值：

shape: Shape = MaterialTheme.shapes.small

【讨论】：