Dark-Toggle-Button-Sample-Jetpack-Compose 项目教程

Dark-Toggle-Button-Sample-Jetpack-Compose 项目教程

Dark-Toggle-Button-Sample-Jetpack-Compose Animated dark mode toggle button with Jetpack Compose. 🚀 项目地址: https://gitcode.com/gh_mirrors/da/Dark-Toggle-Button-Sample-Jetpack-Compose

1. 项目目录结构及介绍

Dark-Toggle-Button-Sample-Jetpack-Compose/
├── android/
│   ├── app/
│   └── build.gradle
├── common/
│   ├── build.gradle.kts
│   └── src/
├── desktop/
│   ├── build.gradle.kts
│   └── src/
├── gradle/
│   └── wrapper/
├── .gitignore
├── LICENSE
├── README.md
├── build.gradle.kts
├── gradle.properties
├── gradlew
├── gradlew.bat
└── settings.gradle.kts

目录结构介绍

• android/: 包含Android平台的代码和配置文件。

  • app/: Android应用的主要代码目录。
  • build.gradle: Android项目的Gradle构建文件。

• common/: 包含跨平台的通用代码。

  • build.gradle.kts: 通用模块的Gradle构建文件。
  • src/: 通用代码的源文件目录。

• desktop/: 包含桌面平台的代码。

  • build.gradle.kts: 桌面模块的Gradle构建文件。
  • src/: 桌面代码的源文件目录。

• gradle/: 包含Gradle Wrapper的相关文件。

  • wrapper/: Gradle Wrapper的JAR文件和属性文件。

• .gitignore: Git忽略文件配置。

• LICENSE: 项目许可证文件。

• README.md: 项目说明文档。

• build.gradle.kts: 项目的根Gradle构建文件。

• gradle.properties: Gradle属性配置文件。

• gradlew: Gradle Wrapper的Unix脚本。

• gradlew.bat: Gradle Wrapper的Windows批处理脚本。

• settings.gradle.kts: Gradle设置文件，用于配置项目结构。

2. 项目启动文件介绍

项目的启动文件主要位于android/app/src/main/目录下，通常包括MainActivity.kt文件。

MainActivity.kt

package com.example.darktogglebuttonsample

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.tooling.preview.Preview
import com.example.darktogglebuttonsample.ui.theme.DarkToggleButtonSampleTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            DarkToggleButtonSampleTheme {
                Surface(color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    DarkToggleButtonSampleTheme {
        Greeting("Android")
    }
}

启动文件介绍

• MainActivity.kt: 这是Android应用的入口Activity。在onCreate方法中，使用setContent方法设置应用的UI内容。DarkToggleButtonSampleTheme是应用的主题，Surface用于设置背景颜色，Greeting是一个简单的Composable函数，用于显示文本。

3. 项目的配置文件介绍

gradle.properties

org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
android.useAndroidX=true
android.enableJetifier=true
kotlin.code.style=official
kotlin.mpp.stability.nowarn=true

配置文件介绍

• org.gradle.jvmargs: 设置Gradle JVM参数，分配最大内存为2048MB，并指定文件编码为UTF-8。
• android.useAndroidX: 启用AndroidX库。
• android.enableJetifier: 启用Jetifier，自动将支持库迁移到AndroidX。
• kotlin.code.style: 设置Kotlin代码风格为官方风格。
• kotlin.mpp.stability.nowarn: 禁用Kotlin多平台项目的稳定性警告。

这些配置文件确保项目在使用Gradle构建时能够正确配置和运行，同时支持AndroidX和Kotlin多平台项目的开发。

Dark-Toggle-Button-Sample-Jetpack-Compose Animated dark mode toggle button with Jetpack Compose. 🚀 项目地址: https://gitcode.com/gh_mirrors/da/Dark-Toggle-Button-Sample-Jetpack-Compose