Android compose初探

原创 已于 2023-01-21 09:50:46 修改 · 655 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #ui #android studio

于 2023-01-12 19:33:23 首次发布
AndroidCompose是Google推出的声明式UI框架，自2019年I/O大会公布以来，历经多个预览版，最终在2021年发布稳定版。它简化了Android应用开发，将UI描述为数据转换为视图的函数。主要组件包括Text、TextField、Button、Image等，布局组件如Column、Row、Box，以及LazyColumn、LazyRow等列表和网格组件，为开发者提供了更高效、简洁的编程体验。

Android Compose

  1. 简介

Compose是从2019年5月Google在I/O大会上公布，在2020年9月发布第一个Alpha版本，2021年2月发布第一个bate版本。Compose 是一个现代化的UI工具包，帮助开发者在原生平台API简单快捷的构建android应用。
Compose 使用的编程模型与现有的构建UI的模型完全不同，Compose 是一个完全基于声明式组件方法，将UI描述为 数据转换为UI层次结构函数。如果学习过flutter的会发现与Compose很相似。

  1. 主要组件
    1. Text 对应xml中的 textView
    2. TextField 对应xml 中的 EditText
    3. button 对应xml 中的 button
    4. image 对应xml 中的imageView

  2. 布局组件

    1. Column 竖向线性布局
    2. Row 横行线性布局
    3. Box 帧布局

  3. 列表组件

    1. LazyColumn 竖向列表
    2. LazyRow 横行列表
    3. LazyVerticalGrid 网格列表
