《JectPack Compose系列学习》

2018年，Google在I/O大会上发布了一系列辅助Android开发者的实用工具，合称为Jetpack,以辅助开发者构建出色的Android应用程序。Jetpack中的很多库非常好用，比如View

手势在智能手机中运用的非常广泛，如点按、拖动、滑动、缩放等等。使用一些简单的手势就可以完成较为复杂的操作。Compose为我们提供了多种手势API，可以帮助我们检测交互生成的手势。下面来看看Compo

属性动画 Compose是声明式的，不仅仅是布局，动画也是声明式的，哦同样是状态驱动UI来刷新。 animate。AsState函数是Compose中最简单的动画API，可将即时值变化呈现为动画值。它

可见性动画 在开发过程中一定写过这样的需求：“当符合某个条件的时候显示某个控件，否则就隐藏该控件”。对于这种需求，一般通过控制控件的visible状态或alpha值来实现。但是在Compose中我们可

Canvas很强大，能绘制的东西很多，我们前面学到了使用Canvas绘制点、线和矩形等，今天我们看看Canvas的其它绘制。 Canvas绘制圆和椭圆 圆在平时开发中很常见，比如绘制饼状图或指示器圆点

绘制线 之前我们学习了Canvas绘制点，我们再看看线怎么画。两点确定一条直线，和之前绘制点一样，绘制线的方法也是在DrawScope中定义，如下所示： 绘制线的方法和绘制点的方法很像，就是多了sta

自定义View在Android开发中很常见，对于一些复杂的业务需求我们需要继承现有的基础View去实现更复杂的View。Google想尽办法让Compose中的自定义View简单方便些，首先我们从这几

底部导航栏 底部导航栏很常见，基本上市面上的APP都有，如微信： 在Android View中，实现底部导航来一般用tabLayout+viewPager来实现，在Android5.0之后，Googl

横向列表LazyRow 我们知道，Android View中的RecyclerView，可以通过设置其LayoutManager的方向来实现横向列表。Compose中用LazyRow来实现。 能看到0

在Android View中列表通常使用ListView或者RecyclerView，我们需要在xml里定义每个条目Item的布局，再创建一个适配器adapter，RecyclerView还需要设置它

Scaffold 我们知道Flutter里有一个Scaffold控件，中文翻译过来是脚手架的意思，它实现了基本的Material Design可视化的布局结构，提供了抽屉drawer、snackbar

Modifier 大家对修饰符Modifier应该很熟悉了，前面Column、Row、Box和Text等都用到了这个修饰符，它是一个有序的、不可变的修饰元素集合，用于给Compose UI元素添加装饰

Row 横向线性布局和竖向线性布局很像，都属于线性布局，不同的是竖向线性布局在屏幕上垂直排列，而横向线性布局在屏幕上水平排列： 在Android View中，实现横向线性布局也是LinearLayou

Column 我们知道在Android View中，竖向线性布局这么写： 竖向线性布局就是在屏幕上垂直排列的控件，如图： Compose中的竖向线性布局用Column去实现 我们可以看到Column中

ImageView 我们知道Android View中ImageView用来显示图片，而Compose中我们使用Image展示图片，来看看简单用法： 上面使用了painterResource方法传入了

按钮还是很常见也是非常重要的。在Compose中按钮的名字和Android View中的名字一样都叫做Button，我们先看看它的创建： 代码中我们创建了Button，并设置了其大小、文案和点击事件，

输入和修改文字 在Compose中TextField允许用户输入和修改文字，同Android中的EditText。TextField实现有两个：TextField 和 BasicTextField。

声明式编程 Android视图层次结构是界面控件树，由于应用程序的状态会因用户交互等因素而发生变化，因此界面层次结构需要更新以便显示当面数据。最常见的界面更新方式是通过findViewById等函数遍

TextView 我们知道Android里显示文本使用TextView，如： 显示效果如下图： 那么，Compose如何显示文字呢？其实我们前面的例子中都应该看的很清楚了，我们再来看一下： 对，就这么

主题 我们通过第一个Compose应用程序知道了其主题theme的设置 这里面我们自定义一个theme来替代默认的theme主题： 我们定义了两个colors，分别是深色模式和浅色模式的主题默认颜色。