首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

安卓软件开发:使用AndroidView(MDC)实现高级轮播图App-下篇

使用 LazyColumn 和 LazyRow 替代 RecyclerView,可以很轻松实现复杂的布局和滚动行为,减少了代码量,提升了开发体验。...3.3 布局和性能 在 MDC 中,我们使用 RecyclerView 配合 LayoutManager 实现复杂布局,这种方法虽然成熟,但可能需要手动优化滚动性能。...Jetpack Compose 的 LazyColumn 和 LazyRow 提供了内置的性能优化机制,处理长列表时会自动实现惰性加载,不会加载屏幕外的内容,提升性能。...在 Jetpack Compose 中,实现类似动画效果可以通过 animate*AsState 或 LaunchedEffect 管理 UI 变化。...Jetpack Compose:内置性能优化 Compose 则通过惰性布局(如 LazyColumn、LazyRow)自动优化性能。它只会渲染屏幕上可见的内容,减少了不必要的计算。

59881

安卓软件开发:使用Jetpack Compose和M3的轮播图和列表App-上篇

在这篇文章里,我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现使用Jetpack Compose、M3和Kotlin开发轮播图和列表功能。...一、项目背景 这个应用中常见的 UI 需求是轮播图、列表和弹窗,使用 Jetpack Compose 和 M3 的组件,可以快速、高效编码现代化的 UI。...二、项目开发 2.1 介绍轮播图(Carousel) UI 但是遗憾想要告诉大家,目前,Jetpack Compose 本身还没有现成的轮播图控件(,只能用Android原生实现-下篇会讲 2.2 轮播图实现...在首页的 HomeScreen 中使用了 LazyRow 来实现横向滚动的轮播图,还展示了如何使用 M3 的组件创建卡片样式的分类项,自定义颜色、样式和阴影效果。...轻松实现分组列表的标题部分,像音乐应用中的不同分类一样。

687111
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Jetpack Compose 1.1 现已进入稳定版!

    作者 / Android 开发者关系工程师 Florina Muntenescu 我们一如既往地搭建 产品路线图,现在已经发布了 Jetpack Compose 的 1.1 版本,这是 Android...此版本新增了一些功能,比如经过优化的焦点处理、触摸目标值、ImageVector 缓存,和对 Android 12 拉伸滚动的支持。...这将使得 Compose Material 与 Material Design 组件的行为保持一致,以便在混合使用 View 和 Compose 时提供一致的行为。...Jetpack Compose 现已推出稳定版本,供大家在生产环境中使用,并且会继续添加您想要的功能。...我们很感激开发者们在 Alpha 版和 Beta 版期间,通过 问题跟踪页 提交的错误报告和功能请求,帮助我们改进了 Compose 并构建您需要的 API。

    1.2K20

    Android Compose开发

    Compose 编程思想 | Jetpack Compose | Android Developers Compose 布局基础知识 | Jetpack Compose | Android...但是在 Compose 1.5版本中,Google 做了大量的性能优化工作,所以如果你现在再来尝试一次,你会发现性能已经不是什么问题了。 修饰符 借助修饰符,您可以修饰或扩充可组合项。...您可以使用修饰符来执行以下操作: 更改可组合项的大小、布局、行为和外观 添加信息,如无障碍标签 处理用户输入 添加高级互动,如使元素可点击、可滚动、可拖动或可缩放 修饰符是标准的 Kotlin 对象。...滚动 在 View 中的话,通常可以在需要滚动的内容之外再嵌套一层 ScrollView 布局,这样 ScrollView 中的内容就可以滚动了。...中的文字 | Jetpack Compose | Android Developers 自定义图片 | Jetpack Compose | Android Developers val

    36310

    写给初学者的Jetpack Compose教程,Lazy Layout

    本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注,每个工作日都有文章更新。 大家好,写给初学者的Jetpack Compose教程又来了。...可能也还好,因为我们一直以来都是这么写的,很多Android开发者都已经习惯了。 但是如果我告诉你,在Compose中只需要编写这些代码就能实现完全相同的效果,你还能坐得住吗?...而LazyRow则是用于在水平方向上滚动的可复用列表。...,效果如下图所示: 所以,Lazy Layout用法的核心,基本就是在LazyColumn或LazyRow的闭包中添加一个items函数,并且将我们的列表数据源传递给这个函数即可。...因为Compose中还允许一些场景和逻辑都比较合理的嵌套滚动,我们主要来看这部分的用法。

    65210

    从0上手Jetpack Compose,看这一篇就够了~

    Jetpack Compose是什么 Jetpack Compose 是用于构建原生 Android 界面的新工具包。...我们是在Activity中编写Java/Kotlin的代码,在XML中编写布局代码,这种方式是我们已经使用了很久的方式,而Jetpack Compose完全抛弃了之前的方式,新创造了一种“使用代码”编写页面的方式...快来一起学习一下吧~ 延迟列表组件 Compose为我们提供了LazyColumn和LazyRow组件,相当于XML中的RecycleView组件,从名字中我们也可以知道一个是垂直滚动一个是水平滚动。...实现这个功能我们可能是通过隐藏或显示组件,但是在Compose中我们通过是否将可组合项添加到界面树中来控制。...不知道你有没有发现,截图中的顶部和按钮颜色都是褐色的,并且文字也有默认的颜色,这都是Compose中的主题帮我们设置好的,最后我们一起简单了解一下吧~ Compose主题 在初识Compose项目中,我们已经知道

    1.5K31

    Row本身是不支持滚动,如何实现滚动

    Row本身是不支持滚动的(Column同理),但是想要滚动的话,可以使用Modifier.horizontalScroll()来实现,代码如下 复制Row(Modifier.horizontalScroll...(rememberScrollState())) { } Modifier.horizontalScroll() 水平滚动 Modifier.verticalScroll() 垂直滚动 注意:compose...似乎不支持一个水平滚动嵌套垂直滚动(或垂直滚动中嵌套水平滚动),所以相应布局需要合理设计 此外,提及下,如果想使用像ListView或RecyclerView那样的列表组件,在Compose中可以使用LazyRow...= null, elevation: Dp = 1.dp, content: @Composable () -> Unit ) shape 形状,使用详见Jetpack Compose学习...border 边框,使用详见Jetpack Compose学习(3)——图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 elevation

    1.8K30

    一起看 IO | Jetpack Compose 中的新特性

    我们在开发过程中始终保持着与这些团队的密切合作,并不断听取广大 Android 社区的反馈,这也是我们推进 路线图 的关键。...: 文本改进 字体边距 我们在问题跟踪器中定位到了 得票最高的问题之一,并通过将 includeFontPadding 设置为自定义参数来解决它。...与 CoordinatorLayout 互操作 从现在起,当您在 View 系统的 CoordinatorLayout 中嵌套了一个支持滚动的可组合项时,您可以确保它们的滚动行为是可互操作的。...在 I/O 演讲 Jetpack Compose 中常见的性能问题 中,Compose 团队介绍了常见的性能错误以及这些错误的解决方法。...Codelab 全新的 Compose 性能说明文档 更新的 自定义输入文档 I/O 演讲视频: Jetpack Compose 中常见的性能问题 以及 Compose 中的惰性布局 对于新手开发者,

    2.2K20

    掌握 Android Compose:从基础到性能优化全面指南

    1.3 如何在项目中使用Compose 将 Compose 集成到现有项目中,或在新项目中使用它,只需在 Gradle 配置中添加依赖,并确保使用最新版本的 Android Studio,即可开始使用...状态变化:当用户与界面交互(如点击按钮)时,会触发状态的变化。 状态存储:状态在这里被存储和管理。在 Compose 中,这通常是通过 MutableState 或 ViewModel 来实现。...三、Compose中的列表和滚动 3.1 列表和滚动的基本概念 在移动应用中,列表是展示重复数据的常用方式。Compose 通过 LazyColumn 和 LazyRow 提供了高效的列表实现。...要自定义列表项,你可以创建一个单独的 @Composable 函数,这个函数定义了列表项的外观和行为。这种方法不仅使代码更加模块化,还可以根据需要轻松地重用和调整这些自定义组件。...这通常涉及到对列表数据的操作,如添加、删除或修改列表项,以及响应用户的交互事件。下面,我们将通过一个具体的例子来展示如何在 Compose 中处理列表中的状态和事件。

    59520

    使用 Jetpack Compose 提升 Play 商店的用户体验

    由于需要把 Compose 打包在应用中 (而不是作为 Android 框架的一部分),这是一项艰巨的任务。...重复使用界面组件 是使 Compose 在渲染方面表现出色的 核心机制,尤其是在滚动情况下。...当在 Play 商店中创建在滚动情况下频繁使用的大量重复使用界面组件时,我们发现不必要的重组会增加丢失的帧时间,从而导致卡顿。...在最初的集成实验中,我们遇到了双栈问题: 在单个用户会话中同时运行 Compose 和视图类渲染非常占用内存,尤其是在低端设备上。...将 Compose 从 Android 框架中分离出来减少了我们团队直接为 Jetpack Compose 做出贡献的开销,从而缩短了改进工作的周转时间,使所有开发者受益。

    3.2K40

    Jetpack-Compose 学习笔记(六)—— Compose 主题 Theme 一探究竟,换肤还能如此 Easy?

    Jetpack Compose 的主题 Theme 就是一套 UI 风格,其中包括字体、字号、色值等等,类比于 Android View 体系中的 Theme.MaterialComponents.DayNight.DarkActionBar...在可组合项中,一些 UI 的参数是有默认值的,比如 Alpha 透明度、ContentColor 内容色等。我们可以使用CompositionLocalProvider类去自定义这些属性的默认值。...中的色值来设置,那么需要注意的是,Compose 默认的可组合项中常见的情况是在浅色模式中将容器设为 primary色值,在暗夜模式中将其设为 surface色值,许多组件默认都是使用这种模式,例如TopAppBar...需要注意的是,只要动画所作用的可组合项没有从 Compose 组件树上被移除,那么这个动画方法不会被取消或被停止。...Android Jetpack Compose 实现主题切换(换肤);九狼 https://juejin.cn/post/7057418707357663246 Jetpack Compose -

    2.2K20

    安卓软件开发:使用 Hilt 在 Jetpack Compose 和 M3 实现依赖注入App

    在这篇文章里,我分享一个用 Jetpack Compose、Material3和 Kotlin 语言实现HiltAppDemo的案例。无论你有没有开发经验,相信这篇文章对你会非常有所帮助。...1.前几天外企面试了我问我有没有用过Hilt上手实践以及Hilt基础考点,所以我写一篇技术文章,仅供参考) Hilt 是一个依赖注入库,它帮你解决组件之间的依赖问题,特别是在需要依赖多个服务或资源时非常好用...本Demo是展示如何结合 Jetpack Compose 和 Hilt,实现一个简单的双屏Demo,使用 Hilt 管理依赖在 UI 中展示数据。...Demo中,Jetpack Compose 和 Hilt 的结合很简单,但有几个技术难点需要注意: 3.1 生命周期管理 虽然Hilt可以处理依赖注入的生命周期,但在Compose中,组件的生命周期可能会因为...3.2 Compose中的ViewModel注入 通过hiltViewModel()获取ViewModel是一个便捷的做法,但要确保它被用在合适的Compose函数中,例如在App的入口点MyApp()

    586162

    Android Dev Summit 21 精彩内容盘点

    每年9/10月份 Google 都会举行为期约2天的 Android Dev Summit,在活动上 Google 的技术专家们会分享一些 Android 领域的技术动向以及开发心得。...,滚动反馈更加真实自然。...需要注意,如果你的项目中通过 android:windowBackground 或者 CustomActivity 的方式自定义了开屏页,则需要进行适配,避免在 Android12 中出现两次开屏 Foreground...Service 的存在越来越鸡肋,或将逐渐被 WorkManager 所替代 Compatibility Test 每一个新版本的 Android 系统升级都会带来不少 API 的行为变动,Android12...的分享主题涉及了 Android 领域的方方面面,开发者无需了解,更重要的是从这些分享中洞察到未来的技术的发展趋势,比如未来的 App 可能需要适配更多而屏幕尺寸、Jetpack Compose 在 UI

    1.7K20

    一起看 IO | Jetpack 组件的新特性

    ,即 MAD 之门的钥匙,它是一个包含超过 100 个库、工具及指南的套件,以帮助开发者遵循最佳实践、减少模板代码,以及编写在不同 Android 版本和设备上表现一致的代码,从而使您可以专注于在应用中实现独特的功能...在 Google Play 中,绝大多数应用都使用了 Jetpack 实现应用架构。今天,在排名前 1,000 的应用中,超过 90% 使用了 Jetpack。...Navigation 组件现已通过 navigation-compose 组件集成到了 Jetpack Compose 中,从而允许可组合函数作为您应用中的目的地。...Jetpack Compose Jetpack Compose 是 Android 用于构建原生界面的现代工具,如今已更新至 1.2 beta 版。...新版本添加了一些用于支持先进用例的功能,包括支持可下载字体、惰性布局及嵌套滚动互操作性。更多信息请参阅文章: 一起看 I/O | Jetpack Compose 中的新特性。

    3.2K20

    compose--修饰符Modifier

    上次介绍了compose中大多数的标准组件,此外还有两个重要的组件:列表LazyColumn和LazyRow,以及约束布局ConstraintLayout,在使用它们之前,先来认识Modifier 修饰符...Modifier Modifier之前已经运用过,它能做的事情很多,不仅仅是改变组件的样式,还能够改变组件的位置,以及自定义交互事件,关于Modifier的所有用法,可以查看官方文档:https://developer.android.google.cn.../jetpack/compose/modifiers-list,这边只介绍常用的 一、Modifier顺序 首先我们必须要知道的是:Modifier的设置是有顺序的,下面的代码分别在设置padding之前和之后为...animateEnterExit:在AnimatedVisibilityScope动画可见作用域中自定义进入和出去的动画效果 例子: @OptIn(ExperimentalAnimationApi::...Modifier还能为组件添加可以滚动的支持,以及内嵌滚动、根据滚动状态显示或隐藏组件的支持 1.verticalScroll verticalScroll可以让组件支持竖直滑动: @Preview

    2K30

    Android Jetpack 更新一览

    ,我们在 Fragment 库上着力甚多,对其内部实现进行了清理并减少了未记录的行为,使开发者更容易在他们的应用中遵循最佳实践,并编写可靠的测试。...Macrobenchmark Macrobenchmark 库将 Jetpack 的基准测试范围扩展到了应用启动和综合行为,如滚动性能。...对于自定义 TextViews,可以使用 :emoji2:emoji2-views-helpers 中的实用方法,或通过继承 AppCompat 视图来支持现代表情符号。...Jetpack Compose Jetpack Compose 是用于在 Android 上构建原生 UI 的现代工具包,简化并加速了 Android 上的 UI 开发。...Jetpack Compose 目前处于 Beta 版本,并计划 在 7 月份发布稳定版。本文提到的许多库,以及您可能已经在使用的其他库,都专门推出了与 Jetpack Compose 集成的功能。

    1.6K20

    Android Jetpack 学习笔记(1) - 概述

    compose * 使用描述界面形状和数据依赖项的可组合函数,以编程方式定义界面。 databinding * 使用声明性格式将布局中的界面组件绑定到应用中的数据源。...lifecycle * 构建生命周期感知型组件,这些组件可以根据 Activity 或 Fragment 的当前生命周期状态调整行为。...Benchmark Benchmark 与 CPU 分析 集成,因此您可以分析您的基准,然后直接在 Android Studio 中查看方法或采样跟踪,还添加了对内存分配跟踪的支持,以便优化分配时间并减少垃圾收集的负载...CameraX CameraX 可以在其中 90% 的android 设备上运行。提高了相机应用的可靠性,以确保 API 在各种设备上的最佳行为。...Jetpack Compose — Android 的新 UI 工具包 Jetpack Compose是 Android 的全新现代 UI 工具包,此版本添加了许多新功能:视图互操作性、更多 Material

    1.5K20
    领券