Android Jetpack Compose使用及性能优化小结
maniuT的博客
03-06 1020
无论是官网文档还是介绍Compose的优点时，都会说到Compose是声明式的。声明式编程（英语：Declarative programming）或译为声明式编程，是对与命令式编程不同的编程范型的一种合称。它们建造计算机程序的结构和元素，表达计算的逻辑而不用描述它的控制流程。指令式编程（英语：Imperative programming）；是一种描述电脑所需作出的行为的编程范型。几乎所有电脑的硬件都是指令式工作；几乎所有电脑的硬件都是能执行机器语言，而机器代码是使用指令式的风格来写的。
Compose 介绍
Zen@sz 博客
02-29 1297
通过基于 Kotlin 的声明式UI、高效的智能重组机制、响应式编程与数据流以及布局与测量的结合，Compose 为开发者提供了更高效、更灵活的UI构建方式。与传统的视图系统不同，Compose 通过声明式的方式描述 UI，这意味着我们只需要告诉系统我们想要的 UI 状态，而不需要关心如何实现渲染和更新。每个可组合函数都可以返回一个UI元素，该元素可以是基本的绘图元素（如文本、形状等），也可以是更复杂的布局容器（如行、列、网格等）。当状态发生变化时，Compose 会自动触发重组过程，更新相关的UI组件。
安卓 Compose知识总结
最新发布
cssf1015的博客
11-10 778
修改项目自动生成的Theme.kt，调整三要素：kotlin// 自定义颜色primary = Color(0xFF6200EE), // 主色// 自定义排版// 应用主题开发效率高：UI 与逻辑均用 Kotlin 编写，避免 XML 与代码切换，减少模板代码。状态自动同步：状态变化时 UI 自动更新，无需手动操作 UI 组件。可组合性强：小组件轻松组合成复杂 UI，复用性高。性能优异：通过懒加载、减少重组等机制，性能优于传统 View 系统。
Android Jetpack组件 Compose 使用介绍
2401_84003630的博客
03-30 1266
前言一直以来，在Android 中构建UI页面是一个很耗时的操作，我们需要图形界面和xml去创建布局，通过预览达到我们想要的效果，而Jetpack推出的新组件Compose就解决了这个痛点，下面让我们来了解它，使用它。使用它，来感受声明式UI的强大之处。正文Jetpack Compose是一个用于构建原生Android UI的现代工具包。Jetpack Compose 通过更少的代码、强大的工具和直观的 Kotlin API 简化并加速了 Android 上的 UI 开发。听起来好像老牛逼了！！
Android的Compose
qq_44016573的博客
02-19 6873
如果需要将一个函数转换为Composable function，我们需要添加注解“@Composable”。) {MessageCard("Android")//使用我们自定义的Composable function@Composable//添加注解，使该函数成为Composable function")
Composer：现代化的Android测试运行器
gitblog_00559的博客
08-30 356
Composer：现代化的Android测试运行器 在移动应用开发的世界中，确保应用的稳定性和质量是至关重要的。随着项目规模的扩大和测试需求的增加，传统的测试工具可能无法满足现代开发的需求。今天，我要向大家推荐一个革命性的开源项目——Composer，这是一个专为Android应用设计的反应式测试运行器，它不仅提升了测试效率，还极大地增强了测试报告的可读性和实用性。 项目介绍 Composer是一...
Android Compose（一）
韵律咖啡馆
04-22 2987
1. 可组合函数 如需创建可组合函数，只需将 @Composable 注释添加到函数名称中即可。 class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) } } 添加文本，setContent块用于填充布局，里面调用一个Text组件显示内容 setContent { .
AndroidCompose
03-08
Android撰写
Android开发：Jetpack Compose编程知识全汇总 （含详细实例讲解）
2401_84123357的博客
04-16 1005
分享一份NDK基础开发资料分享内容包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！现在。**
【Android】Compose初识
LeGuan_Ha的博客
12-05 2972
在Compose中，一个组合可以被视为一系列的可组合函数调用，这些函数共同描述了应用的UI。声明式UI（Declarative User Interface）是一种用户界面编程范式，它允许开发者以声明的方式描述用户界面的结构和行为，而不是详细地指定如何实现这些行为。这种方式简化了UI代码的编写和维护，因为它减少了手动操作DOM或视图层级的需要，同时使得UI逻辑更加直观易懂。Jetpack Compose是谷歌开发的一个现代的、声明式的UI工具包，用于构建原生的Android应用程序界面。
安卓Compose（一）
两行代码 踏踏实实de工作
09-25 978
你不再需要编写大量的findViewById、findViewById之类的代码，而是可以使用Kotlin语言的强大功能来构建UI。这使得代码更易于理解和维护。你可以查看官方文档、教程和示例代码，以了解Compose的核心概念，如Composables、Modifiers、State等。如果你已经熟悉Kotlin，那么学习Compose会更加容易，因为Compose是用Kotlin构建的，它与Kotlin天然衔接。安卓Compose是一个相对新的UI工具包，它的出现为安卓应用程序开发带来了一系列的好处。
Android Compose——一个简单的新闻APP
FranzLiszt的博客
01-13 1913
使用Compose完成的一个简单Demo,改自Google官方用例
【Android】【Compose】Compose的简单介绍
每天不是在写bug就是在写bug的路上
06-20 1223
Compose的简单介绍
Android图形系统之HWComposer、ComposerHal、ComposerImpl、Composer、Hwc2::Composer实例总结(十四)
Android系统攻城狮
10-31 1518
本篇目的：Android图形系统中，HWC特别的复杂，特别是HWComposer、ComposerImpl、Composer、Hwc2::Composer之间的关系，有种剪不断理还乱的感觉，通过几个演化例子，看清楚它本来的面目。
Android的Compose概览
snoto的专栏
08-02 7642
文章目录Compose概览compose是什么声明式声明式更新组合函数状态statevar value by remember { mutableStateOf(default) }mutableStateOfrememberrememberSaveable状态提升接入ViewModel和LiveData使用Modifier Compose概览 官方文档 我个人看了下官方的文档，尝试了一下demo，大概做一个个人的理解和记录，还没有深入研究尝试 compose是什么 Android推出的新的，以声明式语言方
Android~Compose初探
Hynson的学习笔记
10-10 1665
Compose 和之前的 View 比较ViewCompose命令式编程声明式编程树形结构的遍历查找设置组件内部进行变更基于View和ViewGroup衍生基于更为底层的Canvas绘制面向对象的继承组合与函数化xml相对静态动态组合支持预览支持丰富的预览，包括点击触摸学习资料官方出品，全面详尽有详尽的代码，方便手动编译和改动本文Git
android compose总结
weixin_42975688的博客
02-13 395
在build.gradle（APP）里面添加。记得修改其他文件的内容。
Android | Compose 初上手
345丶
05-25 1803
简介 Jetpack Compose 是用于构建原生 Andorid 界面的新工具包，Compose 使用了更少的代码，强大的工具和直观的 Kotlin Api 简化并且加快了 Android 上界面的开发。 在 Compose 中，在构建界面的时候，无需在像之前那么构建 XML 布局，只需要调用 Jetpack Compose 函数来声明你想要的的元素，Compose 编译器就会自动帮你完成后面的工作。 在开始使用 Compose 之前，你需要重新搭建环境，可参考**官方文档** 注解 @Compos
android compose AndroidView
10-23
在 Android Compose 里，`AndroidView` 是一个重要的组件，它能让开发者在 Compose 界面中嵌入传统的 Android View 系统的视图。 ### 使用指南 - **基本使用**：`AndroidView` 可将传统的 Android View 嵌入到 Compose 布局中。其核心参数为 `factory`，该参数是一个 lambda 表达式，用于创建传统的 Android View。 - **更新视图属性**：若要更新视图的属性，可使用 `update` 参数。此参数也是一个 lambda 表达式，会在每次重组时被调用，可在其中更新视图的属性。 - **生命周期管理**：`AndroidView` 会自动管理嵌入视图的生命周期，确保视图在合适的时间创建、更新和销毁。 ### 相关示例 以下是一个简单的示例，展示如何在 Compose 中使用 `AndroidView` 嵌入一个 `TextView`： ```kotlin import android.widget.TextView import androidx.compose.runtime.Composable import androidx.compose.ui.viewinterop.AndroidView @Composable fun TextViewInCompose() { AndroidView( factory = { context -> // 创建一个 TextView TextView(context).apply { text = "Hello from TextView in Compose" } }, update = { textView -> // 可在此更新 TextView 的属性 textView.textSize = 20f } ) } ``` 下面是一个更复杂的示例，在 Compose 中嵌入一个 `ImageView`，并动态更新其图片资源： ```kotlin import android.widget.ImageView import androidx.compose.foundation.layout.size import androidx.compose.runtime.getValue import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.setValue import androidx.compose.ui.Modifier import androidx.compose.ui.unit.dp import androidx.compose.ui.viewinterop.AndroidView @Composable fun ImageViewInCompose() { var imageRes by mutableStateOf(R.drawable.sample_image) AndroidView( factory = { context -> // 创建一个 ImageView ImageView(context).apply { setImageResource(imageRes) } }, update = { imageView -> // 更新 ImageView 的图片资源 imageView.setImageResource(imageRes) }, modifier = Modifier.size(200.dp) ) } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

paterWang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值