文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

聚焦 Android 11: UI 与 Compose

重大更新: Jetpack Compose Alpha Jetpack Compose 的 第一个 alpha 版本 已经发布，这是 Android 的现代化 UI 工具包，可以访问原生平台 API。...您也可以观看视频，通过开源示例应用中的具体示例，了解 Jetpack Compose 如何简化 Android 界面。...要了解如何将其添加到您的应用中，欢迎访问相关 视频、博文 以及 示例应用… Material Design 组件 我们 建议 您参考 Material Design 指南，确保应用一致运行，以及应用的使用习惯可以延续...采用 MDC 可以使您的代码库为以后尝试 Jetpack Compose 做好准备，他们使用了相同的概念、设计词汇以及组件。...您可以按照 "现代界面" 学习计划学习如何利用 Material Design、动画或最新的 Android 11 功能。

1.7K30
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Jetpack Compose Alpha 版现已发布！

    图片 作者 / Google 产品总监 Karen Ng Jetpack Compose 是一个现代化的 UI 工具包，旨在帮助开发者通过原生平台 API 简单快捷地在全 Android 平台构建精美应用...现在，我们正式发布 Jetpack Compose 的 Alpha 版本，邀请您体验！ 开发者们通过构建应用演绎价值和实现理想。...Compose API 是与一组使用 Material Design 规范的示例应用 一起设计和开发的！我们很高兴发布这些应用！...Jetpack Compose 是一种完全基于声明式组件的方法，这意味着您需要将 UI 描述为将数据转换为 UI 层级结构的函数。...您可以将基于视图的 UI 元素添加到可组合的函数中。这样做可以将不基于 Compose 的组件添加到基于 Compose 的组件中，例如: MapView 或 WebView。

    4.1K30

    原创|Android Jetpack Compose 最全上手指南

    二、Jetpack Compose 介绍 Jetpack Compose 是一个用于构建原生Android UI 的现代化工具包，它基于声明式的编程模型，因此你可以简单地描述UI的外观，而Compose...因为Android Studio 4.0 添加了对Jetpack Compose 的支持，如新的Compose 模版和Compose 及时预览。...Compose 中，如何来实现垂直布局呢？...Design 设计原则，许多组件都实现了Material Design 设计，可以开箱即用，在这一节中，将使用一些Material小组件来对app进行样式设置 1....如本例所示，我们设置显示最大行数为2，多于的部分截断处理： Text("我超❤️JetPack Compose的！写起来简单，复用性又强，可以抽取很多组件来复用，不用管理复杂的状态变更！"

    6.3K20

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

    Row本身是不支持滚动的(Column同理),但是想要滚动的话,可以使用Modifier.horizontalScroll()来实现,代码如下 复制Row(Modifier.horizontalScroll...似乎不支持一个水平滚动嵌套垂直滚动(或垂直滚动中嵌套水平滚动),所以相应布局需要合理设计 此外,提及下,如果想使用像ListView或RecyclerView那样的列表组件,在Compose中可以使用LazyRow...水平方向对齐 Spacer Spacer,直接翻译的话,应该是空格,其主要就是充当margin的作用,一般使用modifier修饰符来设置宽高占位来达到margin效果 Card 官方封装好的Material Design...的卡片布局 复制fun Card( modifier: Modifier = Modifier, shape: Shape = MaterialTheme.shapes.medium,...= null, elevation: Dp = 1.dp, content: @Composable () -> Unit ) shape 形状,使用详见Jetpack Compose学习

    1.8K30

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

    消除样板代码: Jetpack 可以管理各种繁琐的后台任务、导航和生命周期管理等。 减少不一致: Jetpack 的组件库可在各种 Android 版本和设备中以一致的方式运作，助您降低复杂性。...compose * 使用描述界面形状和数据依赖项的可组合函数，以编程方式定义界面。 databinding * 使用声明性格式将布局中的界面组件绑定到应用中的数据源。...hilt * 扩展了 Dagger Hilt 的功能，以实现 androidx 库中某些类的依赖项注入。...Material Design 组件* 适用于 Android 的模块化、可自定义 Material Design 界面组件。...Jetpack Compose — Android 的新 UI 工具包 Jetpack Compose是 Android 的全新现代 UI 工具包，此版本添加了许多新功能：视图互操作性、更多 Material

    1.3K20

    精彩回顾 | 2021 Android 开发者峰会

    优秀应用: Jetpack Compose 现已支持 Material You 在构建优秀的应用上，我们不断壮大的 现代 Android 开发 (MAD) 包括开发工具、API、语言和分发技术合集是您的左膀右臂...同时，我们在 MAD 中也推出了许多新功能，帮您达成这一目的，比如以下这项发布: 在 Jetpack Compose (Android 用于构建原生 UI 的现代工具包) 中引入 Material You...现在我们发布了 Compose Material 3 第一个 Alpha 版，该版本提供 Material Design 3 风格的组件和 主题，支持 Material You 个性化功能，如动态色彩。...Jetpack: 更多功能助您打造优秀应用 除 Compose 之外，Jetpack 会继续添加大家一直提及的功能。Navigation 添加了对多个返回堆栈的支持。...利用 Jetpack Compose 可以更快速、更容易地构建 UI，因此我们在 Wear OS 中引入对 Compose 的支持。

    1.3K30

    Jetpack Compose 现已支持 Material You | 2021 Android 开发者峰会

    这意味着 1.1 中的新 API 现已稳定，可以为您提供新的功能并带来性能提升。...这是使用 Jetpack Compose 构建 Material You UI 的全新工件，可提供更新的 组件 和 颜色系统，其中包括对 动态配色 的支持，因此开发者可以根据用户的壁纸创建个性化的调色板...欢迎您前往全新的 m3.material.io 网站，了解关于 Material Design 3 的更多信息，找到有助您使用动态配色进行设计和构建的工具，比如 Material Theme Builder...更多 Jetpack Compose 的指南和文档 我们发布了大量关于 Jetpack Compose 的技术分享，深入探讨了布局、动画和状态，展示了如何在 Wear OS、主屏幕微件 (widget)...Handoff 最后，我们 抢先介绍 了一些用于设计接力 (Handoff) 的新工具，使您能够导出在 Figma 中设计的组件，以生成通用的 Jetpack Compose 代码。

    2.7K30

    聚焦 Android 11: 大功告成

    您可以查看官方文档中的相关案例，了解上述两个团队如何实现这些功能。...在 Android 11 中，我们引入了多项 隐私改进，如 单次授权，利用该功能，用户可授权应用访问设备的麦克风、摄像头或位置信息，但该访问权限仅在授权当时有效。...视频：Android 的现代存储 Google Play 系统更新 : Google Play 系统更新最初作为 Project Mainline 的一部分随 Android 10 一起推出，为用户更快提供核心操作系统组件更新...探索 Jetpack Compose Design 工具的最新发展，以及 如何在 Android Studio 中使用新的数据库检查器。...您可以通过 Compose 学习计划、"现代界面" 学习计划、视频列表 以及 往期文章 了解更多信息。

    2K30

    实战 | 在应用中使用 Compose Material 3

    新的 Compose Material 3 Jetpack 库 现已发布 Alpha 版，它基于 Material Design 3 规范，包括了更新后的主题、组件以及动态配色这类 Material You...Jetchat 是一款使用 Jetpack Compose 构建的示例聊天应用，目前使用 Material Design 2 中的主题和组件。...现有的 MaterialTheme 可组合项是 Material Design 2 的实现，它通过调整颜色、排版和形状系统，可以在整个应用内实现对 Material 2 组件进行主题设置。...containerColor: Color, tonalElevation: Dp, … ) △ 更新前后的样式改变 Compose Material 3 中的组件进行了很多更新，为了让您全面了解所有的组件以及它们的实现方式...MDC-AndroidCompose Theme Adapter 库 是一款支持重用 Android XML 主题的 Material 组件，以方便我们在 Jetpack Compose 中设置主题。

    2.8K20

    Jetpack Compose 1.0 正式发布！打造原生 UI 的 Android 现代工具包

    的 1.0 版本，这是 Android 的现代原生 UI 工具包，可以帮助您更快地打造更好的应用。...您可以只在屏幕上添加一个按钮，也把自己创建的自定义视图保留在现在用 Compose 打造的界面中。 Jetpack 集成 : Compose 和大家熟知且喜爱的 Jetpack 开发库 天然整合。...Material : Compose 提供了 Material Design 组件和 主题 的实现，使您能够轻松构建符合您的品牌个性的美观应用。...列表 : Compose 的 Lazy 组件为数据 列表 的呈现提供了一种简单扼要且功能强大的方式，而且将模版代码精简到了最少。...，使组件的开发更容易，再也不必先将整个应用部署到设备中了。

    1.8K20

    Jetpack Compose for Desktop: 里程碑1发布

    image 更轻松桌面 UI 开发 Compose for Desktop 提供了声明式和响应式的方法，通过使用 Kotlin 来创建用户界面，它的 API 参考了其他现代框架（如 React 和Flutter...从本质上讲 Compose for Desktop 允许开发者通过组合函数在代码中声明桌面 UI，并且它会自动响应应用的状态同步。...实际上 Compose for Desktop 的核心是与 Jetpack Compose 合作开发的，以确这两种技术可以一起发展，这也使得在桌面和 Android 之间 UI 实现共享成为可能。...Compose for Desktop 的入门很简单，设置项目依赖关系后，开发者就可以简单的使用几行代码来表达一个简单的有状态用户界面，并且有现成的 Material Design 元素库可以帮助快速创建...在 ＃compose-desktop 中，就可以找到有关 Compose for Desktop 的讨论，在#compose 中，也可以讨论涉及 Android 上的 Compose 和 Jetpack

    4.7K30

    详解 Android 12L｜更好地适配大屏幕设备

    对于屏幕更宽的设备，我们新发布的 Material Design 指南 中提出了几个有关大屏幕布局的方案，例如可以使用 SlidingPaneLayout 来实现列表/细节结构。...使用 Compose 更加轻松地适应屏幕的变化 通过 Jetpack Compose 可以更加轻松地针对大屏幕和多样化布局进行构建。...因此，Compose 特别适合用于开发自适应 UI，因为其能够轻松地处理不同屏幕尺寸或组件的 UI 变化。查看 在 Compose 中构建自适应布局 指南，了解您需要知道的基本内容。...△ Jetpack WindowManager 中的窗口尺寸类 让应用能够感知折叠 WindowManager 还为不同的窗口特征 (如折叠和铰链) 提供了通用的 API 接口。...我们即将推出全新的指南，为您说明如何在全新和现有的应用中支持不同的屏幕尺寸、如何为 View 和 Compose 实现导航、如何利用可折叠设备的优势等内容。

    3.7K20

    Jetpack Compose Beta 版现已发布！

    时机正好，不妨趁现在开始学习 Compose，并着手规划今年 1.0 版发布之后，您将如何在接下来的项目或功能中使用该工具包。...我们会提供各种指南来帮助您快速入门，如 架构、无障碍功能 和 测试 相关的指导内容，以及针对 动画、列表 或 Compose 的编程思想 的深入探讨。...第二周挑战正在进行中，点击此处 了解详情。 随着 Jetpack Compose Beta 版的推出，针对 1.0 版的稳定 API 和功能均已构建完成。...现在时机正好，不妨开始学习 Jetpack Compose，并规划如何在接下来的项目中使用该工具包。...我们期待收到您对在应用中采用 Compose 的 反馈，您也可以在 Kotlin Slack 的 #compose 频道中参与讨论或在下方留言区和我们分享。

    5.6K10
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券