Flutter 技术入门与实战 (33):开启 Flutter 之旅 3.7.3

阅读数:3 2019 年 12 月 15 日 18:49

Flutter技术入门与实战(33):开启Flutter之旅 3.7.3

(读取和写入对象)

内容简介
第 1 章介绍 Flutter 的基本概念,并搭建第 yi 个 Flutter 程序,来感受一下 Flutter 之美。
第 2 章介绍几个重要知识点,如入口程序、Material Design、Flutter 主题、无状态组件和有状态组件、使用包资源、Http 请求。
第 3 章简单介绍 Dart 语言。Dart 语言是 Flutter SDK 指定的语言,我们很有必要补充一下它的基础知识,包括语法特性、基本语句、面向对象等。
第 4 章介绍常用组件。Flutter 里有一个非常重要的核心理念:一切皆为组件,本章主要讲解开发中用得 * 频繁的组件,如容器组件、图片组件、文本组件、图标组件和表单组件等。
第 5 章介绍 Material Design 风格的组件,Material Design 风格是一种非常有质感的设计风格,并提供一些默认的交互动画。本章将分类介绍这些组件。
第 6 章介绍 Cupertino 风格的组件,这是一类 iOS 风格的组件,如 CupertinoTabBar、CupertinoPageScaffold、CupertinoTabScaffold、CupertinoTabView 等。
第 7 章介绍页面布局的基础知识和技巧,如基础布局处理、宽高尺寸处理、列表及表格布局等,* 后通过一个综合布局示例来演示如何编写复杂的页面。
第 8 章介绍如何处理手势,如轻击、拖动和缩放等。Flutter 中提供 GestureDetector 进行手势检测,并为手势检测提供了相应的监听。
第 9 章介绍如何加载、处理、展示资源和图片,如添加资源和图片、自定义字体等。
第 10 章介绍路由及导航是如何处理的,包括页面的渲染以及数据传递。
第 11 章介绍组件装饰和视觉效果的处理,如 Opacity(透明度处理)、DecoratedBox(装饰盒子)、RotatedBox(旋转盒子)、Clip(剪裁处理)和 CustomPainter(自定义画板)。
第 12 章介绍动画效果的制作,包含两个动画组件的使用:用 AnimatedOpacity 实现渐变效果、用 Hero 实现页面切换动画。
第 13 章介绍 Flutter 插件开发的入门知识。Flutter 插件可以和原生程序打交道,比如调用蓝牙、启用 WIFI、打开手电筒,等等。
第 14 章介绍开发工具及使用技巧,介绍几款常用的 IDE 工具,从代码的编写、辅助功能、程序调试、性能分析等多方面讲解工具及使用技巧。
第 15 章介绍测试与发布应用,包括:测试应用、发布 Android 版和 iOS 版 App。
第 16 章通过一个综合案例介绍如何使用 Flutter 实现即时通讯 App 的界面。

get() 和 set() 方法是专门用于读取和写入对象的属性的方法,每一个类的实例,系统都隐式地包含有 get() 和 set() 方法。这和很多语言里的 VO 类相似。

例如,定义一个矩形的类,有上、下、左、右四个成员变量:top、bottom、left、right,使用 get 及 set 关键字分别对 right 及 bottom 进行获取和设置值。代码如下所示:

复制代码
class Rectangle {
num left;
num top;
num width;
num height;
Rectangle(this.left, this.top, this.width, this.height);
// 获取 right 值
num get right => left + width;
// 设置 right 值 同时 left 也发生变化
set right(num value) => left = value - width;
// 获取 bottom 值
num get bottom => top + height;
// 设置 bottom 值 同时 top 也发生变化
set bottom(num value) => top = value - height;
}
main() {
var rect = new Rectangle(3, 4, 20, 15);
print('left:'+rect.left.toString());
print('right:'+rect.right.toString());
rect.right = 30;
print('更改 right 值为 30');
print('left:'+rect.left.toString());
print('right:'+rect.right.toString());
print('top:'+rect.top.toString());
print('bottom:'+rect.bottom.toString());
rect.bottom = 50;
print('更改 bottom 值为 50');
print('top:'+rect.top.toString());
print('bottom:'+rect.bottom.toString());
}

上面例子对应的输出为:

复制代码
flutter: left:3
flutter: right:23
flutter: 更改 right 值为 30
flutter: left:10
flutter: right:30
flutter: top:4
flutter: bottom:19
flutter: 更改 bottom 值为 50
flutter: top:35
flutter: bottom:50

Flutter技术入门与实战(33):开启Flutter之旅 3.7.3

购书地址 https://item.jd.com/12526484.html?dist=jd

评论

发布