Components 概览

原创

于 2024-03-01 15:28:56 发布 · 832 阅读

CC 4.0 BY-SA版权

文章标签：

这篇博客概览了Android Compose中的组件声明，强调其声明UI更像拼图的过程。Compose提供了Material Design的实现，并列举了Compose组件类别，包括未具体列出的子类。文章将依据组件表格和结构图进行深入讲解并展示示例。

Compose 中的组件被声明为 @Composable ，中文意思是可组成的/可合成，也为了与原来 xml 和 View（ViewGroup）做出区分。在使用过程中会体会到，使用 Compose 声明 UI 更像是在拼图。

Compose 提供了 Material Design 的实现，后者是一个用于创建数字界面的综合设计系统。我们可以使用可组合函数来实现 Material 组件。

下表中整理出目前 Compose 组件篇里的组件类别，在过程中根据 Compose 库的更新情况跟随着更新。

组件名	组件类	介绍
Scaffold	Scaffold	Scaffold 是 Compose UI 库中的一个重要组件，它提供了构建应用程序界面的基础结构和常见元素。
Buttons	Button ElevatedButton FilledTonalButton OutlinedButton TextButton	Button 是用户交互的关键元素，Button 允许自定义背景、文本颜色、点击事件等。此外，通过简单的 Kotlin 代码，你可以为按钮添加丰富的视觉效果和交互反馈。
Icon button	IconButton IconToggleButton FilledIconButton FilledIconToggleButton FilledTonalIconButton FilledTonalIconToggleButton OutlinedIconButton OutlinedIconToggleButton	IconButton 的作用是表示一个可点击的图标按钮，它通常用于触发特定的用户交互操作，如复制、粘贴、保存等。IconButton 具有一个最小触摸目标尺寸，以满足无障碍访问准则，并且可以在按钮内部居中显示图标。
Segmented button	SegmentedButton