弯曲文本Jetpack compose - 腾讯云开发者社区

文章/答案/技术大牛

发布

Jetpack Compose ! 来战！

AndroidDevChallenge - Jetpack Compose 赶在 Jetpack Compose 挑战赛的末尾完成了作品。...聊聊 Compose 参赛之余，来聊聊 Compose 。...我第一次学习 Compose 是在 2019 年 11 月份，当时用还在 dev 版本的 Compose 写了一个简单的 Wanandroid 首页。...即使目前 Google 已经发布了 beta-01版本，我仍然没有下定决心去学习 Compose 。...你准备好学习 Compose 了吗，在评论区留下你的看法。

8651 0

Jetpack Compose ! 再战！

Jetpack Compose 挑战赛第二期开始了！这次要做的是一个计时器，一个页面即可，涉及到的知识点有状态管理 (State) ，动画。难度比上一周稍大，奖品缺拉胯了。...成功完成这项挑战并提交参赛作品的前 500 名参赛者将收到一张 Jetpack Compose 海报以及一套 Android 画笔，您可以自己体验上色，纾解压力。...此外，您还将获得限量版 Jetpack Compose 漫画海报，描绘了 Jetpack 团队如何力挽狂澜，从 "糟糕的界面" 手中拯救世界。以上摘抄自官方微信号，请自行体会。...聊聊 Compose 恰逢今天 Flutter 2 正式版发布，全平台 Stable ，再来聊聊 Compose 。...Jetpack Compose is Android’s modern toolkit for building native UI.

8803 0

您找到你想要的搜索结果了吗？

是的

没有找到

【Android笔记】Jetpack Compose

注意，Jetpack Compose中的控件被定义成一个一个的可组合函数，官方称这些控件为Composable，翻译成中文是“可组合项”，当强调它作为一个界面的一部分出现时，我会使用“控件”或“元素”之类的术语...compose不允许多次测量，和Flutter一样，原因就是重复测量作用于UI这种树形结构的是时候会带来指数级的性能下降。当然有很多时候你需要重复获取子元素的一些信息，这会有其它的办法。...placeable.placeRelative(0,yPos) yPos += placeable.height } } } } 总结可以看出Jetpack...Compose面向组合实现UI树相较于传统View模式的灵活性。...相关视频【Android进阶】Compose函数式编程重点分析

1.1K2 0

Jetpack Compose · 快照系统

