Android compose 的基本环境搭建

已于 2024-09-26 15:45:07 修改
阅读量1.4k 收藏 8
点赞数 8
CC 4.0 BY-SA版权
分类专栏： Androd Jetpack Compose 文章标签： android
于 2024-09-26 15:33:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53374893/article/details/142553191

1.创建项目

导入版本

1.gradle/libs.versions.toml

[versions]
accompanistPermissions = "0.36.0"
agp = "8.5.0-beta01"
coilCompose = "2.7.0"
constraintlayoutComposeVersion = "1.0.1"
hiltAndroid = "2.51.1"
hiltNavigationCompose = "1.2.0"
kotlin = "1.9.25"
coreKtx = "1.10.1"
junit = "4.13.2"
junitVersion = "1.1.5"
espressoCore = "3.5.1"
activityCompose = "1.9.2"
composeBom = "2024.09.01"
kotlinxSerializationJson = "1.6.3"
lifecycleViewmodelKtx = "2.8.5"
composeRuntime = "1.7.1"
lingver = "1.3.0"
loggingInterceptorVersion = "4.12.0"
navigationCompose = "2.8.0"
retrofit = "2.11.0"
roomRuntime = "2.6.1"
rxandroid = "2.1.1"
rxandroidVersion = "3.0.1"
rxjava = "2.2.21"
rxjava3 = "3.1.9"
rxlifecycle = "3.1.0"

[libraries]

androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
#region viewmodel livedata compose
androidx-lifecycle-extensions = { module = "androidx.lifecycle:lifecycle-extensions", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-lifecycle-runtime-compose = { module = "androidx.lifecycle:lifecycle-runtime-compose", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-livedata-ktx = { module = "androidx.lifecycle:lifecycle-livedata-ktx", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-viewmodel-compose = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-viewmodel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-runtime-ktx = { group = "androidx.lifecycle", name = "lifecycle-runtime-ktx", version.ref = "lifecycleViewmodelKtx" }
androidx-lifecycle-viewmodel-savedstate = { module = "androidx.lifecycle:lifecycle-viewmodel-savedstate", version.ref = "lifecycleViewmodelKtx" }
constraintlayout-compose = { module = "androidx.constraintlayout:constraintlayout-compose", version.ref = "constraintlayoutComposeVersion" }
runtime-livedata = { module = "androidx.compose.runtime:runtime-livedata", version.ref = "composeRuntime" }
androidx-runtime = { module = "androidx.compose.runtime:runtime", version.ref = "composeRuntime" }
androidx-runtime-rxjava2 = { module = "androidx.compose.runtime:runtime-rxjava2" }
#endregion compose

#region kotlin serialization
kotlinx-serialization-json = { module = "org.jetbrains.kotlinx:kotlinx-serialization-json", version.ref = "kotlinxSerializationJson" }
#endregion

#region hilt
hilt-android = { module = "com.google.dagger:hilt-android", version.ref = "hiltAndroid" }
hilt-android-compiler = { module = "com.google.dagger:hilt-android-compiler", version.ref = "hiltAndroid" }
androidx-hilt-navigation-compose = { module = "androidx.hilt:hilt-navigation-compose", version.ref = "hiltNavigationCompose" }
#endregion

#region navigation
androidx-navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "navigationCompose" }
#endregion

#region retrofit2 and okhttp3
okhttp3-logging-interceptor = { module = "com.squareup.okhttp3:logging-interceptor", version.ref = "loggingInterceptorVersion" }
retrofit = { module = "com.squareup.retrofit2:retrofit", version.ref = "retrofit" }
converter-scalars = { module = "com.squareup.retrofit2:converter-scalars", version.ref = "retrofit" }
converter-gson = { module = "com.squareup.retrofit2:converter-gson", version.ref = "retrofit" }

#endregion okhttp3



#region rxjava 2
adapter-rxjava2 = { module = "com.squareup.retrofit2:adapter-rxjava2", version.ref = "retrofit" }
rxandroid = { module = "io.reactivex.rxjava2:rxandroid", version.ref = "rxandroid" }
rxjava = { module = "io.reactivex.rxjava2:rxjava", version.ref = "rxjava" }
#endregion


#region rxjava 3
rxjava3-rxandroid = { module = "io.reactivex.rxjava3:rxandroid", version.ref = "rxandroidVersion" }
rxjava3-rxjava = { module = "io.reactivex.rxjava3:rxjava", version.ref = "rxjava3" }
adapter-rxjava3 = { module = "com.squareup.retrofit2:adapter-rxjava3", version.ref = "retrofit" }
rxlifecycle = { module = "com.trello.rxlifecycle3:rxlifecycle", version.ref = "rxlifecycle" }
rxlifecycle-android-lifecycle-kotlin = { module = "com.trello.rxlifecycle3:rxlifecycle-android-lifecycle-kotlin", version.ref = "rxlifecycle" }
rxlifecycle-components = { module = "com.trello.rxlifecycle3:rxlifecycle-components", version.ref = "rxlifecycle" }

#endregion


#region room
androidx-room-runtime = { module = "androidx.room:room-runtime", version.ref = "roomRuntime" }
androidx-room-compiler = { module = "androidx.room:room-compiler", version.ref = "roomRuntime" }


#endregion



#region coil
coil-compose = { module = "io.coil-kt:coil-compose", version.ref = "coilCompose" }
#endregion


#region accompanist
accompanist-permissions = { module = "com.google.accompanist:accompanist-permissions", version.ref = "accompanistPermissions" }
#endregion

#region 国际化
lingver = { module = "com.github.YarikSOffice:lingver", version.ref = "lingver" }
#endregion

junit = { group = "junit", name = "junit", version.ref = "junit" }
androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
androidx-activity-compose = { group = "androidx.activity", name = "activity-compose", version.ref = "activityCompose" }
androidx-compose-bom = { group = "androidx.compose", name = "compose-bom", version.ref = "composeBom" }
androidx-ui = { group = "androidx.compose.ui", name = "ui" }
androidx-ui-graphics = { group = "androidx.compose.ui", name = "ui-graphics" }
androidx-ui-tooling = { group = "androidx.compose.ui", name = "ui-tooling" }
androidx-ui-tooling-preview = { group = "androidx.compose.ui", name = "ui-tooling-preview" }
androidx-ui-test-manifest = { group = "androidx.compose.ui", name = "ui-test-manifest" }
androidx-ui-test-junit4 = { group = "androidx.compose.ui", name = "ui-test-junit4" }
androidx-material3 = { group = "androidx.compose.material3", name = "material3" }

[plugins]
android-application = { id = "com.android.application", version.ref = "agp" }
jetbrains-kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }

我整理好的版本，都用过了适配

2.模块目录下的 build.gradle.kts

plugins {
    alias(libs.plugins.android.application)
    alias(libs.plugins.jetbrains.kotlin.android)
    id("kotlin-kapt")
    id("com.google.dagger.hilt.android")
    kotlin("plugin.serialization")
    id("androidx.room")
}




android {
    namespace = "com.composeapp"
    compileSdk = 34

    defaultConfig {
        applicationId = "com.composeapp"
        minSdk = 24
        targetSdk = 34
        versionCode = 1
        versionName = "1.0"

        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
        vectorDrawables {
            useSupportLibrary = true
        }

    }
    room {
        schemaDirectory("$projectDir/schemas")
    }

    buildTypes {
        release {
            isMinifyEnabled = false
            proguardFiles(
                getDefaultProguardFile("proguard-android-optimize.txt"),
                "proguard-rules.pro"
            )
        }

    }
    compileOptions {
        sourceCompatibility = JavaVersion.VERSION_1_8
        targetCompatibility = JavaVersion.VERSION_1_8
    }
    kotlinOptions {
        jvmTarget = "1.8"
    }
    buildFeatures {
        compose = true
    }
    composeOptions {
        kotlinCompilerExtensionVersion = "1.5.15"
    }
    packaging {
        resources {
            excludes += "/META-INF/{AL2.0,LGPL2.1}"
        }
    }


}

dependencies {

    implementation(libs.androidx.core.ktx)

    implementation(libs.androidx.activity.compose)
    implementation(platform(libs.androidx.compose.bom))
    implementation(libs.androidx.ui)
    implementation(libs.androidx.ui.graphics)
    implementation(libs.androidx.ui.tooling.preview)
    implementation(libs.androidx.material3)
    testImplementation(libs.junit)
    androidTestImplementation(libs.androidx.junit)
    androidTestImplementation(libs.androidx.espresso.core)
    androidTestImplementation(platform(libs.androidx.compose.bom))
    androidTestImplementation(libs.androidx.ui.test.junit4)
    debugImplementation(libs.androidx.ui.tooling)
    debugImplementation(libs.androidx.ui.test.manifest)

    implementation(libs.kotlinx.serialization.json)


    //region ViewModel Livedata compose runtime
    implementation(libs.androidx.lifecycle.viewmodel.ktx)
    implementation(libs.androidx.lifecycle.viewmodel.compose)
    implementation(libs.androidx.lifecycle.livedata.ktx)
    implementation(libs.androidx.lifecycle.runtime.ktx)
    implementation(libs.androidx.lifecycle.lifecycle.runtime.compose)
    implementation(libs.androidx.lifecycle.viewmodel.savedstate)
    implementation(libs.androidx.runtime)
    implementation(libs.runtime.livedata)
    //endregion


    //    region hilt
    implementation(libs.hilt.android)
    kapt(libs.hilt.android.compiler)
    implementation(libs.androidx.hilt.navigation.compose)
    // endregion


    //region  navigation
    implementation(libs.androidx.navigation.compose)
    //endregion navigation


    //region retrofit2 okhttp

    //Retrofit 核心库
    implementation(libs.retrofit)
    //响应数据自动序列化
    //JSON
    implementation(libs.converter.gson)
    //String类型
    implementa
最低0.47元/天 解锁文章
第2章 Android Jetpack Compose环境搭建
「智捷课堂」关东升的博客
01-15 150
本章主要介绍了如何搭建Android Jetpack Compose环境，包括要求的环境版本、下载和安装Android Studio、安装Android SDK、创建Android模拟器等步骤。通过本章的介绍，读者可以快速搭建起适合Jetpack Compose开发的开发环境，为后续的开发工作打下基础。
Android Compose系列之：布局
m0_57989954的博客
09-25 1090
本文介绍了如何使用 Jetpack Compose 构建 Android 应用的基础布局。首先，通过简化 `MainActivity.kt` 文件，展示了 Composable 函数的基本用法及其在 `setContent` 中的应用，并利用 `@Preview` 在 Android Studio 中预览界面。接着，介绍了 Compose 中的三种基本布局元素：`Column`、`Row` 和 `Box`，并通过示例说明它们的排列方式。文章还讲解了如何为 Composable 函数添加参数以增强灵活性。
【Android】Compose初识
LeGuan_Ha的博客
12-05 2542
在Compose中，一个组合可以被视为一系列的可组合函数调用，这些函数共同描述了应用的UI。声明式UI（Declarative User Interface）是一种用户界面编程范式，它允许开发者以声明的方式描述用户界面的结构和行为，而不是详细地指定如何实现这些行为。这种方式简化了UI代码的编写和维护，因为它减少了手动操作DOM或视图层级的需要，同时使得UI逻辑更加直观易懂。Jetpack Compose是谷歌开发的一个现代的、声明式的UI工具包，用于构建原生的Android应用程序界面。
Android的Compose
qq_44016573的博客
02-19 6614
如果需要将一个函数转换为Composable function，我们需要添加注解“@Composable”。) {MessageCard("Android")//使用我们自定义的Composable function@Composable//添加注解，使该函数成为Composable function")
Android项目中使用ComposeUI
最新发布
sun_weitao的博客
04-29 398
注意kotlinCompilerExtensionVersion 不同的kotlin 版本 kotlinCompilerExtensionVersion 对应的版本号不一致，如果是1.8以上的kotlin 版本 对应的版本号 应该是1.4.3 具体网上查询下。注意，这里本机环境是低版本的kotlinCompilerExtensionVersion 和 sdk 是低版本 用低版本的库，androidx.compose.ui:ui:1.0.0 如果使用1.4以上 依赖不合 会导致编译不过。
Android Jetpack组件 Compose 使用介绍
晨曦
03-27 6577
Android Jetpack组件 Compose 使用前言正文一、创建Compose项目 前言   一直以来，在Android 中构建UI页面是一个很耗时的操作，我们需要图形界面和xml去创建布局，通过预览达到我们想要的效果，而Jetpack推出的新组件Compose就解决了这个痛点，下面让我们来了解它，使用它。 正文   Jetpack Compose是一个用于构建原生Android UI的现代工具包。Jetpack Compose 通过更少的代码、强大的工具和直观的 Kotlin API 简化并加速了
Android Compose Bloom 项目实战 (一) : 项目说明与配置
朱豪凯的博客
11-20 2763
Bloom是谷歌 AndroidDevChallenge (Android 开发挑战赛) 中的一期活动，目的是为了推广Compose，非常适合用来练手，通过这个项目，我们可以很好的入门`Compose`。本文介绍了如何从零开始，开发这个Compose项目。
Android~Compose初探
Hynson的学习笔记
10-10 1490
Compose 和之前的 View 比较ViewCompose命令式编程声明式编程树形结构的遍历查找设置组件内部进行变更基于View和ViewGroup衍生基于更为底层的Canvas绘制面向对象的继承组合与函数化xml相对静态动态组合支持预览支持丰富的预览，包括点击触摸学习资料官方出品，全面详尽有详尽的代码，方便手动编译和改动本文Git
Android架构开发进阶指南，Android Jetpack Compose强化实战_android compose架构
2401_84537646的博客
04-30 890
在我们日常的开发中，如果所有人各自为战，没有统一规范，久而久之，项目代码会变得混乱且后续难以维护。而这时，许多人就会使用Jetpack这个由多个库组成的套件，来减少样板代码，以便将精力更多的集中于重要的编码工作上面。总之，开发架构是前人总结出来的一套行之有效的开发模式，目的是达到高内聚，低耦合的效果，使得项目代码更健壮、易维护。
Android Compose 新闻App（一）网络框架搭建
2401_84538063的博客
04-28 685
我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？我建议各位，多刷刷面试题，知道最新的技术，每三个月可以去面试一两家公司，因为你已经有不错的工作了，所以可以带着轻松的心态去面试，同时也可以增加面试的经验。我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。
Android Compose的基本使用
赵星海
09-29 954
Compose这个东西呢,好处我没发现,坏处就是学习成本和低版本兼容.不过,看在官方力推的份儿上,有空就学一下吧.当初的kotlin,很多人说鸡肋(包括我)!现在不也咔咔用纯kotlin做项目吗?哈哈哈哈.未来的事情,谁说得清呢?1.简单的View排列放置以及基础属性2.View的事件监听和事件传递(如点击事件,输入事件)3.View的数据动态赋值(直接改变数据,UI自动改变) (数据必须由remember代理)) {Column { //竖向布局。
AndroidCompose
03-08
Android撰写
Android | Compose 初上手
345丶
05-25 1719
简介 Jetpack Compose 是用于构建原生 Andorid 界面的新工具包，Compose 使用了更少的代码，强大的工具和直观的 Kotlin Api 简化并且加快了 Android 上界面的开发。 在 Compose 中，在构建界面的时候，无需在像之前那么构建 XML 布局，只需要调用 Jetpack Compose 函数来声明你想要的的元素，Compose 编译器就会自动帮你完成后面的工作。 在开始使用 Compose 之前，你需要重新搭建环境，可参考**官方文档** 注解 @Compos
Android开发：Jetpack Compose编程知识全汇总 （含详细实例讲解）
2401_84123357的博客
04-16 789
分享一份NDK基础开发资料分享内容包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！现在。**
Android Jetpak Compose快速上手
我的专栏
03-19 672
Compose 介绍 Jetpack Compose发布也快有一年的时间了，虽然目前仍是DEV阶段，但是距离可用已经不远了。Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码，更强大的功能，能提高开发速度（可以参考几乎一模一样的Flutter，开发速度确实很快）。 Jetpack Compose对于没有接触过声明式UI的小伙伴可能会学习曲线有点陡峭，对于已经能熟练开发Flutter应用的小伙白来说几乎没有难度。（Compose就是参考flutter的模式开发的，代码中还可以看到F
安卓Compose（一）
两行代码 踏踏实实de工作
09-25 789
你不再需要编写大量的findViewById、findViewById之类的代码，而是可以使用Kotlin语言的强大功能来构建UI。这使得代码更易于理解和维护。你可以查看官方文档、教程和示例代码，以了解Compose的核心概念，如Composables、Modifiers、State等。如果你已经熟悉Kotlin，那么学习Compose会更加容易，因为Compose是用Kotlin构建的，它与Kotlin天然衔接。安卓Compose是一个相对新的UI工具包，它的出现为安卓应用程序开发带来了一系列的好处。
Android Compose——一个简单的新闻APP
FranzLiszt的博客
01-13 1831
使用Compose完成的一个简单Demo,改自Google官方用例
Android笔记（九）：Compose组件的状态
userhu2012的博客
10-28 2163
在使用Compose定义UI界面时，可以发现界面的变换往往与Compose组件内部的状态相关，当状态值发生变化时，Compose构成的可组合的界面也会刷新发生相应的变化。在本笔记中将对可组合项的状态的定义、状态提升、状态丢失和状态的保存进行简单介绍。
掌握Jetpack Compose基础：构建Android应用
7. **Compose环境的搭建** - 开发者需要在Android Studio中设置Compose环境，通过插件和依赖来启用Compose特性。 - Jetpack ComposePlayground可能会提供一个快捷的配置方法，帮助开发者快速开始。 8. **屏幕截图...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值