), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
/ Flutter MVP /
StatefulWidget 可以作为视图层负责处理界面呈现和用户交互
Presenter 处理业务,负责业务逻辑,发起数据请求(网络获取数据 | 本地获取数据)
Mode 数据源
调用顺序 View -> Presenter -> Model ,不可以反向调用,不可以跨级调用。
创建BaseModel
abstract class IModel {
//待扩展
}
abstract class BaseModel implements IModel {
//待扩展
}
///获取数据成功回调
typedef SuccessCallback = void Function(dynamic data);
///获取数据失败回调
typedef FailureCallback = void Function();
创建 BasePresenter
通过IModel建立 Presenter 和 Model的联系
import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;
abstract class BasePresenter {
///模型层实例
M? _model;
M? get model => _model;
///通过控制层传递实例
///方便控制层从模型层获取数据
IModel createModel();
}
创建 BaseViewState
BaseView 用于传递Key 用于视图的刷新, 也可以传递其他类型的参数
key 分为 LocalKey (ValueKey、ObjectKey、UniqueKey) ") 和 GlobalKey
IView 建立 Presenter(控制层) 和 视图层 (View) 联系
import ‘package:flutter/material.dart’;
abstract class BaseView extends StatefulWidget {
BaseView({Key? key}) : super(key: key);
@override
BaseViewState createState() => getState();
///子类实现
BaseViewState getState();
}
abstract class BaseViewState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
///导航栏
appBar: buildAppBar(),
///内容区域
body: buildWidget(),
///内容区域背景颜色
backgroundColor: buildBodyColor(),
);
}
buildWidget();
buildAppBar() => null;
Color buildBodyColor() {
return Color(0xff00FFFFFF);
}
}
abstract class IView {
///开始加载数据
void startLoading();
///加载完成
void showLoadSuccess();
}
扩展 BasePresenter ,建立 Presenter(控制层) 和 视图层 (View) 联系
import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;
import ‘package:flutter_splash_ios/mvp/BaseViewState.dart’;
abstract class IPresenter {
///通过视图层传递IView引用
void attachView(V? view);
///解除IView引用
void detachView();
}
abstract class BasePresenter<V extends IView, M extends IModel>
implements IPresenter {
///模型层实例
M? _model;
M? get model => _model;
///通过控制层传递实例到模型层
///方便控制层从模型层获取数据
IModel createModel();
///通过视图层传递实例到控制层
///方便控制层返回数据给视图层
V? _view;
V? get view => _view;
@override
void attachView(IView? view) {
_view = view as V?;
_model = createModel() as M?;
}
@override
void detachView() {
if (_view != null) {
_view = null;
}
}
}
通过 initState 函数向控制层 Presenter 传递IView
通过 dispose 函数解除对IView的引用
import ‘package:flutter/material.dart’;
import ‘package:flutter_splash_ios/mvp/BasePresenter.dart’;
abstract class BaseView extends StatefulWidget {
BaseView({Key? key}) : super(key: key);
@override
BaseViewState createState() => getState();
///子类实现
BaseViewState getState();
}
abstract class BaseViewState<V extends BaseView, P extends IPresenter>
extends State implements IView {
P? _presenter;
@override
void initState() {
// TODO: implement initState
_presenter = createPresenter();
if (_presenter != null) {
///传递IView引用到控制层(Presenter)
_presenter!.attachView(this);
}
super.initState();
}
P? createPresenter();
@override
void dispose() {
// TODO: implement dispose
if (_presenter != null) {
///解除IView引用
_presenter!.detachView();
}
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
///导航栏
appBar: buildAppBar(),
///内容区域
body: buildWidget(),
///内容区域背景颜色
backgroundColor: buildBodyColor(),
);
}
buildWidget();
buildAppBar() => null;
Color buildBodyColor() {
return Color(0xff00FFFFFF);
}
}
abstract class IView {
///开始加载数据
void startLoading();
///加载完成
void showLoadSuccess();
}
视图层、控制层、模型层 需要的 CallBack
import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;
import ‘package:flutter_splash_ios/mvp/BasePresenter.dart’;
///视图层、控制层、模型层 需要实现的接口
abstract class CMineModel extends IModel {
///控制层调用
///获取数据后回传给控制层
loadData(SuccessCallback s, FailureCallback f);
}
abstract class CMinePresenter extends IPresenter {
///由视图层调用
///控制层进行加载数据
loadData();
}
abstract class CMineView {
///控制层返回的数据进行展示界面
loadData(data);
}
模型层 (Model) 实现
import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;
import ‘package:flutter_splash_ios/mvp/buscal/BusCal.dart’;
class MMine extends BaseModel implements CMineModel {
@override
loadData(SuccessCallback s, FailureCallback f) {
// TODO: implement loadData
///通过接口回调将模型层数据传递给控制层
s(‘通过模型层加载的数据’);
}
}
控制层 (Presenter) 实现
import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;
import ‘package:flutter_splash_ios/mvp/BasePresenter.dart’;
import ‘package:flutter_splash_ios/mvp/buscal/BusCal.dart’;
import ‘package:flutter_splash_ios/mvp/busimp/MMine.dart’;
class PMine extends BasePresenter<CMineView, CMineModel>
implements CMinePresenter {
@override
loadData() {
// TODO: implement loadData
///startLoading可以提示开始加载数据
view?.startLoading();
model?.loadData((data) {
//showLoadSuccess可以提示加载数据完成
view?.showLoadSuccess();
view?.loadData(data);
}, () {});
}
@override
IModel createModel() {
///传递模型层实例到控制层
return MMine();
}
}
视图层 (View) 调用控制层 (Presenter) 从模型层 (Model) 获取数据
class ImlBaseView extends BaseView {
@override
BaseViewState<BaseView, IPresenter> getState() {
// TODO: implement getState
return _ImlBaseViewState();
}
}
class _ImlBaseViewState extends BaseViewState<ImlBaseView, PMine>
implements CMineView {
var _homeMineData = ‘点击改变数据’;
@override
loadData(data) {
print(‘获取到的数据 $data’);
setState(() {
_homeMineData = ‘$data’;
});
}
///传递控制层实例
///视图层通过该实例从模型层加载数据
@override
PMine? createPresenter() {
return PMine();
}
@override
void startLoading() {
print(‘开始加载数据:startLoading’);
}
@override
void showLoadSuccess() {
print(‘加载数据完成:showLoadSuccess’);
}
@override
buildWidget() {
// TODO: implement buildWidget
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
‘$_homeMineData\n\n\n’,
style: Theme.of(context).textTheme.headline4,
),
FloatingActionButton(
onPressed: () {
///加载数据
presenter!.loadData();
},
tooltip: ‘改变HomePage数据’,
child: Icon(Icons.assignment_turned_in),
)
],
),
);
}
///改变内容区域背景颜色
@override
Color buildBodyColor() {
// TODO: implement buildBodyColor
return Colors.green;
}
}
flutter: 开始加载数据:startLoading
flutter: 加载数据完成:showLoadSuccess
flutter: 获取到的数据 通过模型层加载的数据
/ Flutter MVVM /
Widget 为视图层 从ViewModel获取数据 , 同时也可以改变ViewModel数据,实现互相绑定
ViewModel 负责从模型层获取数据 , 受视图层驱动修改数据
Model 数据来源,可以通过网络,也可以是从本地获取数据
模型层 Model
typedef void IMineModelCallBack(var _modelData);
abstract class IMimeModel {
void getMineData(IMineModelCallBack callBack);
}
class MineModel implements IMimeModel {
@override
void getMineData(IMineModelCallBack callBack) {
// TODO: implement getMineData
var _modelData = ‘首页改变后的数据’;
callBack(_modelData);
}
}
ViewModel
import ‘package:flutter/material.dart’;
import ‘package:pmvvm/view_model.dart’;
class MyViewModel extends ViewModel {
int counter = 0;
var modDat = ‘’;
InitCallBack initCallBack;
MyViewModel(this.initCallBack); // Optional
@override
void init() {
// It’s called after the ViewModel is constructed
var height = MediaQuery.of(context).size.height;
initCallBack(this);
}
// Optional
@override
void onBuild() {
// It’s called everytime the view is rebuilt
}
@override
void onDispose() {
// TODO: implement onDispose
super.onDispose();
counter = 0;
}
void increase() {
counter++;
notifyListeners();
}
///显示模型层(Model)数据
void shoModDat(var _data) {
modDat = _data;
总结
作为一名从事Android的开发者,很多人最近都在和我吐槽Android是不是快要凉了?而在我看来这正是市场成熟的表现,所有的市场都是温水煮青蛙,永远会淘汰掉不愿意学习改变,安于现状的那批人,希望所有的人能在大浪淘沙中留下来,因为对于市场的逐渐成熟,平凡并不是我们唯一的答案!
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
InitCallBack initCallBack;
MyViewModel(this.initCallBack); // Optional
@override
void init() {
// It’s called after the ViewModel is constructed
var height = MediaQuery.of(context).size.height;
initCallBack(this);
}
// Optional
@override
void onBuild() {
// It’s called everytime the view is rebuilt
}
@override
void onDispose() {
// TODO: implement onDispose
super.onDispose();
counter = 0;
}
void increase() {
counter++;
notifyListeners();
}
///显示模型层(Model)数据
void shoModDat(var _data) {
modDat = _data;
总结
作为一名从事Android的开发者,很多人最近都在和我吐槽Android是不是快要凉了?而在我看来这正是市场成熟的表现,所有的市场都是温水煮青蛙,永远会淘汰掉不愿意学习改变,安于现状的那批人,希望所有的人能在大浪淘沙中留下来,因为对于市场的逐渐成熟,平凡并不是我们唯一的答案!
[外链图片转存中…(img-z7uCC2uZ-1714962480370)]
[外链图片转存中…(img-qw7WcrrC-1714962480371)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!