重磅开源！Jetpack compose开源项目GitHub标星7.4K+

最新推荐文章于 2024-05-14 06:28:36 发布
最新推荐文章于 2024-05-14 06:28:36 发布
阅读量1.2k 收藏 13
点赞数 18
分类专栏： 字节跳动 项目经验 阿里巴巴 文章标签： android UI Jetpack compose GitHub
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AndroidAlvin/article/details/117254806
版权

Jetpack compose 简介

在今年的Google/IO大会上，亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样，Jetpack Compose是一个声明式的UI框架，随着了今年安卓和苹果两大移动平台相继推出自己的UI开发框架Jetpack Compose 和SwiftIUI，标志着移动操作系统正式全面拥抱声明式 UI 开发模式。

Jetpack Compose 是一个用于构建原生Android UI 的现代化工具包，它基于声明式的编程模型，因此你可以简单地描述UI的外观，而Compose则负责其余的工作-当状态发生改变时，你的UI将自动更新。由于Compose基于Kotlin构建，因此可以与Java编程语言完全互操作，并且可以直接访问所有Android和Jetpack API。它与现有的UI工具包也是完全兼容的，因此你可以混合原来的View和现在新的View，并且从一开始就使用Material和动画进行设计。

如何学习 Jetpack compose

关于如何学习Jetpack compose 开发知识，最近小编搜集整理了GitHub开源项目这份Jetpack compose项目实战手册，部分知识章节发布到了在GitHub上竟然7.4K+，今天就拿出来分享给大家。

