什么是 Compose

Compose 是 Google 推出的一款新的 Android UI 工具包,它的目标是简化和加速 Android UI 开发。相比于传统的 XML 布局文件和 findViewById() 的方式,Compose 提供了一种全新的声明式的方式来构建 Android UI,这种方式更加直观和易于维护。

Compose 的基本组件

在 Compose 中,所有的 UI 元素都是由基本组件组合而成的。以下是一些 Compose 中常用的基本组件:

  • Text:用于显示文本内容。
  • Image:用于显示图片。
  • Button:用于创建按钮。
  • TextField:用于接收用户输入的文本。
  • Column:用于垂直排列多个组件。
  • Row:用于水平排列多个组件。
  • Box:用于在屏幕上创建一个矩形的区域。
  • Surface:用于绘制一块可交互的区域。
  • Card:用于显示一个卡片式的 UI 元素。
  • Divider:用于在 UI 中添加分隔线。

这些基本组件可以组合使用,创建出更加复杂和功能丰富的 UI 元素。

Compose 的基本语法

Compose 的语法可以概括为“函数式 UI 编程”,它提供了一种基于函数的方式来构建 UI。以下是一些 Compose 的基本语法:

  • @Composable:这是一个注解,用于标记 Compose 中的函数。使用该注解后,该函数将被视为一个 Compose 组件。
  • ColumnRow:这两个组件用于创建垂直和水平排列的 UI 元素。它们都是一个函数,接收一个 Lambda 表达式作为参数,该表达式包含了需要排列的组件。
  • Modifier:该组件用于修改其他组件的行为和样式。它本质上是一个函数,可以接收多个参数,用于修改其他组件的行为和样式。
  • State:该组件用于在 Compose 中管理状态。它本质上是一个可变的数据结构,可以通过修改它的值来更新 UI。
  • setContent:该函数用于将 Compose 组件渲染到屏幕上。它接收一个 Lambda 表达式作为参数,该表达式包含了需要渲染的 Compose 组件。

示例代码

我们来看一下如何使用Compose创建一个简单的UI布局。

首先,我们需要在Compose中定义一个函数,以创建一个UI组件。我们将使用ColumnRow来创建一个垂直和水平布局。

kotlinCopy code@Composable
fun MyScreenContent() {
    Column {
        Row {
            Text("Hello")
            Text("World")
        }
        Text("Compose is awesome!")
    }
}

上述代码创建了一个Column组件,其中包含一个Row组件和一个独立的Text组件。Row组件包含两个Text组件,分别显示"Hello"和"World"。Text组件在垂直方向上居中显示,并显示"Compose is awesome!"。

接下来,我们需要在setContent函数中调用MyScreenContent函数以显示UI。

kotlinCopy codesetContent {
    MyScreenContent()
}

最后,我们需要在MainActivity类中设置主题,以确保我们的UI能够正确显示。

kotlinCopy codeclass MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyScreenContent()
        }
    }

    override fun onResume() {
        super.onResume()
        window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN
        actionBar?.hide()
    }
}

现在,我们已经创建了一个简单的UI布局,并且可以在Android设备上运行和测试它。

这只是Compose的基础,但是通过使用类似的基本组件和语法,我们可以创建更复杂的UI布局,并为用户提供更好的体验。

最后

如果想要成为架构师或想突破20~30K薪资范畴,那就不要局限在编码,业务,要会选型、扩展,提升编程思维。此外,良好的职业规划也很重要,学习的习惯很重要,但是最重要的还是要能持之以恒,任何不能坚持落实的计划都是空谈。

如果你没有方向,这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》,帮大家将杂乱、零散、碎片化的知识进行体系化的整理,让大家系统而高效地掌握Android开发的各个知识点。
在这里插入图片描述
相对于我们平时看的碎片化内容,这份笔记的知识点更系统化,更容易理解和记忆,是严格按照知识体系编排的。

全套视频资料:

一、面试合集

在这里插入图片描述
二、源码解析合集
在这里插入图片描述

三、开源框架合集
在这里插入图片描述
欢迎大家一键三连支持,若需要文中资料,直接扫描文末CSDN官方认证微信卡片免费领取↓↓↓

GitHub 加速计划 / compose / compose
33.26 K
5.15 K
下载
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
最近提交(Master分支:1 个月前 )
73d3a25e Signed-off-by: Suleiman Dibirov <idsulik@gmail.com> 27 天前
3524bcfa Signed-off-by: Suleiman Dibirov <idsulik@gmail.com> 27 天前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