Jetpack Compose一：初步了解Compose

已于 2024-08-07 17:18:28 修改
阅读量619 收藏 10
点赞数 5
分类专栏： Jetpack Compose 文章标签： android jetpack
于 2024-05-07 16:27:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/buyueliuying/article/details/138536526
版权

官方文档
快速入门

需要注意的是Jetpack是基于AndroidX构建的，‌利用AndroidX提供的库和工具来实现其架构设计标准，‌所以还需要学习AndroidX相关
Android开发文档

在这里插入图片描述

androidx导航组件navigation用法

Android 之 Compose 开发基础
Jetpack Compose教程
面向 Android 开发者的 Jetpack Compose

compose文档教程

Intellij IDEA构建Android开发环境
IntelliJ IDEA 2023.2.1 Android开发变化

IDEA配置使用Gradle

新建Compose工程，取名ComposeStudy

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以看到的是IDEA为项目初始化了部分代码

使用Compose开发不再需要使用xml文件来设计布局了
Compose中的Text也不同于Android View的TextView组件，它是一个Composable函数，只能被其他Composable函数调用，使用Kotlin编译插件将这些Composable函数转化成UI元素

简单来说加了@Composable注解就是Composable函数，命名规范要求Composable函数首字母为大写

在这里插入图片描述
UI元素以层级关系叠加展示，也就是说一个组件可以被多个组件包含起来，通过调用Composable函数构建UI层级

在这里插入图片描述
如果在横向或者纵向并排的UI元素不经过适当的布局排列，将会得到相互重叠的展示结果

在这里插入图片描述在这里插入图片描述
修改主题和样式

Jetpack Compose库默认支持Material Design的设计原则，大多满足开箱即用的UI元素，主要包括颜色、字体和形状。
在创建新的Compose工程时，IDEA会自动生成Material Design主题的模版代码，放在ui-theme包中

在这里插入图片描述

