让你易上手的Jetpack Compose教程

简介

Jetpack Compose是Google最新提出的一个可以用声明式来绘制UI的框架。这个框架可以有效的提高UI的重复使用率,编程速度,以及UI的绘制效率。

现在Jetpack Compose是beta版本,API终于变得稳定了一点,我们用也可以认真地,全面地开始学习这个框架了。

这一篇我们首先学习一下Jetpack Compose的编程思想和一些名词。

编程思想及专有名词

2.1 声明式编程

大部分Android开发者都知道Jetpack Comopse是声明式UI编程。那到底什么是声明式编程呢。
命令式编程:用代码告诉系统一步步具体的步骤。

声明式编程:告诉系统最后需要实现的结果,具体实现的过程全部交给系统,不过问细节。

像Flutter和Compose等框架中,我们需要告诉系统我们想要构建怎样的UI,但是具体如何高效的渲染,如何管理UI的更新等问题全部交给系统,开发者则不必关心这些问题。

这样可以大幅度减小开发难度,提高开发速度,因为这些原因声明式编程逐渐成为了前端的主流。

2.2 可组合 (Composable)

@Composable是Compose中的注释,用于告知Compose编译器此函数是用于显示界面UI的函数。

所有用于构建UI的函数都应该加上@Composable注释。

还有一点需要注意的是可组合函数不应该返回任何数据。因为它们描述所需的屏幕状态,而不是构造界面微件。

这里有一点需要注意的是,我们习惯性的把可组合函数写在文件的最顶层,这样就可以方便全局调用。

如果你现在想深入学习Compose,恰好这份新鲜出炉的《JetPack Compose开发应用指南》一定可以帮到你。

JetPack Compose开发应用指南

下面给大家介绍一下《JetPack Compose开发应用指南》,指南包括七个章节,内容涵盖了:Compose的设计原理和基本概念、Compose入门案例与实战、Compose布局、Compose动画、Compose图形、Compose核心控件等。

第一章 初识JetPack

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开发应用指南》,微信扫描下方CSDN官方二维码【免费获取】。

结语

技术不是单选题,但是却有优先级。如果你是全新的项目,希望快速开发,并且支持多端跨平台,那么Flutter绝对是你目前最好的选择。如果你是原生开发,需要提高开发效率,那么Compose和kotlin,绝对是你逃不掉的技术壁垒。

它们真的不是选择题。只要你还在开发的这条道路上,它总在某个路口等着你。学,是个必然的选择,而你能选择的只是学的时间节点而已。

你可能感兴趣的:(Android,jetpack,jetpack,compose,jetpack,compose)