最低0.47元/天 解锁文章
Python_林一
关注
  • 18
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
Jetpack Compose for Desktop简介与使用
xiangzhihong8的专栏
04-29 3292
如果大家使用Jetpack Compose 开发过Android App，那么对于使用Jetpack Compose构建原生 Android 界面的新工具包就不会陌生。Jetpack Compose 使用更少的代码、强大的工具和直观的 Kotlin API 简化并加快了 Android 上的界面开发。而去年的年底，谷歌发布了Jetpack Compose for Desktop套件，不难发现，这是 kotlin 一直在搞的套路，多平台共享代码。 总的来说，Compose for Desktop就是为了简化并
推荐开源项目：Snapper - Android Jetpack Compose的滚动捕捉库
最新发布
gitblog_00062的博客
05-22 362
推荐开源项目：Snapper - Android Jetpack Compose的滚动捕捉库 项目地址:https://gitcode.com/chrisbanes/snapper 1、项目介绍 Snapper是一个专为Android Jetpack Compose设计的库，它为LazyColumn和LazyRow等滚动布局提供了平滑的滚动捕捉功能。尽管该项目已被标记为已弃用，因为其功能在Jetp...
Jetpack Compose for Desktop是Kotlin的现代UI框架，可轻松愉快地构建高性能，美观的用户界面。-Android开发
05-26
Jetpack Compose for Desktop是Kotlin的现代UI框架，可轻松愉快地构建高性能，美观的用户界面。 通过JetBrains的Compose for Desktop，适用于台式机平台（macOS，Linux，Windows），位于核心Compose存储库之外的组件的https://android.googlesource.com/platform/frameworks/support的Compose Kotlin UI框架端口。 存储库组织图稿-设计工件基准-基准的集合ci-持续集成帮助程序cef-Jetpack Compose示例中的CEF集成-台式机和Android codeviewer的多平台Compose应用程序的示例-文件
2024年Android最全重磅开源！Jetpack compose开源项目GitHub标星7，架构面试题
2401_84545291的博客
05-14 893
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。下图是我进阶学习所积累的历年腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节祝大家都能得到自己心仪工作。
Compose for Desktop (Kolin跨平台编写Mac微信应用)
Stay hungry, stay foolish!!
04-11 7134
春光不自留，莫怪东风恶 掘金博客地址-创作不易-希望点赞 Compose for Desktop       Compose是由Kotlin语言快速编辑界面的框架，基于谷歌的现代工具箱，由JetBrains为您带来。 Compose for Desktop简化并加速了桌面应用程序的UI开发，并允许Android和桌面应用程序之间大量的UI代码共享,这是来自官方的一些阐述解释。Compose初忠是声明式UI,当然了跨平台的纷争乱战时代,它也有着跨平
Android Jetpack Compose多平台用于Android和IOS
虎哥LoveDroid
07-11 1726
JetBrains和外部开源贡献者已经努力工作了几年时间来开发Compose Multiplatform，并最近发布了适用于iOS的Alpha版本。自然地，我们对其功能进行了测试，并决定通过使用该框架在iOS上运行我们的Dribbble复制音乐应用程序来进行实验，看看可能会出现什么挑战。Compose Multiplatform面向桌面和iOS平台，利用Skia的功能，Skia是一个广泛应用于不同平台的开源2D图形库。
Compose跨平台第一弹：体验Compose for Desktop
Eqiqi的博客
01-09 1482
Compose是Android官方提供的声明式UI开发框架，而Compose Multiplatform是由JetBrains 维护的，对于Android开发来说，个人认为学习Jetpack Compose是必须的，因为它会成为Android主流的开发模式，而compose-jb作为一个扩展能力，我们可以有选择的去尝试。今天我们先来了解一下使用compose-jb开发一个桌面端应用的流程。
重磅开源！Jetpack compose开源项目GitHub标星7
2301_76327109的博客
04-04 282
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。
compose-icons:Jetpack Compose的开源图标包
03-28
Compose图标是一包库，提供了可在Jetpack Compose Multiplatform中使用的众所周知的Icon Pack。 库的使用受到“构成材料图标”的启发。 撰写版本 Jetpack撰写（Android）： 1.0.0-beta01 Jetbrains组成（桌面）： ...
Jetpack Compose入门到精通
01-29
**Jetpack Compose**是Android开发中的一个革命性框架，旨在简化UI开发，提供声明式编程方式，使得构建美观、高性能的应用程序变得更加容易。在这个**“Jetpack Compose入门到精通”**的学习过程中，我们将深入探讨...
jetpack-compose-awesome:Jet精选的Jetpack Compose库，项目，文章和资源的精选清单
04-13
:memo: 精选的JetpackCompose库，项目，文章和资源的精选列表。 另请参阅： 内容 影片 附加功能 :fire: 新闻/更新 宣布Jetpack Compose Beta！ 2021年3月24日， Accompanist v0.7.0发行 2021年2月24日-Jetpack...
Jetpack Compose for Desktop实现复杂的自动布局网格
程序猿赵高的博客
04-21 1646
效果如下: 主要实现随窗口尺寸自动调整元素位置的功能，由于实际上考虑了window的尺寸（实现过程并未涉及window)，在android上并不适用（虽然正常运行应该没有问题）。实现这种动态控件，思路还是很清晰的，就是用BoxWithConstraints测量待绘图区域的尺寸，根据得到的尺寸画出相应的控件。 代码如下: import androidx.compose.foundation.layout.* import androidx.compose.material.Text import andro
Android项目推荐 | 使用Jetpack Compose和MVI构建Book应用
虎哥LoveDroid
01-17 1115
通过使用现代开发框架如Jetpack Compose、Kotlin、Kotlin Coroutines、Lifecycle、KTOR、Firebase等来构建一个Android有声读物阅读和听书应用。本系列旨在提供逐步开发功能丰富的应用程序的详细步骤，并展示了在当今Android开发环境中实现Clean Architecture和MVI设计模式的方法。
现代化 Android 开发：Jetpack Compose 最佳实践
1
07-17 1190
Compose 业务上能做的优化大体上就是这些了。总之我们就是我们要保持组件的颗粒度尽可能的小，容易变动的要独立出来，非常稳定的也要独立出来，尽量使用 Immutable 的数据结构。如此之后， Compose 的流畅度还是非常不错的。如果还觉得卡，那多半是因为你使用的是 Debug 包，Compose 会在 Debug 包加很多调试信息，会很影响其流畅度的。切换到 Release 包，可能丝滑感就出来了。为了帮助大家更好的熟知Jetpack Compose 这一套体系的知识点，
Jetpack Compose大师乘势而上，创建引人入胜和直观的UI；实用技巧和技术
m0_71524094的博客
04-14 488
Jetpack Compose 提供了一套新的声明式 UI 编程模型，采用 Kotlin 语言编写，使得开发者可以通过编写组合的函数来描述 UI 界面，这样可以避免传统 UI 开发中繁琐的 View 层次嵌套和回调函数处理，从而使得开发更加高效和直观。使用 Compose 可以很容易地实现动画效果。Jetpack Compose 使用主题样式来统一界面风格，并且可以根据主题的不同来定制组件的外观和样式，如果需要自定义组件，可以使用 @Stable 和 remember 函数来提高性能和防止不必要的重绘。
Jetpack Compose for Desktop 打包生成Windows的Msi安装包和exe可执行程序 exited with 311 code
喝烧酒的兔子
03-26 9765
创建Compose for Desktop项目, 用IDEA默认生成的代码进行打包. 打包环境: IDEA 2021.3.3 kotlin 1.5.31 JDK jdk-15.0.2_x64(此版本打包失败, 改用jdk-16.0.2_x64成功) Gradle 7.1.1 org.jetbrains.compose 1.0.0 Windos 10 专业版 21H2 build.gradle.kts ```kotlin import org.jetbrains.compose
Jetpack Compose 介绍和快速上手
huangjianfeng21的博客
09-13 682
是围绕着Composable函数建立的。要创建一个Composable函数，只需在函数名称中添加注解。Composable函数只能从其他Composable函数的范围内调用。为了更好的理解，定义一个函数，它包含了一个name参数，并使用这个参数来配置文本元素) {!!// Composable 函数一般用大写开头，为了和普通的函数作为区分可以让你在IDE中预览你的Composable函数，而不需要部署到设备上。但是有个限制, 需要预览的Composable函数必须不能有任何参数。
jetpack compose实战项目
11-20
Jetpack Compose是一个全新的Android UI工具包，可以帮助开发者更快速、更简单地构建Android应用程序的用户界面。以下是一个Jetpack Compose实战项目的简介： 项目名称：Compose Countdown Timer 项目描述：这是一个基于Jetpack Compose的倒计时计时器应用程序。用户可以设置计时器的时间，并在计时器倒计时时观看动画。 实现步骤： 1.创建一个Compose项目并添加所需的依赖项。 2.创建一个计时器组件，该组件将显示计时器的当前时间，并在计时器倒计时时触发动画。 3.创建一个设置计时器时间的组件，该组件将允许用户设置计时器的时间。 4.将计时器组件和设置时间组件组合在一起，以创建一个完整的倒计时计时器应用程序。 代码示例： ```kotlin @Composable fun CountdownTimer() { var time by remember { mutableStateOf(0) } var isRunning by remember { mutableStateOf(false) } LaunchedEffect(isRunning) { while (isRunning && time > 0) { delay(1000) time-- } } Box( modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center ) { if (time > 0) { Text( text = time.toString(), fontSize = 60.sp, fontWeight = FontWeight.Bold ) } else { Text( text = "Time's up!", fontSize = 60.sp, fontWeight = FontWeight.Bold ) } } } @Composable fun SetTime(onTimeSelected: (Int) -> Unit) { var time by remember { mutableStateOf(0) } Column( modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally ) { Text( text = "Set time", fontSize = 24.sp, fontWeight = FontWeight.Bold, modifier = Modifier.padding(vertical = 16.dp) ) Row( modifier = Modifier.padding(vertical = 16.dp) ) { Text( text = "Minutes:", fontSize = 18.sp, modifier = Modifier.padding(end = 8.dp) ) OutlinedTextField( value = time.toString(), onValueChange = { time = it.toIntOrNull() ?: 0 }, keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number), modifier = Modifier.width(100.dp) ) } Button( onClick = { onTimeSelected(time) }, modifier = Modifier.padding(vertical = 16.dp) ) { Text(text = "Start timer") } } } @Composable fun ComposeCountdownTimer() { var time by remember { mutableStateOf(0) } var isRunning by remember { mutableStateOf(false) } if (time == 0) { SetTime(onTimeSelected = { selectedTime -> time = selectedTime * 60 isRunning = true }) } else { CountdownTimer() } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值