buyue__
关注
专栏目录
Jetpack Compose中的绘制流程和自定义布局
川峰的博客
02-10 2678
与大多数其他界面工具包一样，Compose 会通过几个不同的“阶段”来渲染帧。如果我们观察一下 Android View 系统，就会发现它有 3 个主要阶段：测量、布局和绘制。Compose 和它非常相似，但开头多了一个叫做“组合”的重要阶段。 Compose 有 3 个主要阶段： 组合：要显示什么样的界面。Compose 运行Composable可组合函数并创建LayoutNode视图树。 布局：要放置界面的位置。该阶段包含两个步骤：测量和放置。对于视图树中的每个LayoutNode节点进行宽高尺寸测
Jetpack-Compose
Stay hungry, stay foolish!!
03-08 2175
一、什么都不如官网来的直接 Jetpack Compose去年写了一些列表布局就丢下了,以前一个小兄弟说“什么都不如官网来的直接”这是他的博客打算用Compose写玩安卓大家可以去好好学习一波,接下来我们跟着官网走,原理案例基于官网,写的效果高于官网。Flutter,SwiftUI对比这些众说风云,人云亦云,我不多说,XML相对于当前流行的前段或者移动端布局组建框架都不在是优势,既然Google推出的那我们就学。 二、环境 1.AndroidSdio Beta 4.2版本或者Canary版本 版本提.
安卓开发中的Jetpack Compose
最新发布
m0_66843126的博客
08-22 1026
本文内容总结自，整理自学，未完持续...
Jetpack Compose 1.0 正式发布！打造原生 UI 的 Android 现代工具包
谷歌开发者
07-29 407
作者 / Anna-Chiara Bellini, Product Manager, Nick Butcher, Developer Relations今天，我们正式发布 Jetpack ...
Jetpack Compose
mxiaomi的专栏
01-06 1530
Jetpack Compose概览为什么使用ComposeCompose编程思想可组合函数可以按任何顺序执行重组会跳过尽可能多的内容布局、控件布局主题列表文字图形动画手势 概览 Jetpack Compose 是用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发，帮助您使用更少的代码、强大的工具和直观的 Kotlin API，快速打造生动而精彩的应用。 为什么使用Compose 更少的代码 编写代码只需要采用 Kotlin，而不必拆分成 Kotlin 和 XML 部
Jetpack Compose简介
xiangxiongfly
04-28 1181
声明式UI和命令式UI Jetpack Compose和Android View对比 Compose API设计原则 一切皆为函数 组合优于继承 单一数据源 Jetpack Compose和Android View关系
通过示例学习Jetpack-Compose：:rocket:此项目包含各种示例，这些示例展示了您将如何以“ Jetpack Compose”方式进行操作
01-31
**Jetpack Compose**是Android开发中的一个革命性框架，它允许开发者以声明式的方式构建用户界面。在本文中，我们将深入探讨通过示例学习Jetpack Compose的重要性、其核心概念以及如何通过提供的代码示例来提升您的...
Jetpack Compose入门到精通
01-29
**Jetpack Compose**是Android开发中的一个革命性框架，旨在简化UI开发，提供声明式编程方式，使得构建美观、高性能的应用程序变得更加容易。在这个**“Jetpack Compose入门到精通”**的学习过程中，我们将深入探讨...
Compose-Tutorial:Jetpack Compose中文文档介绍，持续更新
04-04
此项目致力于帮助大家更好的理解和使用Jetpack Compose框架，从而提高开发效率 项目会包含很多关于Jetpack Compose的基本使用方法以及注意事项 我们在github page上创建了专门的教程和指导链接，欢迎访问 :backhand_...
Jetpack Compose实践：完成自定义手势处理
chenjingsb的博客
07-01 948
概述 Jetpack Compose 为我们提供了许多手势处理 Modifier，对于常见业务需求来说已足够我们使用了，然而如果说我们对手势有定制需求，就需要具备自定义手势处理的能力了。通过使用官方所提供的基础 API 来完成各类手势交互需求，触摸反馈基础 API 类似传统 View 系统的 onTouchEvent()。 当然 Compose 中也支持类似传统 ViewGroup 通过 onInterceptTouchEvent()定制手势事件分发流程。通过对自定义手势处理的学习将帮助大家掌握处理绝大多数
Jetpack Compose 入门到精通.pdf
09-13
Jetpack Compose 是第一个使用 Kotlin 正在开发中的大型项目，因此 Android 团队正在探索 Kotlin API 指南的新世界，以创建一组特定于 Compose API 的指南，该工作仍在进行中，仍然有很长的路要走。 1.4 Compose ...
Jetpack Compose （一）
永琪的博客
10-27 1688
声明式UI和命令式UI Jetpack Compose 是用于构建原生 Android 界面的新工具包，稳定版目前更新到1.0版本，它基于声明式的编程模型，与传统xml命令式UI相比可以增加开发效率，使用更少的代码实现更多的功能，不用花费时间在颜色、动画、大小变化等界面状态维护的事情上。 运行环境 Jetpack Compose 是基于kotlin语言开发的框架，不支持Java。Android Studio需要4.0及以上版本，在4.0时添加了对Jetpack Compose 的支持，如新的Co...
Jetpack Compose漫谈
zhireshini233的博客
03-12 643
最近Jetpack Compose发布了Beta版本，抽时间了解了一下Compose带来的改变和其中的一些原理。本文不会讲解具体API，只是比较随意的分享自己的一些疑问以及在探寻答案过程中的一些收获。 为什么要有Compose? Android已经十年多了，传统的Android UI ToolKit有很多历史遗留问题，而有些官方也很难修改。比如View.java有三万多行代码，比如Combo box竟然叫Spinner，再比如Button继承自Textview。同时官方的一些widget修复依赖系统升级，
Jetpack Compose - Text
乐翁龙
12-01 2416
Jetpack Compose - TextText Text 首先直接把常用的参数列出来： @Composable fun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Inherit, fontStyle: FontStyle? = null, fontWeight
尝试jetpack compose
左丘梦凡的博客
02-25 237
官网地址: https://developer.android.google.cn/jetpack/compose/interop/adding 初始准备 1.在项目级build.gradle的buildscript中 dependencies { classpath "com.android.tools.build:gradle:7.0.3" classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.31" } 2.在module级build.
Jetpack Compose介绍
qq_53374893的博客
01-17 502
Jetpack Compose 是 用于构建原生UI界面的新款Android工具包。声明式UI。
Jetpack Compose入门
再也不做的事
04-16 450
Compose简介 Compose 是用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发，帮助您使用更少的代码、强大的工具和直观的 Kotlin API，快速打造生动而精彩的应用 Compose 编程思想 声明性编程范式：声明性的函数构建一个简单的界面组件，无需修改任何 XML 布局，也不需要使用布局编辑器，只需要调用 Jetpack Compose 函数来声明想要的元素，Compose 编译器即会完成后面的所有工作 举例：显示一行文字 class MainActiv
Jetpack Compose入门篇-简约而不简单
鸿蒙开发知识记录
09-16 1309
好文推荐： 作者：QiShare Compose简介 Jetpack Compose：利用声明式编程构建Android原生界面（UI）的 工具包 优势 更少的代码、代码量锐减 强大的工具/组件支持 直观的 Kotlin API 简单易用 Compose 编程思想 声明性编程范式：声明性的函数构建一个简单的界面组件，无需修改任何 XML 布局，也不需要使用布局编辑器，只需要调用 Jetpack Compose 函数来声明想要的元素，Compose 编译器即会完成后面的所有工作 举个栗子：简.
掌握Jetpack Compose：从基础到专业技能
知识点一：Jetpack Compose入门基础 Jetpack Compose的核心概念包括声明式UI、组合函数、状态管理、预览和布局等。在入门阶段，开发者需要理解如何使用组合函数来构建界面，掌握基本的UI组件如Text、Button和Column...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值