前言 Q1的时候公司列了个培训计划,部分人作为讲师要上报培训课题.那时候刚从好几个Android项目里抽离出来,正好看到Jetpack发布了新玩意儿--Compose,我被它的快速实时打包给吸引住了,就准备调研一下,于是上报了此次课题. 名词解析: 以下用到的专业术语可能会有出入,为了避免混淆,下面做一个名词解析表: 名词 解析 备注 组件 可以控制页面展示的部分UI的逻辑单元 View 可以展示的UI,并具备自己维护状态的能力 微件 同组件,可以控制页面展示的部分UI的逻辑单元 Compose…

1. 简介 Jetpack Compose是在2019Google i/O大会上发布的新的库.Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码,更强大的功能,能提高开发速度(这一段是谷歌自己说的). 说实话,View/Layout的模式对安卓工程师来说太过于熟悉,对于学习曲线陡峭的Jetpack Compose能不能很好的普及还是有所担心. 因为Jetpack Compose的内容比较多,我会分成多个文章来进行介绍. 内容包括常用UI组件的使用,Flow和Compo…

简介 Jetpack Compose是在2019Google i/O大会上发布的新的库.Compose库是用响应式编程的方式对View进行构建,可以用更少更直观的代码,更强大的功能,能提高开发速度. Compose 并不是像 RecyclerView.ConstraintLayout 这种做了一个或者几个高级的 UI 控件,而是直接抛弃了我们写了 N 年的 View 和 ViewGroup 那一套东西,从上到下撸了一整套全新的 UI 框架.直白点说就是,它的渲染机制.布局机制.触摸算法以及 UI…

原文: Jetpack Compose学习(2)--文本(Text)的使用 | Stars-One的杂货小窝 对于开发来说,文字最为基础的组件,我们先从这两个使用开始吧 本篇涉及到Kotlin和DSL特性的使用 若不了解的话可能会造成代码阅读困难,阅读前确保你有上述基础知识!!! 本系列以往文章请查看此分类链接jetpackcompose学习 基础使用 @Preview(showBackground = true) @Composable fun textDemo() { ComposeDemo…

原文地址: Jetpack Compose学习(3)--图标(Icon) 按钮(Button) 输入框(TextField) 的使用 | Stars-One的杂货小窝 本篇分别对常用的组件:图标(Icon) 按钮(Button) 输入框(TextField)的使用方法及各参数使用进行讲解,参考了不少文章,且费了不少时间去时间去一一实践,希望对各位带来些帮助 本系列以往文章请查看此分类链接jetpackcompose学习 图标Icon使用 Icon接收三种参数,如下图 //第一种就不多说,就是一个…

原文地址 Jetpack Compose学习(4)--Image(图片)使用及Coil图片异步加载库使用 | Stars-One的杂货小窝 本篇讲解下关于Image的使用及使用Coil开源库异步加载网络图片显示 本系列以往文章请查看此分类链接Jetpack compose学习 Image使用 首先,先看下参数 fun Image( painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, align…

原文:Jetpack Compose学习(5)--从登录页美化开始学习布局组件使用 | Stars-One的杂货小窝 本篇主要讲解常用的布局,会与原生Android的布局控件进行对比说明,请确保了解Android原生基本布局的知识,否则阅读文章会存在有难度 之前我也是在第一篇中的入门实现了一个简单的登录页面,也是有读者评论说我界面太丑了 当时入门便是想整的简单些,今天我便是实现美化来学习下布局的相关使用,这位同学看好了哦! 本系列以往文章请查看此分类链接Jetpack compose学习 登录页…

原文: Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝 之前学习记录中也是陆陆续续地将常用的Modifier的方法穿插进去了,本期就来详细的讲解下关于modifier的使用 限于篇幅,我是以常用的属性来讲解,漏讲了一些请见谅,毕竟方法真的太多了,之后可能有用的新的效果,会穿插地讲些 本系列以往文章请查看此分类链接Jetpack compose学习 基本使用 我们直接以个简单的例子讲解下使用,设置Box布局的宽高各100dp,且内边距为16…

Jetpack Compose学习(7)--MD样式架构组件Scaffold及导航底部菜单 | Stars-One的杂货小窝 Compose给我们提供了一个Material Design样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面 本系列以往文章请查看此分类链接Jetpack compose学习 由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件 TopAppBar 首先,便是TopAppBar,其本质就是我们Android…

原文:Jetpack Compose学习(9)--Compose中的列表控件(LazyRow和LazyColumn) - Stars-One的杂货小窝 经过前面的学习,大致上已掌握了compose的基本使用了,本篇继续进行扩展,讲解下载Compose中的列表控件LazyRow和LazyColumn 之前也是讲解Jetpack Compose学习(6)--关于Modifier的妙用 | Stars-One的杂货小窝,可以通过Modifier属性将Row和Column组件改造为可滑动的 但是如果你需…