Android Jetpack架构组件（四）带你了解LiveData(使用篇）
本文首发于微信公众号「后厂技术官」
前言在2017年前后，RxJava一直很火，我在Android进阶三部曲第一部《Android进阶之光》中就介绍了RxJava的使用和原理。谷歌推出的LiveData和RxJava类似，也是基于观察者，你可以认为LiveData是轻量级的RxJava。起初LiveData并不被看好，随着谷歌的大力推广，LiveData也慢慢的进入了大家的视野。一般来说，LiveData很少单独使用，它更多的和Android Jetpack的其他组件搭配使用，比如和ViewModel。这篇文章就来介绍LiveData的使用。
1.什么是LiveDataLiveData如同它的名字一样，是一个可观察的数据持有者，和常规的observable不同，LiveData是具有生命周期感知的，这意味着它能够在Activity、Fragment、Service中正确的处理生命周期。LiveData的数据源一般是ViewModel，也可以是其它可以更新LiveData的组件。当数据更新后，LiveData 就会通知它的所有观察者，比如Activiy。与RxJava的方法不同 ...
Android Jetpack架构组件（三）带你了解Lifecycle（原理篇）
本文首发于微信公众号「后厂技术官」
前言在上一篇文章中，我们学习了如何去使用Lifecycle，当然之会使用是不够的，还需要了解它的原理，这是成为优秀工程师必备的。这篇文章就来学习Lifecycle的基本原理。
1.Lifecycle的生命周期状态事件和状态Lifecycle使用两个枚举来跟踪其关联组件的生命周期状态，这两个枚举分别是Event和State。State指的是Lifecycle的生命周期所处的状态。Event代表Lifecycle生命周期对应的事件，这些事件会映射到Activity和Fragment中的回调事件中。
Android 9.0的Lifecycle的源码如下所示。frameworks/support/lifecycle/common/src/main/java/androidx/lifecycle/Lifecycle.java
public abstract class Lifecycle { @MainThread public abstract void addObserver(@NonNull LifecycleObs ...
Android Jetpack架构组件（二）带你了解Lifecycle（使用篇）
本文首发于微信公众号「后厂技术官」
前言在上一篇文章中，我们基本了解了什么是Android Jetpack，这一篇文章来介绍Android Jetpack架构组件的Lifecycle，Lifecycle用于帮助开发者管理Activity和Fragment 的生命周期，由于Lifecycle是LiveData和ViewModel的基础，所以需要先学习它。
1.为什么需要Lifecycle在应用开发中，处理Activity或者Fragment组件的生命周期相关代码是必不可免的，官方文档中举了一个例子，这里简化一下，在Activity中写一个监听，在Activity的不同生命周期方法中调用这个监听。
public class MainActivity extends AppCompatActivity { private MyListener myListener; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedI ...
Android Jetpack架构组件（一）带你了解Android Jetpack
本文首发于微信公众号「后厂技术官」
前言Android已经发展了11年，可以说是比较成熟的技术了，一开始时框架很少，也没有什么规范，所有的代码都是要自己写，比如网络请求，数据库请求，数据解析等等。后来出现了一些框架来帮助开发者快速进行开发，比如XUtils、Volley、OKHttp、EventBus等，随着框架越来越多，一个应用可以有多种技术选型，直接导致应用开发越来越不规范，导致做出来的应用质量参差不齐，这显然不是谷歌想看到的。谷歌随后推出了MVP和MVVM相关的官方例子，效果很一般，而且覆盖面只是在架构上，Goole I/O 2018大会上推出的Android Jetpack有望解决以上的问题。
1.Android Jetpack简介Jetpack并不是一个框架或者组件，它是一套库、工具和指南的集合，可帮助开发者更轻松地编写优质应用。这些组件可帮助开发者遵循最佳做法、摆脱编写样板代码的工作并简化复杂任务，以便将精力集中放在所需的代码上。Android Jetpack中的很多组件并不都是新开发的，而是很早就有了，比如在Goole I/O 2017大会时推出了 Android ...
Android Gradle （二）签名配置和依赖管理
本文首发于微信公众号「后厂技术官」
相关文章Gradle核心思想（一）为什么现在要用Gradle？Gradle核心思想（二）Gradle入门前奏Gradle核心思想（三）Groovy快速入门指南Gradle核心思想（四）看似无用，实则重要的Gradle WrapperGradle核心思想（五）通俗易懂的Gradle插件讲解Gradle核心思想（六）自定义Gradle插件的三种方式Android Gradle （一）Gradle的Android插件入门
前言本系列上一篇，我介绍了Gradle的Android插件的入门，这一篇来介绍一些Gradle进阶的内容，当然进阶内容非常多，这篇文章就总结一些相对重要的、常用的一些知识点，比如Gradle的签名配置和依赖管理。
1.Android签名文件配置在一般公司中，当团队比较小的时候，App的签名信息都是放到项目中的，甚至会上传到github上，这样做很是方便。但随着团队人数的增多，这样做的风险会越来越大，因为签名信息是重要的资源，这样就不能将签名上传到github上，也就不应该在build.gradle中直接配置签名。主要有以下的几种解 ...
Flutter基础（十三）Flutter与Android的相互通信
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言本来这篇文章应该讲一下Flutter的插件开发，但是在插件开发的基础是PlatformChannel，也就是Flutter与Android/iOS Native的通信，理解了这一个知识点，Flutter的插件开发也就不在话下。
1.PlatformChannel概述Flutter不能完成所有Native的功能，因此需要Flutter与Native的通信，Flutter提供了一套Platform Channel的机制，来满足Flutter与Native通信的需求。下面是PlatformChannel架构。图中可以看到，Flutter是Client端，Native是Host，Client和host通信是通过PlatformChannel，Client通过PlatformChannel向Host发送消息，Host监听PlatformChannel并接收消息，然后将响应结果发送给Client。消息和响应以异步方式传递，以确保UI不阻塞。另外，PlatformChann ...
Flutter基础（十二）路由（页面跳转）与数据传递
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言在Android开发中我们使用Intent来进行页面跳转，也称之为原生路由，后来出现了一些路由框架，比如ARouter。在Flutter中进行界面跳转的就是路由，路由用Route类来进行表示，Navigator是对Route进行管理的Widget。这一篇文章我们来学习路由和数据传递。flutter路由的使用方式主要有两种，一种是新建路由，一种是注册路由。
1.新建路由创建两个页面，第一个页面有一个按钮，点击这个按钮跳到第二个页面。先来实现第一个页面：
class FirstPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("第一页"), ), body: Center( ...
Flutter基础（十一）网络请求（Dio）与JSON数据解析
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言在Android开发中如果我们想要请求网络，可以使用HttpClent、HttpURLConnection，但在项目中一般都会使用OkHttp和Retrofit。在Flutter也是如此，系统提供了HttpClient，但在项目中一般会使用第三方库，比如http和Dio，如果你想找到更多的第三库，可以在pub.dartlang.org/ 上查找想要的库。本篇文章以Dio为例，另外还会介绍JSON数据解析方面的知识。
1.Dio的使用入门Dio是一个强大的Dart Http请求库，支持拦截器，全局配置，FormData，请求取消，文件下载，超时等。
添加依赖在pubspec.yaml中添加依赖。
dependencies: dio: 2.1.7
官网给出了一个简单的例子：
import 'package:dio/dio.dart';void getHttp() async { try { Response r ...
Flutter基础（十）布局Widget快速入门
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言Flutter的布局在此前的文章多多少少用过，但是没有具体讲过，Flutter的布局实际上也由Widget来控制的，在Flutter官网上并没有对布局Widget进行分类，这里将布局Widget根据子元素排列方式分为以下几种：
线性布局Widget
流式布局Widget
层式布局Widget
弹性布局Widget
下面分别介绍这几种布局Widget。
1.线性布局Widget线性布局类似于Android中的LinearLayout，可以垂直也可以水平排列，Flutter的线性布局有两个：
Row：水平方向的线性布局。
Column：垂直方向的线性布局。
Row和Column的使用方法类似，举个Row的例子，Column自然而然也就会了。
import 'package:flutter/material.dart';void main() => runApp(RowWidget());class RowWidget extend ...
Flutter基础（九）资源和图片
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
和Android开发一样，Flutter也有asset这一概念，asset是打包到程序安装包中的，可在运行时访问。常见的asset类型包括静态数据（例如JSON文件）、配置文件、图标和图片（JPEG，WebP，GIF，动画WebP / GIF，PNG，BMP和WBMP）。本文会通过例子，来简单介绍在Flutter中如何添加资源和图片。
1.指定assets要想使用asset，需要先让asset被识别，在项目根目录中的pubspec.yaml中定义图片就可以了。
flutter: assets: - assets/1.png - assets/2.png
在构建期间，Flutter会将asset放置到称为asset bundle的特殊存档中，应用程序可以在运行时读取它们。 如果想要包含某一个目录中的所有的资源，直接指定目录的名称：
flutter: assets: - assets/
这种指定只包含直接位于目录中的文件，如果想要添加位于子目录中 ...
Flutter基础（八）手势相关Widget：GestureDetector和Dismissible
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言移动开发中，用户交互是一个重要的环节，在Android中的触摸、点击、滑动等事件处理都提供了相关的Api，在Flutter中也是一样的，是由Widget来实现的。Flutter中的手势系统有两个独立的层。第一层是原始指针事件（pointer events），它描述了屏幕上指针，比如触摸、鼠标、触控笔的位置和移动。 第二层是手势，由一个或多个指针移动组成的动作会被识别为不同的手势。
1.指针事件指针表示用户与设备屏幕交互的原始数据。有四种类型的指针事件：
PointerDownEvent：指针接触到屏幕的特定位置。
PointerMoveEvent： 指针已从屏幕上的一个位置移动到另一个位置。
PointerUpEvent： 指针已停止接触屏幕。
PointerCancelEvent：此指针的输入不再指向此应用，通俗来讲就是事件取消。
在指针按下时，Flutter框架会对当前应用程序执行命中测试，以确定指针与屏幕接触的位置存在哪个Widget上，然后将Po ...
Flutter基础（七）Scrolling Widget之ListView、GridView、PageView
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言我们知道Widget的分类有很多种，比如：Basics、Material Components、Cupertino、Scrolling等等，在前面的文章我介绍了Basics和Material Components，这一篇讲一下Scrolling分类中比较常用的ListView、GridView、PageView。
1 ListViewListView可以说是Flutter中最常用的Scrolling Widget。ListView有四种构造函数：
默认构造函数ListView。
ListView.builder，适用于具有大量（或无限）列表项。
ListView.separated，可以配置分割线，适用于具有固定数量列表项的ListView。
ListView.custom，提供了自定义子Widget的能力。
1.1 默认构造函数用默认构造函数的方式来实现一个简单的列表。
import 'package:flutter/material.dar ...
Flutter基础（六）Material组件之BottomNavigationBar、TabBar、Drawer
本文首发于微信公众号「后厂技术官」
ReactNative入门系列React Native组件Flutter基础系列
前言在上一篇 Flutter基础（五）Material组件最佳入门（前篇）中，我介绍了Material组件的MaterialApp、Scaffold、AppBar，这篇文章接着介绍Material组件中的BottomNavigationBar、TabBar、Drawer。
1.BottomNavigationBarBottomNavigationBar是底部的导航栏，用于在3到5个的少量视图中进行选择。一般情况下，导航栏的选项卡由文本标签、图标或两者结合的形式组成。底部导航栏通常与javaScaffold结合使用，它会作为Scaffold.bottomNavigationBar参数。
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { static const S ...
Flutter基础（五）Material组件之MaterialApp、Scaffold、AppBar
本文首发于微信公众号「后厂技术官」
关联系列ReactNative入门系列React Native组件Flutter基础系列
前言在上一篇文章Flutter基础（四）开发Flutter应用前需要掌握的Basics Widget，我们学习了Basics Widget，除了Basics Widget，我们还需要了解Material Components，也就是Material组件。它提供了实现Material Design准则的视觉、行为和动作的Widget。官方将Material组件分为为几个类型：
应用程序结构和导航
Button
输入和选择
对话框，警告弹框和面板
信息显示
布局
主要介绍应用程序结构和导航，会分为两篇文章进行介绍，这一篇介绍应用程序结构和导航分类中的MaterialApp、Scaffold、AppBar。
1.MaterialApp说到Material组件，不得不提到MaterialApp，它包含了许多Widget，这些Widget通常是实现Material Design的应用程序所必需的。MaterialApp在此前的文章都用过，简单的使用这里就不介绍 ...
Flutter基础（四）开发Flutter应用前需要掌握的Basic Widget
本文首发于微信公众号「后厂技术官」
关联系列ReactNative入门系列React Native组件Flutter基础系列
前言学完了Dart语言，接下来就可以学习Widget了，Flutter的UI界面就是由Widget组成的，Widget的数量繁多，因此我会用几篇文章来专门介绍它，本篇就来介绍Basics Widget。
1.什么是WidgetFlutter的Widget的设计灵感来自于React，主要目的就是使用Widget构建UI。Widget根据其当前配置和状态来描述视图，当Widget的状态发生更改时，Widget会重建其描述。framework将根据前面的描述进行对比，以确定底层渲染树从一个状态转换到下一个状态所需的最小更改。在Flutter中，除了Basics 的文本、图片、卡片、输入框这些基础控件，布局方式和动画等也都是由Widget组成的。通过使用不同类型的Widget，就可以实现复杂的界面。Widget可以翻译为部件，粗略的相当于Android中的View。Widget和View不同的是：Widget具有不同的生命周期：它是不可变的，每当Widget或者其 ...
Flutter基础（三）Dart快速入门
本文首发于微信公众号「后厂技术官」
关联系列ReactNative入门系列React Native组件Flutter基础系列
前言Dart是Flutter SDK指定的语言，因此要学习Flutter，Dart是必须掌握的。关于Dart可以写一本书了，这里用一篇文章来介绍下Dart的精髓，带你快速入门。和Java语言类似的部分，这篇文章就尽量不再讲了。
1. Dart开发环境搭建学习Dart语法最好需要用一个编辑器来实践，这里推荐使用IntelliJ IDEA。先下载Dart SDK，地址为：http://www.gekorm.com/dart-windows/打开IntelliJ IDEA，菜单中点击File–>Settings–>plugins，在plugins的搜索框中搜索Dart并安装，然后重启IntelliJ IDEA。点击File–>New Project–>Dart，按照下图配置Dart SDK。注意要选择第三个选项Constole Application,否则会默认创建一个Web项目。点击Next然后配置项目的名称就可以创建项目了。在项目中的 ...
