Jetpack Compose 教程项目文档

项目的目录结构及介绍

Jetpack-Compose-Tutorials/
├── README.md
├── app
│   ├── build.gradle
│   ├── proguard-rules.pro
│   └── src
│       ├── androidTest
│       ├── main
│       │   ├── AndroidManifest.xml
│       │   ├── java
│       │   │   └── com
│       │   │       └── smarttoolfactory
│       │   │           └── tutorial
│       │   │               ├── MainActivity.kt
│       │   │               └── tutorial1
│       │   │                   ├── Tutorial1.kt
│       │   │                   └── Tutorial1ViewModel.kt
│       │   └── res
│       │       ├── drawable
│       │       ├── layout
│       │       ├── mipmap
│       │       ├── values
│       │       └── values-night
│       └── test
├── build.gradle
├── gradle
│   └── wrapper
│       ├── gradle-wrapper.jar
│       └── gradle-wrapper.properties
├── gradle.properties
├── gradlew
├── gradlew.bat
├── settings.gradle
└── tutorials
    ├── tutorial1
    │   ├── README.md
    │   ├── Tutorial1.kt
    │   └── Tutorial1ViewModel.kt
    └── tutorial2
        ├── README.md
        ├── Tutorial2.kt
        └── Tutorial2ViewModel.kt

目录结构说明

• app/: 包含应用程序的主要代码和资源。
  • build.gradle: 应用程序的构建脚本。
  • src/: 源代码目录。
    • main/: 主源代码目录。
      • AndroidManifest.xml: 应用程序的清单文件。
      • java/: Java 或 Kotlin 源代码目录。
        • com/smarttoolfactory/tutorial/: 具体的教程代码。
          • MainActivity.kt: 主活动文件。
          • tutorial1/: 第一个教程的代码。
            • Tutorial1.kt: 第一个教程的 UI 代码。
            • Tutorial1ViewModel.kt: 第一个教程的 ViewModel 代码。
      • res/: 资源目录。
        • drawable/: 可绘制资源。
        • layout/: 布局文件。
        • values/: 字符串、颜色等资源。
• tutorials/: 包含各个教程的代码和文档。
  • tutorial1/: 第一个教程的代码和文档。
    • README.md: 教程说明文档。
    • Tutorial1.kt: 第一个教程的 UI 代码。
    • Tutorial1ViewModel.kt: 第一个教程的 ViewModel 代码。

项目的启动文件介绍

MainActivity.kt

MainActivity.kt 是应用程序的入口文件，负责启动应用程序的主界面。以下是该文件的主要内容：

package com.smarttoolfactory.tutorial

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import com.smarttoolfactory.tutorial.tutorial1.Tutorial1

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            TutorialApp()
        }
    }
}

@Composable
fun TutorialApp() {
    Tutorial1()
}

@Preview
@Composable
fun PreviewTutorialApp() {
    TutorialApp()
}

文件说明

• MainActivity: 继承自 ComponentActivity，是应用程序的主活动。
• onCreate: 重写 onCreate 方法，设置内容视图。
• TutorialApp: 一个 @Composable 函数，用于显示主界面。
• PreviewTutorialApp: 一个 @Preview 函数，用于预览主界面。

项目的配置文件介绍

build.gradle

build.gradle 文件是项目的构建脚本，包含项目的依赖、插件和其他构建配置。以下是该文件的主要内容：

plugins {
    id 'com.android.application'
    id 'kotlin-android'