android Compose 第一个UI DEMO

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android Compose 第一个UI DEMO相关的知识,希望对你有一定的参考价值。

参考技术A

创建一个 demo

效果图

页面主要涉及到的控件Text、BasicTextField、Divider、ClickableText、Button、Checkbox

hide 功能最难去设置。

第一次写用了一天才搞定。点击事件还不易处理。

最好基本完成了。

Google开源,Android Jetpack Compose最新开发应用指南

Jetpack Compose 是什么?

Compose 是 Jetpack 系列的全新 UI 库,是Google推出的一个新的UI工具包,旨在帮助开发者更快、更轻松地在Android 平台上构建Native应用。Compose 出生的目的就是为了重新定义 Android 上 UI 的编写方式,提高 Android 原生的 UI 开发效率,让 Android 的 UI 开发方式能跟上时代的步伐。

可以说,Compose 是 Android UI 的未来,现阶段你可以不会,但是如果未来你会继续在 Android 平台的话,你就必须会。

如果你还没有清晰的学习规划,这里给大家分享一份Android compose开发应用指南,附赠Compose强化实战手册,帮助大家快速掌握Compose,打造更出色的应用。

有需要完整版的小伙伴可点击文末小卡片免费获取!

《Android Jetpack Compose开发应用指南第二版》

第⼀章 初识Jetpack

  • JetPack是什么
  • JetPack和AndroidX
  • AndroidX的迁移

第⼆章 Compose的设计原理和基本概念

  • JetPack Compose 环境搭建
  • JetPack Compose 新特性和组件依赖
  • JetPack Compose 编程思想总结

第三章 Compose⼊⻔

  • JetPack Compose ⼊⻔的基础案列
  • JetPack Compose ⼊⻔的基础案列

第四章 Compose布局

  • Compose State
  • Compose 样式(Theme)
  • Compose布局核⼼控件
  • ⾃定义布局
  • Compose中的ConstraintLayout

第五章 Compose动画

  • Compose SideEffect
  • Compose 动画概述
  • Compose Crossfade
  • Compose animateContentSize
  • Animatable
  • Compose⾃定义动画

第六章 Compose图形

  • Compose Canvas
  • Compose 绘制API的分析
  • Compose⾃定义绘制

第七章 Compose核⼼控件总结

  • Scaffold
  • LazyColumn

《Jetpack Compose强化实战

目录

第一章、使用 Compose 实现底部按钮和首页 banner 以及数据列表

  • Column、Row、ConstraintLayout 布局先知

  • 首页内容的实现

第二章、导航规整并实现登录页个人中心页

  • 导航规整
  • 个人中心的实现
  • 登录页面的实现

第三章、实现分类页面

  • Scaffold 简单使用
  • BottomNavigation 和 NavHost 实现底部导航
  • 分类页面的实现
  • Compose 自定义布局实现流式布局

第四章、实现搜索页面

  • ROOM 数据库
  • 官方 Flow Layout
  • 状态布局

第五章、项目页面的实现

  • 获取数据
  • Controllable 实现顶部滑动菜单
  • HorizontalPager 实现页面数据列表
  • Compose 中 Webview 的使用

文档领取:点击文末卡片领取👇

最后

附上一些开源项目:

如果你是一个喜欢尝试的同学,那么希望我的这篇文章对你能有一点帮助!

尾声

大厂所需的,是能够掌握底层原理,并能触类旁通的人才,掌握Jetpack Compose能够极大地提升你的核心竞争力,让你在大厂也能成为香饽饽。

相信这份资料,一定可以为大家在Android学习上提供强有力的帮助和支撑,快人一步成为真正的高级Android开发者。

最后,祝愿大家也能不断进阶提升,拿到心仪的offer!!

以上是关于android Compose 第一个UI DEMO的主要内容,如果未能解决你的问题,请参考以下文章

Jetpack Compose 深入探索系列四: Compose UI

Google开源,Android Jetpack Compose最新开发应用指南

Android原生UI开发框架 《Jetpack Compose入门到精通》最全上手指南

使用docker-compose部署达梦DEM管理工具,mac m1系列适用

Android Compose 新闻App网络数据Compose UI显示加载Room和DataStore使用

Android Compose 新闻App网络数据Compose UI显示加载Room和DataStore使用