Flutter学习笔记(一) 开发准备

官网:flutter.dev/docs

环境:

AndroidStudio 3.2.0

FlutterSdk 1.2.1

一、简介
Flutter是Google推出并开源的移动应用开发框架,主打跨平台,高保真,高性能。开发者可通过Dart语言开发App,一套代码同时运行在iOS和Android平台。Flutter使用自己的高性能渲染引擎来绘制widget。这样不仅可以保证在Android和iOS上UI的一致性,还可以避免对原生控件依赖而带来的限制和高昂的维护成本。Flutter使用Skia作为其2D渲染引擎,目前Flutter默认支持iOS、Android、Fuchsia(Google新的自研操作系统)三个移动平台。但Flutter也可支持Web开发和PC开发。
二、框架结构
电视广告在这里插入图片描述在这里插入图片描述
Flutter Framework一个纯Dart实现的SDK,它实现了一套基础库,自低向上。

  • 底下两层(Foundation和Animation、Painting、Gestures)在Google的一些视频中被合并为一个dart UI层,对应的是Flutter中的dart:ui包,它是Flutter引擎暴露的底层UI库,提供动画、手势及绘制能力。
  • Rendering层,这一层是一个抽象的布局层,它依赖于dart UI层,Rendering层会构建一个UI树,当UI树有变化时,会计算出有变化的部分,然后更新UI树,最终将UI树绘制到屏幕上,这个过程类似于React中的虚拟DOM。Rendering层可以说是Flutter UI框架最核心的部分,它除了确定每个UI元素的位置、大小之外还要进行坐标变换、绘制(调用底层dart:ui)。
  • Widgets层是Flutter提供的的一套基础组件库,在基础组件库之上,Flutter还提供了 Material 和Cupertino两种视觉风格的组件库。而我们Flutter开发的大多数场景,只是和这两层打交道。

Flutter Engine是一个纯 C++实现的 SDK,其中包括了 Skia引擎、Dart运行时、文字排版引擎等。在代码调用 dart:ui库时,调用最终会走到Engine层,然后实现真正的绘制逻辑。

三、环境搭建

  1. 下载Flutter SDK
    去flutter官网下载其最新的安装包。下载地址:
    == https://flutter.dev/docs/development/tools/sdk/releases==
  2. 设置环境变量Path
    打开/.bash_profile。添加路径:
    export PATH=[自己安装Flutter SDK路径]/flutter/bin:$PATH

3.安装Android Studio3.0或更高版本
3. 在Android Studio中安装Flutter插件和Dart插件
四、开始创建第一个FlutterApp
1.创建Flutter Application

在这里插入图片描述
在这里插入图片描述

2.项目的结构,程序代码在:lib/main.dart在这里插入图片描述
3.运行项目
在这里插入图片描述
文章参考:
https://book.flutterchina.club/chapter1/install_flutter.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值