Jetpack Compose 引入了一种处理可观察状态的新方法 —— Snapsot（快照）。...Compose 可以利用这一点来实现旧的 View 系统无法实现的效果，例如将重构放到多个后台线程上去执行。解惑为什么state变化能触发重组呢？...Jetpack Compose在执行时注册了 readObserverOf 和writeObserverOf : private inline fun composing( composition...详细参见：Compose 如何确定重组范围只要 state 变化就一定会重组吗？...简单描述就是 Compose 使用 SlotTable 来记录数据信息，此时第一次完整的组合都没完成，不知道该从哪下手。

1.4K2 0

Jetpack-Compose 学习笔记（一）—— Compose 初探

当然，Compose 也是属于 Jetpack 工具库中的一部分，官方宣称可以简化并加快 Android 上的界面开发，可以用更少的代码去快速打造生动而精彩的应用。...前提条件，对 Kotlin 语言熟悉，因为 Compose 都是用 Kotlin 语言开发实现的，对其他的 Jetpack 库熟悉就更好了。 Compose 可以和现有的工程项目进行互操作。...另外还需将 app 目录下的 gradle 文件中启用 Jetpack Compose，并设置 Kotlin 编译器插件的版本。...此外，属性的信息文本应该存放在本地资源中，如 res 目录下的 string 或类似的地方。" 额。。。...参考文献 Jetpack Compose 1.0 正式发布！

2.9K1 2

Jetpack Compose 使用前后对比

为了包含 Jetpack Compose 1.0.0-beta05 的更新内容，这篇文章在第一次发布后做出了更新。如果您希望查看原始版本，请点击这里。...2020 年，我开始了缓慢迁移 Tivi UI 的任务，目标是使其转为由 Jetpack Compose 编写。大约 12 个月之后，任务完成！...tplv-k3u1fbpfcp-zoom-in-crop-mark:1304:0:0:0.awebp △ 迁移前后，Tivi 中展示视频的效果应用迁移的第一个阶段使用了 Fragments 与 Navigation，同时每个 Fragment 的 UI 使用了 Jetpack...我检出了新的分支，并将 Jetpack Compose 更新到 1.0.0-beta05、AGP 更新到 7.0.0-alpha14、Gradle 更新到 7.0 以及 Kotlin 更新到 1.4.32...您可以查看我们发布的文章来了解更多: 深入详解 Jetpack Compose | 优化 UI 构建深入详解 Jetpack Compose | 实现原理注意事项关于上面的所有结果，有些事项需要注意

1.5K3 0

深度解析 Jetpack Compose 布局

Jetpack Compose 是用于构建原生 Android 界面的新工具包。...接下来，我们来看看 Compose 的布局模型是如何实现这些目标的。 Jetpack Compose 可将状态转换为界面，这个过程分为三步: 组合、布局、绘制。...如需详细了解固有特性测量，请参阅 Jetpack Compose 中的布局 Codelab 中的 "固有特性" 部分。...最常用的对齐线是文本基线。...如需了解更多，请查阅以下列出的资源: Jetpack Compose 使用入门文档 Jetpack Compose 学习路线图 Jetpack Compose 相关示例

2.7K3 0

Android Jetpack Compose开发体验

链接：https://juejin.cn/post/7356437111601758218 本文由作者授权发布前言 “使用JetPack Compose 更快地构建更好的应用程序” Jetpack Compose...Compose，特别是Jetpack该怎么理解呢？...也不是，在目前来说，Compose UI一些组件如Pager还是有些不成熟的，另外性能方面也有些不足，这也就呼应了本篇开头的jetpack compose官网那句话 “使用JetPack Compose...富文本支持 Compose UI目的旨在兼容更多平台，从底层嫁接 UI Node节点，如AndroidComposeView的实现，这种相比flutter的引擎，显然要做更多的底层适配。...Compose UI中的Text对富文本的支持其实是弱化了的，当然可行的方法是使用Flow布局去实现，但另一个问题是，html解析如果沿用android 的span标记，就无法适应其他平台，因此这是一种妥协了

1K1 0

Jetpack Compose开篇之 HelloWorld

前言此前我更新了Jetpack Architecture系列的文章，如果你还不了解Jetpack，可以移步至 Android JetPack系列文章，持续更新中从即日起，我将开始持续更新Jetpack...Jetpack Compose是什么 Jetpack Compose 是用于构建原生 Android 界面的新工具包。...Flutter VS Jetpack Compose 说到声明式UI，你肯定想到了最近“热火朝天”的 Flutter技术，号称跨各种平台，和Android比优势****，很多人不仅喜欢将Flutter和...Jetpack Compose相比，更喜欢和Android相比，并得出了一些结论，那些结论我不去评判对错，我也没有资格去评判，但是如果你问我，一个Android开发者 Flutter、Jetpack Compose...Jetpack Compose HelloWorld 新建项目使用Compose我们需要下载Android studio4.2的最新预览版本，我们可以直接新建一个Compose项目，也可以在已有项目中添加配置

2.1K2 0

【译】JetPack Compose for Desktop 初体验

目前为止，我们只在 Android 开发中看到 Jetpack Compose[2]。...在诸如按钮、文本字段等 UI 组件中，我们使用 remember 作为文本的状态，这样当我们在未来更新这个 text 变量时，与该变量相关的视图也会更新显示文本。...捐赠如果你刚入门 Jetpack Compose ，可以从这里开始。...-5c3bf8629dc5 [2] Jetpack Compose: https://developer.android.com/jetpack/compose [3] IntelliJ IDEA: https.../jetpack-compose-a-new-and-simple-way-to-create-material-ui-in-android-f49c6fcb448b [9] “JetPack Compose

5.7K3 0

Jetpack Compose Alpha 版现已发布！

现在，我们正式发布 Jetpack Compose 的 Alpha 版本，邀请您体验！开发者们通过构建应用演绎价值和实现理想。...我们为大家带来的 Jetpack Compose，目的就是为了让您 (我们也是！) 能在构建 UI 上更加高效！...Jetpack 的 Hello World Jetpack Compose: Alpha 版现已发布 Jetpack Compose Alpha 版本提供了用于构建成熟 Android 应用所需的功能...Animations Constraint Layout 无障碍初步支持输入和手势与视图的互操作性 (可以在您现有的 app 中混合可以组合的功能) 懒加载列表 Material UI 组件性能优化测试文本和可编辑文本...可组合元素预览开始使用 Jetpack Compose 要开始使用 Jetpack Compose，请参阅 Compose 教程并进行设置。

4.9K3 0

Jetpack Compose+架构=优秀APP？

为了帮助大家系统的学习，在这里给大家分享一份谷歌大佬整理的《Jetpack Compose 入门到精通》，希望可以帮助大家快速入门Compose。第一章初识 Jetpack Compose 1....插槽API 第二章 Jetpack Compose构建Android UI 1....Android Jetpack Compose 最全上手指南 Jetpack Compose 环境准备和Hello World 布局使用Material design 设计 Compose 布局实时预览...深入详解 Jetpack Compose | 实现原理 @Composable 注解意味着什么？...Jetpack Compose应用2 3.

2K2 0

深入详解 Jetpack Compose | 实现原理

本文是 Compose 系列的第二篇文章。在第一篇文章中，我已经阐述了 Compose 的优点、Compose 所解决的问题、一些设计决策背后的原因，以及这些内容是如何帮助开发者的。...此外，我还讨论了 Compose 的思维模型、您应如何考虑使用 Compose 编写代码，以及如何创建您自己的 API。在本文中，我将着眼于 Compose 背后的工作原理。...如果您已经了解过 Compose，您大概已经在一些代码示例中看到过 @Composable 注解。这里有件很重要的事情需要注意—— Compose 并不是一个注解处理器。...Composer 的实现包含了一个与 Gap Buffer (间隙缓冲区) 密切相关的数据结构，这一数据结构通常应用于文本编辑器。...在本例中，我们可以看到一些冗余：Address 调用中添加的 “Mountain View” 与 “CA” 会在下面的文本调用被再次存储，所以这些字符串会被存储两次。

2.6K3 0

Android Jetpack组件 Compose 使用介绍

Android Jetpack组件 Compose 使用前言正文一、创建Compose项目 1. setContent 2....空间占位三、列表 ① 显示列表 ② item点击事件四、源码前言一直以来，在Android 中构建UI页面是一个很耗时的操作，我们需要图形界面和xml去创建布局，通过预览达到我们想要的效果，而Jetpack...正文 Jetpack Compose是一个用于构建原生Android UI的现代工具包。...Jetpack Compose 通过更少的代码、强大的工具和直观的 Kotlin API 简化并加速了 Android 上的 UI 开发。听起来好像老牛逼了！！！...函数命名就按自己的意思来，这里面是Text就表示通过Compose编辑识别为TextView，然后设置文本值： "Hello $name!"

3.6K2 0

Jetpack Compose中的下拉刷新

1.9K1 0

Jetpack Compose中Modifier方法介绍

前言在 Compose 中，Modifier 的调用顺序是有影响的。...修饰符列表 https://android-dot-google-developers.gonglchuangl.net/jetpack/compose/modifiers-list?...hl=zh-cn 背景 Modifier.background(Color.Green)) 内外边距和背景在 Compose 中，背景色使用 Modifier.background() 进行设置。...在 Compose 中，Margin 和 Padding 都用 Modifier.padding() 来设置。...之后是内边距 pading和background一定要写在height和width前面不然会不起作用示例: // 背景色不包括 padding 的部分，效果类似 margin Text(text = "Compose

7501 0

Jetpack Compose中UI数据刷新

前言 Jetpack Compose中想更新界面上的任何东西都需要重组，重组本质就是再执行一次当前函数。

6411 0

Jetpack Compose Beta 版现已发布！

Compose 中新增 RecyclerView 基于 DSL 的 Constraint Layout 修饰符测试主题和图形，可轻松支持深色/浅色模式输入和手势文本和可编辑文本 Window...Composable Android Emulator 上的 Live Literals (实时文字) 适用于 Jetpack Compose 的布局检查器兼容现有应用 Jetpack Compose...我们发起了一系列的每周挑战，帮助您对 Jetpack Compose 形成自己的见解，从而顺利完成项目。...随着 Jetpack Compose Beta 版的推出，针对 1.0 版的稳定 API 和功能均已构建完成。...现在时机正好，不妨开始学习 Jetpack Compose，并规划如何在接下来的项目中使用该工具包。

6.5K1 0

Jetpack Compose中多主题设置

https://developer.android.google.cn/jetpack/compose/designsystems/material3?...androidx.compose.runtime.compositionLocalOf import androidx.compose.runtime.remember import androidx.compose.ui.graphics.toArgb...LocalAppTheme.current == AppTheme.DARK){ } } 使用主题的颜色 MaterialTheme.colorScheme.background 使用主题的文本样式...MaterialTheme.typography.labelLarge 使用主题的形状样式 MaterialTheme.shapes.medium 说明 CompositionLocalProvider CompositionLocalProvider 是 Jetpack...Compose 中的一个重要概念，用于向整个组合树（Compose tree）提供特定类型的值。

5721 0

Jetpack Compose中的列表组件

前言 Jetpack Compose 中的列表组件相对于之前的View方式要简单很多。

8151 0

点击加载更多

Jetpack Compose ! 来战！

Jetpack Compose ! 再战！

【Android笔记】Jetpack Compose

Jetpack Compose · 快照系统

Jetpack-Compose 学习笔记（一）—— Compose 初探

Jetpack Compose 使用前后对比

深度解析 Jetpack Compose 布局

Android Jetpack Compose开发体验

Jetpack Compose开篇之 HelloWorld

【译】JetPack Compose for Desktop 初体验

Jetpack Compose Alpha 版现已发布！

Jetpack Compose+架构=优秀APP？

深入详解 Jetpack Compose | 实现原理

Android Jetpack组件 Compose 使用介绍

Jetpack Compose中的下拉刷新

Jetpack Compose中Modifier方法介绍

Jetpack Compose中UI数据刷新

Jetpack Compose Beta 版现已发布！

Jetpack Compose中多主题设置

Jetpack Compose中的列表组件

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