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 的使用
文档领取:点击文末卡片领取👇
最后
附上一些开源项目:
- 官方例子:android/compose-samples: Official Jetpack Compose samples. (github.com)
- 官方例子:android/nowinandroid: A fully functional Android app built entirely with Kotlin and Jetpack Compose (github.com)
- Compose 复现的 网易云音乐,很多常用效果里面都实现了。来自掘金的sskEvan。sskEvan/NCMusic: Jetpack Compose仿写网易云音乐 (github.com)
- 译站,鄙人的小项目,属于毛遂自荐了:FunnySaltyFish/FunnyTranslation: 基于Jetpack Compose开发的翻译软件,支持多引擎、插件化~
如果你是一个喜欢尝试的同学,那么希望我的这篇文章对你能有一点帮助!
尾声
大厂所需的,是能够掌握底层原理,并能触类旁通的人才,掌握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系列适用