小小涛.
小小涛.

fish_redux使用解析---看完就会用！

前言

来学学难搞的fish_redux框架吧，这个框架，官方的文档真是一言难尽，比flutter_bloc官网的文档真是逊色太多了，但是一旦知道怎么写，页面堆起来也是非常爽呀，结构分明，逻辑也会错落有致。

其实在当时搞懂这个框架的时候，就一直想写一篇文章记录下，但是因为忙（lan），导致一直没写，现在觉得还是必须把使用的过程记录下，毕竟刚上手这个框架是个蛋痛的过程，必须要把这个过程做个记录。

这不仅仅是记录的文章，文中所给出的示例，也是我重新构思去写的，过程也是力求阐述清楚且详细。

fish_redux使用解析---看完就会用！_第1张图片

几个问题点

  • 页面切换的转场动画
  • 页面怎么更新数据
  • fish_redux各个模块之间，怎么传递数据
  • 页面跳转传值，及其接受下个页面回传的值
  • 怎么配合ListView使用
  • ListView怎么使用adapter，数据怎么和item绑定
  • 怎么将Page当做widget使用（BottomNavigationBar，NavigationRail等等导航栏控件会使用到）
    • 这个直接使用：XxxPage.buildPage(null) 即可

如果你在使用fish_redux的过程中遇到过上述的问题，那就来看看这篇文章吧！这里，会解答上面所有的问题点！

准备

引入

fish_redux相关地址

  • GitHub地址：https://github.com/alibaba/fish-redux
  • Pub地址：https://pub.dev/packages/fish_redux

我用的是0.3.X的版本，算是第三版，相对于前几版，改动较大

  • 引入fish_redux插件，想用最新版插件，可进入pub地址里面查看
fish_redux: ^0.3.4
#演示列表需要用到的库
dio: ^3.0.9    #网络请求框架
json_annotation: ^2.4.0 #json序列化和反序列化用的

开发插件

  • 此处我们需要安装代码生成插件，可以帮我们生成大量文件和模板代码

  • 在Android Studio里面搜索”fish“就能搜出插件了，插件名叫：FishReduxTemplate

    fish_redux使用解析---看完就会用！_第2张图片

  • BakerJQ编写：Android Studio的Fish Redux模板。

  • huangjianke编写：VSCode的Fish Redux模板

创建

  • 这里我在新建的count文件夹上，选择新建文件，选择：New —> FishReduxTemplate

fish_redux使用解析---看完就会用！_第3张图片

  • 此处选择：Page，底下的“Select Fils”全部选择，这是标准的redux文件结构；这边命名建议使用大驼峰：Count
    • Component：这个一般是可复用的相关的组件；列表的item，也可以选择这个
    • Adapter：这里有三个Adapter，都可以不用了；fish_redux第三版推出了功能更强大的adapter，更加灵活的绑定方式

fish_redux使用解析---看完就会用！_第4张图片

  • 创建成功后，记得在创建的文件夹上右击，选择：Reload From Disk；把创建的文件刷新出来

fish_redux使用解析---看完就会用！_第5张图片

  • 创建成功的文件结构
    • page：总页面，注册effect，reducer，component，adapter的功能，相关的配置都在此页面操作
    • state：这地方就是我们存放子模块变量的地方；初始化变量和接受上个页面参数，也在此处，是个很重要的模块
    • view：主要是我们写页面的模块
    • action：这是一个非常重要的模块，所有的事件都在此处定义和中转
    • effect：相关的业务逻辑，网络请求等等的“副作用”操作，都可以写在该模块
    • reducer：该模块主要是用来更新数据的，也可以写一些简单的逻辑或者和数据有关的逻辑操作

fish_redux使用解析---看完就会用！_第6张图片

  • OK，至此就把所有的准备工作搞定了，下面可以开搞代码了

fish_redux使用解析---看完就会用！_第7张图片

开发流程

redux流程

  • 下图是阮一峰老师博客上放的redux流程图

fish_redux使用解析---看完就会用！_第8张图片

fish_redux流程

  • 在写代码前，先看写下流程图，这图是凭着自己的理解画的

    • 可以发现，事件的传递，都是通过dispatch这个方法，而且action这层很明显是非常关键的一层，事件的传递，都是在该层定义和中转的
    • 这图在语雀上调了半天，就在上面加了个自己的github水印地址

    fish_redux使用解析---看完就会用！_第9张图片

  • 通过俩个流程图对比，其中还是有一些差别的

    • redux里面的store是全局的。fish_redux里面也有这个全局store的概念，放在子模块里面理解store，react；对应fish_redux里的就是：state，view
    • fish_redux里面多了effect层：这层主要是处理逻辑，和相关网络请求之类
    • reducer里面，理论上也是可以处理一些和数据相关，简单的逻辑；但是复杂的，会产生相应较大的“副作用”的业务逻辑，还是需要在effect中写

范例说明

这边写四个示例，来演示fish_redux的使用

  • 计数器
    • fish_redux正常情况下的流转过程
    • fish_redux各模块怎么传递数据
  • 页面跳转
    • A —> B（A跳转到B，并传值给B页面）
    • B —> A（B返回到A，并返回值给A页面）
  • 列表文章
    • 网络请求数据，列表加载
    • fish_redux在ListView中使用
  • 全局模块
    • 全局切换主题

计数器

效果图

fish_redux使用解析---看完就会用！_第10张图片

  • 这个例子演示，view中点击此操作，然后更新页面数据；下述的流程，在effect中把数据处理好，通过action中转传递给reducer更新数据
    • view —> action —> effect —> reducer（更新数据）
  • 注意：该流程将展示，怎么将数据在各流程中互相传递

标准模式

  • main
    • 这地方需要注意，cupertino，material这类系统包和fish_redux里包含的“Page”类名重复了，需要在这类系统包上使用hide，隐藏系统包里的Page类
    • 关于页面的切换风格，可以在MaterialApp中的onGenerateRoute方法中，使用相应页面切换风格，这边使用ios的页面切换风格：cupertino
///需要使用hide隐藏Page
import 'package:flutter/cupertino.dart'hide Page;
import 'package:flutter/material.dart' hide Page;

void main() {
  runApp(MyApp());
}

Widget createApp() {
  ///定义路由
  final AbstractRoutes routes = PageRoutes(
    pages: >{
      "CountPage": CountPage(),
    },
  );

  return MaterialApp(
    title: 'FishDemo',
    home: routes.buildPage("CountPage", null), //作为默认页面
    onGenerateRoute: (RouteSettings settings) {
      //ios页面切换风格
      return CupertinoPageRoute(builder: (BuildContext context) {
        return routes.buildPage(settings.name, settings.arguments);
      })
//      Material页面切换风格
//      return MaterialPageRoute(builder: (BuildContext context) {
//        return routes.buildPage(settings.name, settings.arguments);
//      });
    },
  );
}
 
  
     
   
  • state 
    
       
     
    • 定义我们在页面展示的一些变量，initState中可以初始化变量；clone方法的赋值写法是必须的
      •  
    
     
    •  
  
 
  
class CountState implements Cloneable {
  int count;

  @override
  CountState clone() {
    return CountState()..count = count;
  }
}

CountState initState(Map args) {
  return CountState()..count = 0;
}

 
  
     
   
  • view：这里面就是写界面的模块，buildView里面有三个参数 
    
       
     
    • state：这个就是我们的数据层，页面需要的变量都写在state层
      •  
     
    • dispatch：类似调度器，调用action层中的方法，从而去回调effect，reducer层的方法
      •  
     
    • viewService：这个参数，我们可以使用其中的方法：buildComponent(“组件名”)，调用我们封装的相关组件
      •  
    
     
    •  
  
 
  
Widget buildView(CountState state, Dispatch dispatch, ViewService viewService) {
  return _bodyWidget(state, dispatch);
}

Widget _bodyWidget(CountState state, Dispatch dispatch) {
  return Scaffold(
    appBar: AppBar(
      title: Text("FishRedux"),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('You have pushed the button this many times:'),
          ///使用state中的变量，控住数据的变换
          Text(state.count.toString()),
        ],
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        ///点击事件，调用action 计数自增方法
        dispatch(CountActionCreator.countIncrease());
      },
      child: Icon(Icons.add),
    ),
  );
}

 
  
     
   
  • action 
    
       
     
    • 该层是非常重要的模块，页面所有的行为都可以在本层直观的看到
      •  
     
    • XxxxAction中的枚举字段是必须的，一个事件对应有一个枚举字段，枚举字段是：effect，reducer层标识的入口
      •  
     
    • XxxxActionCreator类中的方法是中转方法，方法中可以传参数，参数类型可任意；方法中的参数放在Action类中的payload字段中，然后在effect，reducer中的action参数中拿到payload值去处理就行了
      •  
     
    • 这地方需要注意下，默认生成的模板代码，return的Action类加了const修饰，如果使用Action的payload字段赋值并携带数据，是会报错的；所以这里如果需要携带参数，请去掉const修饰关键字
      •  
    
     
    •  
  
 
  
enum CountAction { increase, updateCount }

class CountActionCreator {
  ///去effect层去处理自增数据
  static Action countIncrease() {
    return Action(CountAction.increase);
  }
  ///去reducer层更新数据，传参可以放在Action类中的payload字段中，payload是dynamic类型，可传任何类型
  static Action updateCount(int count) {
    return Action(CountAction.updateCount, payload: count);
  }
}

 
  
     
   
  • effect 
    
       
     
    • 如果在调用action里面的XxxxActionCreator类中的方法，相应的枚举字段，会在combineEffects中被调用，在这里，我们就能写相应的方法处理逻辑，方法中带俩个参数：action，ctx 
      
         
       
      • action：该对象中，我们可以拿到payload字段里面，在action里面保存的值
        •  
       
      • ctx：该对象中，可以拿到state的参数，还可以通过ctx调用dispatch方法，调用action中的方法，在这里调用dispatch方法，一般是把处理好的数据，通过action中转到reducer层中更新数据
        •  
      
       
      •  
    
     
    •  
  
 
  
Effect buildEffect() {
  return combineEffects(>{
    CountAction.increase: _onIncrease,
  });
}
///自增数
void _onIncrease(Action action, Context ctx) {
  ///处理自增数逻辑
  int count = ctx.state.count + 1;
  ctx.dispatch(CountActionCreator.updateCount(count));
}

 
  
     
   
  • reducer 
    
       
     
    • 该层是更新数据的，action中调用的XxxxActionCreator类中的方法，相应的枚举字段，会在asReducer方法中回调，这里就可以写个方法，克隆state数据进行一些处理，这里面有俩个参数：state，action
      •  
     
    • state参数经常使用的是clone方法，clone一个新的state对象；action参数基本就是拿到其中的payload字段，将其中的值，赋值给state
      •  
    
     
    •  
  
 
  
Reducer buildReducer() {
  return asReducer(
    >{
      CountAction.updateCount: _updateCount,
    },
  );
}
///通知View层更新界面
CountState _updateCount(CountState state, Action action) {
  final CountState newState = state.clone();
  newState..count = action.payload;
  return newState;
}

 
  
     
   
  • page模块不需要改动，这边就不贴代码了
    •  
  
 
  
优化
 
  
     
   
  •  
    从上面的例子看到，如此简单数据变换，仅仅是个state中一个参数自增的过程，effect层就显得有些多余；所以，把流程简化成下面
     
    
       
     
    • view —> action —> reducer
      •  
    
     
    •  
   
  •  
    注意：这边把effect层删掉，该层可以舍弃了；然后对view，action，reducer层代码进行一些小改动
     
    •  
  
 
  
搞起来
 
  
     
   
  • view 
    
       
     
    • 这边仅仅把点击事件的方法，微微改了下：CountActionCreator.countIncrease()改成CountActionCreator.updateCount()
      •  
    
     
    •  
  
 
  
Widget buildView(CountState state, Dispatch dispatch, ViewService viewService) {
  return _bodyWidget(state, dispatch);
}

Widget _bodyWidget(CountState state, Dispatch dispatch) {
  return Scaffold(
    appBar: AppBar(
      title: Text("FishRedux"),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('You have pushed the button this many times:'),
          Text(state.count.toString()),
        ],
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        ///点击事件，调用action 计数自增方法
        dispatch(CountActionCreator.updateCount());
      },
      child: Icon(Icons.add),
    ),
  );
}

 
  
     
   
  • action 
    
       
     
    • 这里只使用一个枚举字段，和一个方法就行了，也不用传啥参数了
      •  
    
     
    •  
  
 
  
enum CountAction { updateCount }

class CountActionCreator {
  ///去reducer层更新数据，传参可以放在Action类中的payload字段中，payload是dynamic类型，可传任何类型
  static Action updateCount() {
    return Action(CountAction.updateCount);
  }
}

 
  
     
   
  • reducer 
    
       
     
    • 这里直接在：_updateCount方法中处理下简单的自增逻辑
      •  
    
     
    •  
  
 
  
Reducer buildReducer() {
  return asReducer(
    >{
      CountAction.updateCount: _updateCount,
    },
  );
}
///通知View层更新界面
CountState _updateCount(CountState state, Action action) {
  final CountState newState = state.clone();
  newState..count = state.count + 1;
  return newState;
}

 
  
搞定
 
  
     
   
  • 可以看见优化了后，代码量减少了很多，对待不同的业务场景，可以灵活的变动，使用框架，但不要拘泥框架；但是如果有网络请求，很复杂的业务逻辑，就万万不能写在reducer里面了，一定要写在effect中，这样才能保证一个清晰的解耦结构，保证处理数据和更新数据过程分离
    •  
  
 
  
fish_redux使用解析---看完就会用！_第11张图片
 
  
页面跳转
 
  
效果图
 
  
fish_redux使用解析---看完就会用！_第12张图片
 
  
     
   
  • 从效果图，很容易看到，俩个页面相互传值 
    
       
     
    • FirstPage —> SecondPage（FirstPage跳转到SecondPage，并传值给SecondPage页面）
      •  
     
    • SecondPage —> FirstPage（SecondPage返回到FirstPage，并返回值给FirstPage页面）
      •  
    
     
    •  
  
 
  
实现
 
  
     
   
  • 从上面效果图上看，很明显，这边需要实现俩个页面，先看看main页面的改动
    •  
   
  • main 
    
       
     
    • 这里只增加了俩个页面：FirstPage和SecondPage；并将主页面入口换成了：FirstPage
      •  
    
     
    •  
  
 
  
Widget createApp() {
  ///定义路由
  final AbstractRoutes routes = PageRoutes(
    pages: >{
      ///计数器模块演示
      "CountPage": CountPage(),
      ///页面传值跳转模块演示
      "FirstPage": FirstPage(),
      "SecondPage": SecondPage(),
    },
  );

  return MaterialApp(
    title: 'FishRedux',
    home: routes.buildPage("FirstPage", null), //作为默认页面
    onGenerateRoute: (RouteSettings settings) {
      //ios页面切换风格
      return CupertinoPageRoute(builder: (BuildContext context) {
        return routes.buildPage(settings.name, settings.arguments);
      });
    },
  );
}

 
  
FirstPage
 
  
     
   
  •  
    先来看看该页面的一个流程
     
    
       
     
    • view —> action —> effect（跳转到SecondPage页面）
      •  
     
    • effect（拿到SecondPage返回的数据） —> action —> reducer（更新页面数据）
      •  
    
     
    •  
   
  •  
    state
     
    
       
     
    • 先写state文件，这边需要定义俩个变量来 
      
         
       
      • fixedMsg：这个是传给下个页面的值
        •  
       
      • msg：在页面上展示传值得变量
        •  
      
       
      •  
     
    • initState方法是初始化变量和接受页面传值的，这边我们给他赋个初始值
      •  
    
     
    •  
  
 
  
class FirstState implements Cloneable {
  ///传递给下个页面的值
  static const String fixedMsg = "\n我是FirstPage页面传递过来的数据：FirstValue";
  ///展示传递过来的值
  String msg;

  @override
  FirstState clone() {
    return FirstState()..msg = msg;
  }
}

FirstState initState(Map args) {
  return FirstState()..msg = "\n暂无";
}

 
  
     
   
  • view 
    
       
     
    • 该页面逻辑相当简单，主要的仅仅是在onPressed方法中处理逻辑
      •  
    
     
    •  
  
 
  
Widget buildView(FirstState state, Dispatch dispatch, ViewService viewService) {
  return _bodyWidget(state, dispatch);
}

Widget _bodyWidget(FirstState state, Dispatch dispatch) {
  return Scaffold(
    appBar: AppBar(
      title: Text("FirstPage"),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('下方数据是SecondPage页面传递过来的:'),
          Text(state.msg),
        ],
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        ///跳转到Second页面
        dispatch(FirstActionCreator.toSecond());
      },
      child: Icon(Icons.arrow_forward),
    ),
  );
}

 
  
     
   
  • action：这里需要定义俩个枚举事件 
    
       
     
    • toSecond：跳转到SecondPage页面
      •  
     
    • updateMsg：拿到SecondPage页面返回的数据，然后更新页面数据
      •  
    
     
    •  
  
 
  
enum FirstAction { toSecond , updateMsg}

class FirstActionCreator {
  ///跳转到第二个页面
  static Action toSecond() {
    return const Action(FirstAction.toSecond);
  }
  ///拿到第二个页面返回的数据,执行更新数据操作
  static Action updateMsg(String msg) {
    return Action(FirstAction.updateMsg, payload: msg);
  }
}

 
  
     
   
  • effect 
    
       
     
    • 此处需要注意：fish_redux 框架中的Action类和系统包中的重名了，需要把系统包中Action类隐藏掉
      •  
     
    • 传值直接用pushNamed方法即可，携带的参数可以写在arguments字段中；pushNamed返回值是Future类型，如果想获取他的返回值，跳转方法就需要写成异步的，等待从SecondPage页面获取返回的值，
      •  
    
     
    •  
  
 
  
/// 使用hide方法，隐藏系统包里面的Action类
import 'package:flutter/cupertino.dart' hide Action;

Effect buildEffect() {
  return combineEffects(>{
    FirstAction.toSecond: _toSecond,
  });
}

void _toSecond(Action action, Context ctx) async{
  ///页面之间传值；这地方必须写个异步方法，等待上个页面回传过来的值；as关键字是类型转换
  var result = await Navigator.of(ctx.context).pushNamed("SecondPage", arguments: {"firstValue": FirstState.fixedMsg});
  ///获取到数据，更新页面上的数据
  ctx.dispatch(FirstActionCreator.updateMsg( (result as Map)["secondValue"]) );
}

 
  
     
   
  • reducer 
    
       
     
    • 这里就是从action里面获取传递的值，赋值给克隆对象中msg字段即可
      •  
    
     
    •  
  
 
  
Reducer buildReducer() {
  return asReducer(
    >{
      FirstAction.updateMsg: _updateMsg,
    },
  );
}

FirstState _updateMsg(FirstState state, Action action) {
  return state.clone()..msg = action.payload;
}

 
  
SecondPage
 
  
     
   
  • 这个页面比较简单，后续不涉及到页面数据更新，所以reducer模块可以不写，看看该页面的流程 
    
       
     
    • view —> action —> effect（pop当前页面，并携带值返回）
      •  
    
     
    •  
   
  • state 
    
       
     
    • 该模块的变量和FirstPage类型，就不阐述了
      •  
     
    • initState里面通过args变量获取上个页面传递的值，上个页面传值需要传递Map类型，这边通过key获取相应的value
      •  
    
     
    •  
  
 
  
class SecondState implements Cloneable {
  ///传递给下个页面的值
  static const String fixedMsg = "\n我是SecondPage页面传递过来的数据：SecondValue";
  ///展示传递过来的值
  String msg;

  @override
  SecondState clone() {
    return SecondState()..msg = msg;
  }
}

SecondState initState(Map args) {
  ///获取上个页面传递过来的数据
  return SecondState()..msg = args["firstValue"];
}

 
  
     
   
  • view 
    
       
     
    • 这边需要注意的就是：WillPopScope控件接管AppBar的返回事件
      •  
    
     
    •  
  
 
  
Widget buildView(SecondState state, Dispatch dispatch, ViewService viewService) {
  return WillPopScope(
    child: _bodyWidget(state),
    onWillPop: () {
      dispatch(SecondActionCreator.backFirst());
      ///true：表示执行页面返回    false:表示不执行返回页面操作，这里因为要传值，所以接管返回操作
      return Future.value(false);
    },
  );
}

Widget _bodyWidget(SecondState state) {
  return Scaffold(
    appBar: AppBar(
      title: Text("SecondPage"),
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('下方数据是FirstPage页面传递过来的:'),
          Text(state.msg),
        ],
      ),
    ),
  );
}

 
  
     
   
  • action
    •  
  
 
  
enum SecondAction { backFirst }

class SecondActionCreator {
  ///返回到第一个页面，然后从栈中移除自身，同时传回去一些数据
  static Action backFirst() {
    return Action(SecondAction.backFirst);
  }
}

 
  
     
   
  • effect 
    
       
     
    • 此处同样需要隐藏系统包中的Action类
      •  
     
    • 这边直接在pop方法的第二个参数，写入返回数据
      •  
    
     
    •  
  
 
  
///隐藏系统包中的Action类
import 'package:flutter/cupertino.dart' hide Action;

Effect buildEffect() {
  return combineEffects(>{
    SecondAction.backFirst: _backFirst,
  });
}

void _backFirst(Action action, Context ctx) {
  ///pop当前页面，并且返回相应的数据
  Navigator.pop(ctx.context, {"secondValue": SecondState.fixedMsg});
}

 
  
搞定
 
  
     
   
  • 因为page模块不需要改动，所以就没必要将page模块代码附上了哈
    •  
   
  • OK，到这里，咱们也已经把俩个页面相互传值的方式get到了！
    •  
  
 
  
fish_redux使用解析---看完就会用！_第13张图片
 
  
列表文章
 
  
     
   
  •  
    理解了上面俩个案例，相信你可以使用fish_redux实现一部分页面了；但是，我们堆页面的过程中，能体会列表模块是非常重要的一部分，现在就来学学，在fish_redux中怎么使用ListView吧！
     
    
       
     
    • 废话少说，上号！
      •  
    
     
    •  
  
 
  
fish_redux使用解析---看完就会用！_第14张图片
 
  
列表展示-网络请求
 
  
效果图
 
  
 
  
     
   
  • 效果图对于列表的滚动，做了俩个操作：一个是拖拽列表；另一个是滚动鼠标的滚轮。flutter对鼠标触发的相关事件也支持的越来越好了！ 
    
       
     
    • 这边我们使用的是玩Android的api，这个api有个坑的地方，没设置开启跨域，所以运行在web上，这个api使用会报错，我在玩Android的github上提了issue，哎，也不知道作者啥时候解决，，，
      •  
    
     
    •  
   
  • 这地方只能曲线救国，关闭浏览器跨域限制，设置看这里：https://www.jianshu.com/p/56b1e01e6b6a
    •  
   
  • 如果运行在虚拟机上，就完全不会出现这个问题！
    •  
  
 
  
准备
 
  
     
   
  • 先看下文件结构
    •  
  
 
  
fish_redux使用解析---看完就会用！_第15张图片
 
  
     
   
  • main 
    
       
     
    • 这边改动非常小，只在路由里，新增了：GuidePage，ListPage；同时将home字段中的默认页面，改成了：GuidePage页面；导航页面代码就不贴在文章里了，下面贴下该页面链接 
      
         
       
      • https://github.com/CNAD666/ExampleCode/tree/master/Flutter/fish_redux_demo/lib/guide
        •  
      
       
      •  
     
    • ListPage才是重点，下文会详细说明
      •  
    
     
    •  
  
 
  
void main() {
  runApp(createApp());
}

Widget createApp() {
  ///定义路由
  final AbstractRoutes routes = PageRoutes(
    pages: >{
      ///导航页面
      "GuidePage": GuidePage(),
      ///计数器模块演示
      "CountPage": CountPage(),
      ///页面传值跳转模块演示
      "FirstPage": FirstPage(),
      "SecondPage": SecondPage(),
      ///列表模块演示
      "ListPage": ListPage(),
    },
  );

  return MaterialApp(
    title: 'FishRedux',
    home: routes.buildPage("GuidePage", null), //作为默认页面
    onGenerateRoute: (RouteSettings settings) {
      //ios页面切换风格
      return CupertinoPageRoute(builder: (BuildContext context) {
        return routes.buildPage(settings.name, settings.arguments);
      });
    },
  );
}

 
  
流程
 
  
     
   
  • Adapter实现的流程 
    
       
     
    • 创建item(Component) —> 创建adapter文件 —> state集成相应的Source —> page里面绑定adapter
      •  
    
     
    •  
   
  • 通过以上四步，就能在fish_redux使用相应列表里面的adapter了，过程有点麻烦，但是熟能生巧，多用用就能很快搭建一个复杂的列表了
    •  
   
  • 总流程：初始化列表模块 —> item模块 —> 列表模块逻辑完善 
    
       
     
    • 初始化列表模块 
      
         
       
      • 这个就是正常的创建fish_redux模板代码和文件
        •  
      
       
      •  
     
    • item模块 
      
         
       
      • 根据接口返回json，创建相应的bean —> 创建item模块 —> 编写state —> 编写view界面
        •  
      
       
      •  
     
    • 列表模块逻辑完善：俩地方分俩步（adapter创建及其绑定，正常page页面编辑） 
      
         
       
      • 创建adapter文件 —> state调整 —> page中绑定adapter
        •  
       
      • view模块编写 —> action添加更新数据事件 —> effect初始化时获取数据并处理 —> reducer更新数据
        •  
      
       
      •  
    
     
    •  
   
  • 整体流程确实有些多，但是咱们按照整体三步流程流程走，保证思路清晰就行了
    •  
  
 
  
初始化列表模块
 
  
     
   
  • 此处新建个文件夹，在文件夹上新建fis_redux文件就行了；这地方，我们选择page，整体的五个文件：action，effect，reducer，state，view；全部都要用到，所以默认全选，填入Module的名字，点击OK
    •  
  
 
  
fish_redux使用解析---看完就会用！_第16张图片
 
  
item模块
 
  
按照流程走
 
  
     
   
  • 根据接口返回json，创建相应的bean —> 创建item模块 —> 编写state —> 编写view界面
    •  
  
 
  
准备工作
 
  
     
   
  •  
    创建bean实体
     
    
       
     
    • 根据api返回的json数据，生成相应的实体 
      
         
       
      • api：https://www.wanandroid.com/project/list/1/json
        •  
      
       
      •  
     
    • json转实体 
      
         
       
      • 网站：https://javiercbk.github.io/json_to_dart/
        •  
       
      • 插件：AS中可以搜索：FlutterJsonBeanFactory
        •  
      
       
      •  
     
    • 这地方生成了：ItemDetailBean；代码俩百多行就不贴了，具体的内容，点击下面链接 
      
         
       
      • ItemDetailBean代码：https://github.com/CNAD666/ExampleCode/blob/master/Flutter/fish_redux_demo/lib/list/bean/item_detail_bean.dart
        •  
      
       
      •  
    
     
    •  
   
  •  
    创建item模块
     
    
       
     
    • 这边我们实现一个简单的列表，item仅仅做展示功能；不做点击，更新ui等操作，所以这边我们就不需要创建：effect，reducer，action文件；只选择：state和view就行了
      •  
     
    • 创建item，这里选择component
      •  
    
     
    fish_redux使用解析---看完就会用！_第17张图片
     
    •  
  
 
  
文件结构
 
  
fish_redux使用解析---看完就会用！_第18张图片
 
  
OK，bean文件搞定了，再来看看，item文件中的文件，这里component文件不需要改动，所以这地方，我们只需要看：state.dart，view.dart
 
  
     
   
  • state 
    
       
     
    • 这地方还是常规的写法，因为json生成的bean里面，能用到的所有数据，都在Datas类里面，所以，这地方建一个Datas类的变量即可
      •  
     
    • 因为，没用到reducer，实际上clone实现方法都能删掉，防止后面可能需要clone对象，暂且留着
      •  
    
     
    •  
  
 
  
import 'package:fish_redux/fish_redux.dart';
import 'package:fish_redux_demo/list/bean/item_detail_bean.dart';

class ItemState implements Cloneable {
  Datas itemDetail;

  ItemState({this.itemDetail});

  @override
  ItemState clone() {
    return ItemState()
        ..itemDetail = itemDetail;
  }
}

ItemState initState(Map args) {
  return ItemState();
}

 
  
     
   
  • view 
    
       
     
    • 这里item布局稍稍有点麻烦，整体上采用的是：水平布局（Row），分左右俩大块 
      
         
       
      • 左边：单纯的图片展示
        •  
       
      • 右边：采用了纵向布局（Column），结合Expanded形成比例布局，分别展示三块东西：标题，内容，作者和时间
        •  
      
       
      •  
     
    • OK，这边view只是简单用到了state提供的数据形成的布局，没有什么要特别注意的地方
      •  
    
     
    •  
  
 
  
Widget buildView(ItemState state, Dispatch dispatch, ViewService viewService) {
  return _bodyWidget(state);
}

Widget _bodyWidget(ItemState state) {
  return Card(
    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
    elevation: 5,
    margin: EdgeInsets.only(left: 20, right: 20, top: 20),
    child: Row(
      children: [
        //左边图片
        Container(
          margin: EdgeInsets.all(10),
          width: 180,
          height: 100,
          child: Image.network(
            state.itemDetail.envelopePic,
            fit: BoxFit.fill,
          ),
        ),
        //右边的纵向布局
        _rightContent(state),
      ],
    ),
  );
}

///item中右边的纵向布局,比例布局
Widget _rightContent(ItemState state) {
  return Expanded(
      child: Container(
    margin: EdgeInsets.all(10),
    height: 120,
    child: Column(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        //标题
        Expanded(
          flex: 2,
          child: Container(
            alignment: Alignment.centerLeft,
            child: Text(
              state.itemDetail.title,
              style: TextStyle(fontSize: 16),
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
            ),
          ),
        ),
        //内容
        Expanded(
            flex: 4,
            child: Container(
              alignment: Alignment.centerLeft,
              child: Text(
                state.itemDetail.desc,
                style: TextStyle(fontSize: 12),
                maxLines: 3,
                overflow: TextOverflow.ellipsis,
              ),
            )),
        Expanded(
          flex: 3,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              //作者
              Row(
                children: [
                  Text("作者：", style: TextStyle(fontSize: 12)),
                  Expanded(
                    child: Text(state.itemDetail.author,
                        style: TextStyle(color: Colors.blue, fontSize: 12),
                        overflow: TextOverflow.ellipsis),
                  )
                ],
              ),
              //时间
              Row(children: [
                Text("时间：", style: TextStyle(fontSize: 12)),
                Expanded(
                  child: Text(state.itemDetail.niceDate,
                      style: TextStyle(color: Colors.blue, fontSize: 12),
                      overflow: TextOverflow.ellipsis),
                )
              ])
            ],
          ),
        ),
      ],
    ),
  ));
}

 
  
item模块，就这样写完了，不需要改动什么了，接下来看看List模块
 
  
列表模块逻辑完善
 
  
首先最重要的，我们需要将adapter建立起来，并和page绑定
 
  
     
   
  • 创建adapter文件 —> state调整 —> page中绑定adapter
    •  
  
 
  
adapter创建及其绑定
 
  
     
   
  • 创建adapter 
    
       
     
    • 首先需要创建adapter文件，然后写入下面代码：这地方需要继承SourceFlowAdapter适配器，里面的泛型需要填入ListState，ListState这地方会报错，因为我们的ListState没有继承MutableSource，下面state的调整就是对这个的处理
      •  
     
    • ListItemAdapter的构造函数就是通用的写法了，在super里面写入我们上面写好item样式，这是个pool应该可以理解为样式池，这个key最好都提出来，因为在state模块还需要用到，可以定义多个不同的item，很容易做成多样式item的列表；目前，我们这边只需要用一个，填入：ItemComponent()
      •  
    
     
    •  
  
 
  
class ListItemAdapter extends SourceFlowAdapter {
  static const String item_style = "project_tab_item";

  ListItemAdapter()
      : super(
          pool: >{
            ///定义item的样式
            item_style: ItemComponent(),
          },
        );
}

 
  
     
   
  • state调整 
    
       
     
    • state文件中的代码需要做一些调整，需要继承相应的类，和adapter建立起关联
      •  
     
    • ListState需要继承MutableSource；还必须定义一个泛型是item的ItemState类型的List，这俩个是必须的；然后实现相应的抽象方法就行了
      •  
     
    • 这里只要向items里写入ItemState的数据，列表就会更新了
      •  
    
     
    •  
  
 
  
class ListState extends MutableSource implements Cloneable {
  ///这地方一定要注意,List里面的泛型,需要定义为ItemState
  ///怎么更新列表数据,只需要更新这个items里面的数据,列表数据就会相应更新
  List items;

  @override
  ListState clone() {
    return ListState()..items = items;
  }

  ///使用上面定义的List,继承MutableSource,就把列表和item绑定起来了
  @override
  Object getItemData(int index) => items[index];

  @override
  String getItemType(int index) => ListItemAdapter.item_style;

  @override
  int get itemCount => items.length;

  @override
  void setItemData(int index, Object data) {
    items[index] = data;
  }
}

ListState initState(Map args) {
  return ListState();
}

 
  
     
   
  • page中绑定adapter
    •  
   
  • 这里就是将我们的ListSate和ListItemAdapter适配器建立起连接
    •  
  
 
  
class ListPage extends Page> {
  ListPage()
      : super(
          initState: initState,
          effect: buildEffect(),
          reducer: buildReducer(),
          view: buildView,
          dependencies: Dependencies(
              ///绑定Adapter
              adapter: NoneConn() + ListItemAdapter(),
              slots: >{}),
          middleware: >[],
        );
}

 
  
正常page页面编辑
 
  
整体流程
 
  
     
   
  •  
    view模块编写 —> action添加更新数据事件 —> effect初始化时获取数据并处理 —> reducer更新数据
     
    •  
   
  •  
    view
     
    
       
     
    • 这里面的列表使用就相当简单了，填入itemBuilder和itemCount参数就行了，这里就需要用viewService参数了哈
      •  
    
     
    •  
  
 
  
Widget buildView(ListState state, Dispatch dispatch, ViewService viewService) {
  return Scaffold(
    appBar: AppBar(
      title: Text("ListPage"),
    ),
    body: _itemWidget(state, viewService),
  );
}

Widget _itemWidget(ListState state, ViewService viewService) {
  if (state.items != null) {
    ///使用列表
    return ListView.builder(
      itemBuilder: viewService.buildAdapter().itemBuilder,
      itemCount: viewService.buildAdapter().itemCount,
    );
  } else {
    return Center(
      child: CircularProgressIndicator(),
    );
  }
}

 
  
     
   
  • action 
    
       
     
    • 只需要写个更新items的事件就ok了
      •  
    
     
    •  
  
 
  
enum ListAction { updateItem }

class ListActionCreator {
  static Action updateItem(var list) {
    return Action(ListAction.updateItem, payload: list);
  }
}

 
  
     
   
  • effect 
    
       
     
    • Lifecycle.initState是进入页面初始化的回调，这边可以直接用这个状态回调，来请求接口获取相应的数据，然后去更新列表
      •  
     
    • 这地方有个坑，dio必须结合json序列号和反序列的库一起用，不然Dio无法将数据源解析成Response类型
      •  
    
     
    •  
  
 
  
Effect buildEffect() {
  return combineEffects(>{
    ///进入页面就执行的初始化操作
    Lifecycle.initState: _init,
  });
}

void _init(Action action, Context ctx) async {
  String apiUrl = "https://www.wanandroid.com/project/list/1/json";
  Response response = await Dio().get(apiUrl);
  ItemDetailBean itemDetailBean =
      ItemDetailBean.fromJson(json.decode(response.toString()));
  List itemDetails = itemDetailBean.data.datas;
  ///构建符合要求的列表数据源
  List items = List.generate(itemDetails.length, (index) {
    return ItemState(itemDetail: itemDetails[index]);
  });
  ///通知更新列表数据源
  ctx.dispatch(ListActionCreator.updateItem(items));
}

 
  
     
   
  • reducer 
    
       
     
    • 最后就是更新操作了哈，这里就是常规写法了
      •  
    
     
    •  
  
 
  
Reducer buildReducer() {
  return asReducer(
    >{
      ListAction.updateItem: _updateItem,
    },
  );
}

ListState _updateItem(ListState state, Action action) {
  return state.clone()..items = action.payload;
}

 
  
列表修改-单item刷新
 
  
效果图
 
  
fish_redux使用解析---看完就会用！_第19张图片
 
  
     
   
  • 这次来演示列表的单item更新，没有网络请求的操作，所以代码逻辑就相当简单了
    •  
  
 
  
结构
 
  
     
   
  • 来看看代码结构
    •  
  
 
  
fish_redux使用解析---看完就会用！_第20张图片
 
  
     
   
  • 这地方很明显得发现，list_edit主体文件很少，因为这边直接在state里初始化了数据源，就没有后期更新数据的操作，所以就不需要：action，effect，reducer这三个文件！item模块则直接在reducer里更新数据，不涉及相关复杂的逻辑，所以不需要：effect文件。
    •  
  
 
  
列表模块
 
  
     
   
  •  
    这次列表模块是非常的简单，基本不涉及什么流程，就是最基本初始化的一个过程，将state里初始化的数据在view中展示
     
    
       
     
    • state —> view
      •  
    
     
    •  
   
  •  
    state
     
    
       
     
    • 老规矩，先来看看state中的代码
      •  
     
    • 这里一些新建了变量，泛型是ItemState（item的State），items变量初始化了一组数据；然后，同样继承了MutableSource，实现其相关方法
      •  
    
     
    •  
  
 
  
class ListEditState extends MutableSource implements Cloneable {
  List items;

  @override
  ListEditState clone() {
    return ListEditState()..items = items;
  }

  @override
  Object getItemData(int index) => items[index];

  @override
  String getItemType(int index) => ListItemAdapter.itemName;

  @override
  int get itemCount => items.length;

  @override
  void setItemData(int index, Object data) {
    items[index] = data;
  }
}

ListEditState initState(Map args) {
  return ListEditState()
    ..items = [
      ItemState(id: 1, title: "列表Item-1", itemStatus: false),
      ItemState(id: 2, title: "列表Item-2", itemStatus: false),
      ItemState(id: 3, title: "列表Item-3", itemStatus: false),
      ItemState(id: 4, title: "列表Item-4", itemStatus: false),
      ItemState(id: 5, title: "列表Item-5", itemStatus: false),
      ItemState(id: 6, title: "列表Item-6", itemStatus: false),
    ];
}

 
  
     
   
  • view 
    
       
     
    • view的代码主体仅仅是个ListView.builder，没有什么额外Widget
      •  
    
     
    •  
  
 
  
Widget buildView(ListEditState state, Dispatch dispatch, ViewService viewService) {
  return Scaffold(
    appBar: AppBar(
      title: Text("ListEditPage"),
    ),
    body: ListView.builder(
      itemBuilder: viewService.buildAdapter().itemBuilder,
      itemCount: viewService.buildAdapter().itemCount,
    ),
  );
}

 
  
     
   
  • adapter 
    
       
     
    • 和上面类型，adapter继承SourceFlowAdapter适配器
      •  
    
     
    •  
  
 
  
class ListItemAdapter extends SourceFlowAdapter {
  static const String itemName = "item";

  ListItemAdapter()
      : super(
          pool: >{itemName: ItemComponent()},
        );
}

 
  
     
   
  • page 
    
       
     
    • 在page里面绑定adapter
      •  
    
     
    •  
  
 
  
class ListEditPage extends Page> {
  ListEditPage()
      : super(
    initState: initState,
    view: buildView,
    dependencies: Dependencies(
        ///绑定适配器
        adapter: NoneConn() + ListItemAdapter(),
        slots: >{}),
    middleware: >[],
  );
}

 
  
item模块
 
  
     
   
  • 接下就是比较重要的item模块了，item模块的流程，也是非常的清晰 
    
       
     
    • view —> action —> reducer
      •  
    
     
    •  
   
  • state 
    
       
     
    • 老规矩，先来看看state里面的代码；此处就是写常规变量的定义，这些在view中都能用得着
      •  
    
     
    •  
  
 
  
class ItemState implements Cloneable {
  int id;
  String title;
  bool itemStatus;


  ItemState({this.id, this.title, this.itemStatus});

  @override
  ItemState clone() {
    return ItemState()
      ..title = title
      ..itemStatus = itemStatus
      ..id = id;
  }
}

ItemState initState(Map args) {
  return ItemState();
}

 
  
     
   
  • view 
    
       
     
    • 可以看到Checkbox的内部点击操作，我们传递了一个id参数，注意这个id参数是必须的，在更新item的时候来做区分用的
      •  
    
     
    •  
  
 
  
Widget buildView(ItemState state, Dispatch dispatch, ViewService viewService) {
  return Container(
    child: InkWell(
      onTap: () {},
      child: ListTile(
        title: Text(state.title),
        trailing: Checkbox(
          value: state.itemStatus,
          ///Checkbox的点击操作：状态变更
          onChanged: (value) => dispatch(ItemActionCreator.onChange(state.id)),
        ),
      ),
    ),
  );
}

 
  
     
   
  • action 
    
       
     
    • 一个状态改变的事件
      •  
    
     
    •  
  
 
  
enum ItemAction { onChange }

class ItemActionCreator {
  //状态改变
  static Action onChange(int id) {
    return Action(ItemAction.onChange, payload: id);
  }
}

 
  
     
   
  • reducer 
    
       
     
    • _onChange会回调所有ItemState，所以这地方必须用id或其它唯一标识去界定，我们所操作的item具体是哪一个
      •  
     
    • _onChange方法，未操作的item返回的时候要注意，需要返回：state原对象，标明该state对象未变动，其item不需要刷新；不能返回state.clone()，这样返回的就是个全新的state对象，每个item都会刷新，还会造成一个很奇怪的bug，会造成后续点击item操作失灵
      •  
    
     
    •  
  
 
  
Reducer buildReducer() {
  return asReducer(
    >{
      ItemAction.onChange: _onChange,
    },
  );
}

ItemState _onChange(ItemState state, Action action) {
  if (state.id == action.payload) {
    return state.clone()..itemStatus = !state.itemStatus;
  }
  ///这地方一定要注意，要返回:state；不能返回:state.clone()，否则会造成后续更新失灵
  return state;
}

 
  
搞定
 
  
     
   
  •  
    呼，终于将列表这块写完，说实话，这个列表的使用确实有点麻烦；实际上，如果大家用心看了的话，麻烦的地方，其实就是在这块：adapter创建及其绑定；只能多写写了，熟能生巧！
     
    •  
   
  •  
    列表模块大功告成，以后就能愉快的写列表了！
     
    •  
  
 
  
fish_redux使用解析---看完就会用！_第21张图片
 
  
全局模式
 
  
效果图
 
  
fish_redux使用解析---看完就会用！_第22张图片
 
  
     
   
  • 理解了上面的是三个例子，相信大部分页面，对于你来说都不在话下了；现在我们再来看个例子，官方提供的全局主题功能，当然，这不仅仅是全局主题，全局字体样式，字体大小等等，都是可以全局管理，当然了，写app之前要做好规划
    •  
  
 
  
开搞
 
  
store模块
 
  
     
   
  • 文件结构 
    
       
     
    • 这地方需要新建一个文件夹，新建四个文件：action，reducer，state，store
      •  
    
     
    •  
  
 
  
fish_redux使用解析---看完就会用！_第23张图片
 
  
     
   
  • state 
    
       
     
    • 老规矩，先来看看state，我们这里只在抽象类里面定义了一个主题色，这个抽象类是很重要的，需要做全局模式所有子模块的state，都必须实现这个抽象类
      •  
    
     
    •  
  
 
  
abstract class GlobalBaseState{
  Color themeColor;
}

class GlobalState implements GlobalBaseState, Cloneable{
  @override
  Color themeColor;

  @override
  GlobalState clone() {
    return GlobalState();
  }
}

 
  
     
   
  • action 
    
       
     
    • 因为只做切换主题色，这地方只需要定义一个事件即可
      •  
    
     
    •  
  
 
  
enum GlobalAction { changeThemeColor }

class GlobalActionCreator{
  static Action onChangeThemeColor(){
    return const Action(GlobalAction.changeThemeColor);
  }
}

 
  
     
   
  • reducer 
    
       
     
    • 这里就是处理变色的一些操作，这是咸鱼官方demo里面代码；这说明简单的逻辑，是可以放在reducer里面写的
      •  
    
     
    •  
  
 
  
import 'package:flutter/material.dart' hide Action;

Reducer buildReducer(){
  return asReducer(
    >{
      GlobalAction.changeThemeColor: _onChangeThemeColor,
    },
  );
}

List _colors = [
  Colors.green,
  Colors.red,
  Colors.black,
  Colors.blue
];

GlobalState _onChangeThemeColor(GlobalState state, Action action) {
  final Color next =
  _colors[((_colors.indexOf(state.themeColor) + 1) % _colors.length)];
  return state.clone()..themeColor = next;
}

 
  
     
   
  • store 
    
       
     
    • 切换全局状态的时候，就需要调用这个类了
      •  
    
     
    •  
  
 
  
/// 建立一个AppStore
/// 目前它的功能只有切换主题
class GlobalStore{
  static Store _globalStore;
  static Store get store => _globalStore ??= createStore(GlobalState(), buildReducer());
}

 
  
main改动
 
  
     
   
  • 这里面将PageRoutes里面的visitor字段使用起来，状态更新操作代码有点多，就单独提出来了；所以main文件里面，增加了： 
    
       
     
    • visitor字段使用
      •  
     
    • 增加_updateState方法
      •  
    
     
    •  
  
 
  
void main() {
  runApp(createApp());
}

Widget createApp() {
  ///全局状态更新
  _updateState() {
    return (Object pageState, GlobalState appState) {
      final GlobalBaseState p = pageState;

      if (pageState is Cloneable) {
        final Object copy = pageState.clone();
        final GlobalBaseState newState = copy;
        if (p.themeColor != appState.themeColor) {
          newState.themeColor = appState.themeColor;
        }
        /// 返回新的 state 并将数据设置到 ui
        return newState;
      }
      return pageState;
    };
  }
  
  final AbstractRoutes routes = PageRoutes(
    ///全局状态管理:只有特定的范围的Page(State继承了全局状态),才需要建立和 AppStore 的连接关系
    visitor: (String path, Page page) {
      if (page.isTypeof()) {
        ///建立AppStore驱动PageStore的单向数据连接： 参数1 AppStore  参数2 当AppStore.state变化时,PageStore.state该如何变化
        page.connectExtraStore(GlobalStore.store, _updateState());
      }
    },

    ///定义路由
    pages: >{
      ///导航页面
      "GuidePage": GuidePage(),
      ///计数器模块演示
      "CountPage": CountPage(),
      ///页面传值跳转模块演示
      "FirstPage": FirstPage(),
      "SecondPage": SecondPage(),
      ///列表模块演示
      "ListPage": ListPage(),
    },
  );

  return MaterialApp(
    title: 'FishRedux',
    home: routes.buildPage("GuidePage", null), //作为默认页面
    onGenerateRoute: (RouteSettings settings) {
      //ios页面切换风格
      return CupertinoPageRoute(builder: (BuildContext context) {
        return routes.buildPage(settings.name, settings.arguments);
      });
    },
  );
}

 
  
子模块使用
 
  
     
   
  • 这里就用计数器模块的来举例，因为仅仅只需要改动少量代码，且只涉及state和view，所以其它模块代码也不重复贴出了
    •  
   
  • state 
    
       
     
    • 这地方，仅仅让CountState多实现了GlobalBaseState类，很小的改动
      •  
    
     
    •  
  
 
  
class CountState implements Cloneable,GlobalBaseState {
  int count;

  @override
  CountState clone() {
    return CountState()..count = count;
  }

  @override
  Color themeColor;
}

CountState initState(Map args) {
  return CountState()..count = 0;
}

 
  
     
   
  • view 
    
       
     
    • 这里面仅仅改动了一行，在AppBar里面加了backgroundColor，然后使用state里面的全局主题色
      •  
    
     
    •  
  
 
  
Widget buildView(CountState state, Dispatch dispatch, ViewService viewService) {
  return _bodyWidget(state, dispatch);
}

Widget _bodyWidget(CountState state, Dispatch dispatch) {
  return Scaffold(
    appBar: AppBar(
      title: Text("FishRedux"),
      ///全局主题，仅仅在此处改动了一行
      backgroundColor: state.themeColor,
    ),
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text('You have pushed the button this many times:'),
          Text(state.count.toString()),
        ],
      ),
    ),
    floatingActionButton: FloatingActionButton(
      onPressed: () {
        ///点击事件，调用action 计数自增方法
        dispatch(CountActionCreator.updateCount());
      },
      child: Icon(Icons.add),
    ),
  );
}

 
  
     
   
  • 如果其他模块也需要做主题色，也按照此处逻辑改动即可
    •  
  
 
  
搞定
 
  
     
   
  • 经过上面的的三步，我们就可以使用全局状态了；从上面子模块的使用，可以很明显的感受到，全局状态，必须前期做好字段的规划，确定之后，最好不要再增加字段，不然继承抽象类的多个模块都会爆红，提示去实现xxx变量
    •  
  
 
  
最后
 
  
     
   
  •  
    这片文章，说实话，花了不少精力去写的，也花了不少时间构思；主要是例子，必须要自己重写下，尤其在dio返回的数据不能被Response解析，那地方坑了我一下午，少引了json序列化库，他也不报错，蛋蛋
     
    •  
   
  •  
    代码地址：https://github.com/CNAD666/ExampleCode/tree/master/Flutter/fish_redux_demo
     
    •  
   
  •  
    fish_redux版-玩Android：https://github.com/CNAD666/flutter_wan
     
    •  
   
  •  
    大家如果觉得有收获，就给我点个赞吧！你的点赞，是我码字的最大动力！
     
    •  
  
 
  
fish_redux使用解析---看完就会用！_第24张图片
 
  

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(Flutter,flutter,android,ios,android,studio)

        

            

                
    
                    
  • android系统selinux中添加新属性property
                        辉色投像

                        
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
    
                    
    • 
                    
  • 【iOS】MVC设计模式
                        Magnetic_h
iosmvc设计模式objective-c学习ui
                        
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
    
                    
    • 
                    
  • UI学习——cell的复用和自定义cell
                        Magnetic_h
ui学习
                        
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
    
                    
    • 
                    
  • c++ 的iostream 和 c++的stdio的区别和联系
                        黄卷青灯77
c++算法开发语言iostreamstdio
                        
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
    
                    
    • 
                    
  • 第四天旅游线路预览——从换乘中心到喀纳斯湖
                        陟彼高冈yu
基于Googleearthstudio的旅游规划和预览旅游
                        
    第四天：从贾登峪到喀纳斯风景区入口，晚上住宿贾登峪；换乘中心有4路车，喀纳斯①号车，去喀纳斯湖，路程时长约5分钟；将上面的的行程安排进行动态展示，具体步骤见”Googleearthstudio进行动态轨迹显示制作过程“、“Googleearthstudio入门教程”和“Googleearthstudio进阶教程“相关内容，得到行程如下所示：Day4-2-480p
    
                    
    • 
                    
  • Goolge earth studio 进阶4——路径修改与平滑
                        陟彼高冈yu
Googleearthstudio进阶教程旅游
                        
    如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可
    
                    
    • 
                    
  • Google earth studio 简介
                        陟彼高冈yu
旅游
                        
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
    
                    
    • 
                    
  • ios GCD
                        _Waiting_

                        
    1.GCD任务和队列学习GCD之前，先来了解GCD中两个核心概念：任务和队列。任务：就是执行操作的意思，换句话说就是你在线程中执行的那段代码。在GCD中是放在block中的。执行任务有两种方式：同步执行（sync）和异步执行（async）。两者的主要区别是：是否等待队列的任务执行结束，以及是否具备开启新线程的能力。同步执行（sync）：同步添加任务到指定的队列中，在添加的任务执行结束之前，会一直等
    
                    
    • 
                    
  • 2.2.6 通知类控件 Toast、Menu
                        常思行

                        
    本文例程下载：WillFlow_Toast、WillFlowMenu一、什么是Toast？Toast也被叫做吐司，是Android系统提供的一种非常好的提醒方式，在程序中可以使用它将一些短小的信息通知给用户，它有如下两个特点：Toast是没有焦点的Toast显示的时间有限过一定的时间就会自动消失所以一般来讲Toast的使用并不会影响我们的正常操作，并且它通常不会占用太大的屏幕空间，有着良好的用户体
    
                    
    • 
                    
  • mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录（轻松教你iPhone备份通讯录的方法）...
                        weixin_39762838
mac备份android手机通讯录导入iphone
                        
    在日新月异的手机更替中，换手机已经成为一个非常稀松平常的事情，但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难，本篇将给大家详细讲解这方面的知识：“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”，单击进入设置菜单，下拉菜单列表，点击“邮件、通讯录、日历”，然后找到“导入SIM卡通讯录
    
                    
    • 
                    
  • android 更改窗口的层次,浮窗开发之窗口层级
                        Ms.Bu
android更改窗口的层次
                        
    最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
    
                    
    • 
                    
  • Android应用性能优化
                        轻口味
Android
                        
    Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新
    
                    
    • 
                    
  • iOS内存管理简单理解
                        烧烤有点辣

                        
    什么是引用计数引用计数（ReferenceCount）是一个简单而有效的管理对象生命周期的方式。当我们创建一个新对象的时候，它的引用计数为1，当有一个新的指针指向这个对象时，我们将其引用计数加1，当某个指针不再指向这个对象是，我们将其引用计数减1，当对象的引用计数变为0时，说明这个对象不再被任何指针指向了，这个时候我们就可以将对象销毁，回收内存。由于引用计数简单有效，除了Objective-C和S
    
                    
    • 
                    
  • Android实现监听事件的方法
                        Amy木婉清

                        
    1.通过内部类实现2.通过匿名内部类实现3.通过事件源所在类实现4.通过外部类实现5.布局文件中onclick属性(针对点击事件)1.通过内部类实现代码:privateButtonmBtnEvent;//oncreate中mBtnEvent.setOnClickListener(newOnClick());//内部类实现监听classOnClickimplementsView.OnClickLis
    
                    
    • 
                    
  • 高级UI<第二十四篇>：Android中用到的矩阵常识
                        NoBugException

                        
    （1）定义在数学中，矩阵（Matrix）是一个按照长方阵列排列的复数或实数集合。由m×n个数aij排成的m行n列的数表称为m行n列的矩阵，简称m×n矩阵。记作：图片.png这m×n个数称为矩阵A的元素，简称为元，数aij位于矩阵A的第i行第j列，称为矩阵A的(i,j)元，以数aij为(i,j)元的矩阵可记为(aij)或(aij)m×n，m×n矩阵A也记作Amn。元素是实数的矩阵称为实矩阵，元素是复
    
                    
    • 
                    
  • RK3229_Android9.0_Box 4G模块EC200A调试
                        suifen_
网络
                        
    0、kernel修改这部分完全可以参考Linux的移植：RK3588EC200A-CN【4G模块】调试_rkec200a-cn-CSDN博客1、修改device/rockchip/rk322xdiff--gita/device.mkb/device.mkindexec6bfaa..e7c32d1100755---a/device.mk+++b/device.mk@@-105,6+105,8@@en
    
                    
    • 
                    
  • kt文件和java文件_Java与Kotlin之间怎样进行互操作
                        铭空间
kt文件和java文件
                        
    Java与Kotlin之间怎样进行互操作发布时间：2021-02-0210:50:43来源：亿速云阅读：98作者：小新这篇文章主要介绍了Java与Kotlin之间怎样进行互操作，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。前言目前kotlin是谷歌首推的开发Android的语言，但由于历史原因，我们绝大部分项目依旧还是以Java为主
    
                    
    • 
                    
  • ArcGIS Pro SDK （十四）地图探索 5 时间与动画
                        WineMonk
ArcGISProSDKarcgisarcgisprosdkgisc#
                        
    ArcGISProSDK（十四）地图探索5时间与动画文章目录ArcGISProSDK（十四）地图探索5时间与动画1时间1.1时间提前1个月1.2禁用地图中的时间。2动画2.1设置动画长度2.2缩放动画2.3相机关键帧2.4插值相机2.5插值时间2.6插值范围2.7创建摄像机关键帧2.8创建时间关键帧2.9创建范围关键帧2.10创建图层关键帧环境：VisualStudio2022+.NET6+Arc
    
                    
    • 
                    
  • Android shell 常用 debug 命令
                        晨春计
Audiodebugandroidlinux
                        
    目录1、查看版本2、am命令3、pm命令4、dumpsys命令5、sed命令6、log定位查看APK进程号7、log定位使用场景1、查看版本1.1、Android串口终端执行getpropro.build.version.release#获取Android版本uname-a#查看linux内核版本信息uname-r#单独查看内核版本1.2、linux服务器执行lsb_release-a#查看Lin
    
                    
    • 
                    
  • Vue + Express实现一个表单提交
                        九旬大爷的梦

                        
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
    
                    
    • 
                    
  • iOS下拉放大效果
                        RobinZhao

                        
    好多下拉放大的实现方式是在tableView上面添加一个view，同时更改tableView.contentInset，下拉时改变view的frame来实现。今天用另外一种方式实现，效果如下：加油.gif具体实现方法：通过tableViewCell结合xib来实现，具体代码如下HomeViewController.m代码#import"HomeViewController.h"#import"He
    
                    
    • 
                    
  • 2024年最全Flutter如何和Native通信-Android视角，Electron开发Android界面
                        2401_84544531
程序员android面试学习
                        
    总结【Android详细知识点思维脑图（技能树）】其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然Android没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明Android中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪
    
                    
    • 
                    
  • 分享一个基于python的电子书数据采集与可视化分析 hadoop电子书数据分析与推荐系统 spark大数据毕设项目（源码、调试、LW、开题、PPT)
                        计算机源码社
Python项目大数据大数据pythonhadoop计算机毕业设计选题计算机毕业设计源码数据分析spark毕设
                        
    作者：计算机源码社个人简介：本人八年开发经验，擅长Java、Python、PHP、.NET、Node.js、Android、微信小程序、爬虫、大数据、机器学习等，大家有这一块的问题可以一起交流！学习资料、程序开发、技术解答、文档报告如需要源码，可以扫取文章下方二维码联系咨询Java项目微信小程序项目Android项目Python项目PHP项目ASP.NET项目Node.js项目选题推荐项目实战|p
    
                    
    • 
                    
  • axios 请求封装
                        web Rookie
工作前端javascriptajax
                        
    文章目录1.前言2.axios下载3.代码实现4.实际使用1.前言本文是对于axios的二次封装处理，axios是一个基于Promise的网络请求库，作用于node.js和浏览器中；本文对于axios中的封装着重于直接使用，如果想要学习axios相关知识可以先行离开，后续在对其进行完善2.axios下载npminstallaxios3.代码实现//request.tsimportaxios,{Ax
    
                    
    • 
                    
  • android ndk 开发jni调用对象方法，数组参数
                        wulongkou
开发问题安卓的事ndkandroidstudiojni
                        
    一、JNI和NDK关系JNI是Java语言提供的Java和C/C++相互沟通的机制，Java可以通过JNI调用本地的C/C++代码，本地的C/C++的代码也可以调用java代码。JNI是本地编程接口，Java和C/C++互相通过的接口。Java通过C/C++使用本地的代码的一个关键性原因在于C/C++代码的高效性。NDK是一系列工具的集合。它提供了一系列的工具，帮助开发者快速开发C（或C++）的动
    
                    
    • 
                    
  • Android jni中数组参数的传递方式
                        lokeyme
Andriodandroid开发JNINDKjavac语言
                        
    1、背景今天调试了一下Androidjni关于Java中调用C代码的程序，发现我的数组参数传递方式不对，导致值传递不正确，我的方法是：C代码，入口函数#include#includejintJava_sony_MedicalRecordDemo_MainActivity_decryptionSuccess(JNIEnv*env,jobjectthiz,jintAttr[]){returnAttr[
    
                    
    • 
                    
  • 1-1.Jetpack 之 Navigation 简单编码模板
                        我命由我12345
Android-Jetpack简化编程javajava-eeandroid-studioandroidstudio安卓androidjetpack
                        
    一、Navigation1、Navigation概述Navigation是Jetpack中的一个重要成员，它主要是结合导航图（NavigationGraph）来控制和简化Fragment之间的导航，即往哪里走，该怎么走2、Navigate引入在模块级build.gradle中引入相关依赖implementation'androidx.navigation:navigation-fragment:2
    
                    
    • 
                    
  • 函数可以返回数组吗？有哪3种返回方法呢？如代码种的func2、func3、func4都可以返回数组。func1为什么会报错呢？关于返回数组需要注意哪些呢？
                        神笔馬良
java算法数据结构
                        
    问题描述：根据下列代码回答下列问题。//Createdby黑马程序员.#include"iostream"usingnamespacestd;/**函数返回数组，就是返回指针，要注意：*-不可返回局部数组（在函数内创建的数组），如果要返回需要*-static修饰*-动态内存创建（new[]、delete[]）*-返回全局（在函数外创建的对象）**不推荐函数返回数组，因为要么手动delete、要么s
    
                    
    • 
                    
  • OpenCV结构分析与形状描述符（24）检测两个旋转矩形之间是否相交的一个函数rotatedRectangleIntersection()的使用
                        jndingxin
OpenCVopencv人工智能计算机视觉
                        
    操作系统：ubuntu22.04OpenCV版本：OpenCV4.9IDE:VisualStudioCode编程语言：C++11算法描述测两个旋转矩形之间是否存在交集。如果存在交集，则还返回交集区域的顶点。下面是一些交集配置的例子。斜线图案表示交集区域，红色顶点是由函数返回的。rotatedRectangleIntersection()这个函数看起来像是用于检测两个旋转矩形之间是否相交的一个方法。
    
                    
    • 
                    
  • Android JetPack架构——结合记事本Demo一篇打通对Sqlite的增删改查结合常用jetpack架构应用
                        erhtre
程序员androidjetpack架构sqlite
                        
    为什么要用Jetpack?========================================================================关于为什么要用Jetpack，我参考了许多的博客和官方文档，开阔了我对Android生态圈的理解和认识，在Jetpack推出前出现的许许多多强大的第三方框架与语言，典型代表无疑是强大的RxJava在Jetpack仍然有许多粉丝在一
    
                    
    • 
                                
  • springmvc 下 freemarker页面枚举的遍历输出
                                    杨白白
enumfreemarker
                                    
    spring mvc freemarker 中遍历枚举 
 
1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。 
 

enum

public enum BooleanEnum {  
    TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");  

    
                                
    • 
                                
  • 实习简要总结
                                    byalias
工作
                                    
    来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段 
时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结： 
 
（1）工作技能方面 
大体分为两个阶段，Java Web 基础阶段和Java EE阶段 
 
1）Java Web阶段 
在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过 
了一遍，也
    
                                
    • 
                                
  • Quartz——DateIntervalTrigger触发器
                                    eksliang
quartz
                                    
    转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述 
simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间
    
                                
    • 
                                
  • Unix快捷键
                                    18289753290
unixUnix；快捷键;
                                    
    复制，删除，粘贴： 
dd:删除光标所在的行                             &nbs
    
                                
    • 
                                
  • 获取Android设备屏幕的相关参数
                                    酷的飞上天空
android
                                    
    包含屏幕的分辨率  以及 屏幕宽度的最大dp 高度最大dp   
  
        TextView text = (TextView)findViewById(R.id.text);
        DisplayMetrics dm = new DisplayMetrics();
        text.append("getResources().ge
    
                                
    • 
                                
  • 要做物联网？先保护好你的数据
                                    蓝儿唯美
数据
                                    
    根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。 
在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 
Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就
    
                                
    • 
                                
  • Java取模（求余）运算
                                    随便小屋
java
                                    
            整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码： 
/**
 * 
 * @author Logic
 *
 */
public class Test {

	public static void main(String[] args) {
		// TODO A
    
                                
    • 
                                
  • SQL注入介绍
                                    aijuans
sql注入
                                    
    二、SQL注入范例 
  
 这里我们根据用户登录页面 
  <form action="" > 用户名：<input type="text" name="username"><br/> 密 码：<input type="password" name="passwor
    
                                
    • 
                                
  • 优雅代码风格
                                    aoyouzi
代码
                                    
    总结了几点关于优雅代码风格的描述： 
 
 代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。 
 接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。 
 依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。 
 没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。 
 战术分层：代码分层清晰，隔离明确，
    
                                
    • 
                                
  • 布尔数组
                                    百合不是茶
java布尔数组
                                    
      
androi中提到了布尔数组; 
  
布尔数组默认的是false,  并且只会打印false或者是true 
  
布尔数组的例子;  根据字符数组创建布尔数组 
		char[] c = {'p','u','b','l','i','c'};
		//根据字符数组的长度创建布尔数组的个数
		boolean[] b = new bool
    
                                
    • 
                                
  • web.xml之welcome-file-list、error-page
                                    bijian1013
javaweb.xmlservleterror-page
                                    
    welcome-file-list 
1.定义： 
<welcome-file-list>
    <welcome-file>login.jsp</welcome>
</welcome-file-list> 
 2.作用：用来指定WEB应用首页名称。 
  
error-page1.定义： 
<error-page&g
    
                                
    • 
                                
  • richfaces 4 fileUpload组件删除上传的文件
                                    sunjing
clearRichfaces 4fileupload
                                    
     页面代码       
        <h:form id="fileForm">            <rich:
    
                                
    • 
                                
  • 技术文章备忘
                                    bit1129
技术文章
                                    
    Zookeeper 
http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html 
http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
    
                                
    • 
                                
  • org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案
                                    白糖_
Hibernate
                                    
    文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181 
  
在编写HQL时，可能会出现这种代码： 
  
select a.name,b.age from TableA a left join TableB b on a.id=b.id 
 如果这是HQL，那么这段代码就是错误的，因为HQL不支持
    
                                
    • 
                                
  • sqlserver按照字段内容进行排序
                                    bozch
按照内容排序
                                    
    在做项目的时候，遇到了这样的一个需求： 
          从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面； 
         select * fro
    
                                
    • 
                                
  • 编程珠玑-第一章-位图排序
                                    bylijinnan
java编程珠玑
                                    
    

import java.io.BufferedWriter;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.Random;

public class BitMapSearch {

  
    
                                
    • 
                                
  • Java关于==和equals
                                    chenbowen00
java
                                    
    关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况： 
1、 
 
String a = "aaa"; 
a=="aaa"; 
==> true 
2、 
 
new String("aaa")==new String("aaa
    
                                
    • 
                                
  • [IT与资本]软件行业需对外界投资热情保持警惕
                                    comsci
it
                                    
     
      我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境... 
 
      如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
    
                                
    • 
                                
  • oracle 数据块结构
                                    daizj
oracle块数据块块结构行目录
                                    
    oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为： 
 
块头－－〉空行－－〉数据，其实际为纵行结构。 
 
块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标
    
                                
    • 
                                
  • github上一些觉得对自己工作有用的项目收集
                                    dengkane
github
                                    
    github上一些觉得对自己工作有用的项目收集  
   
技能类 
 
 markdown语法中文说明 
  
回到顶部 
   
全文检索 
 
  elasticsearch  
  bigdesk elasticsearch管理插件  
  
回到顶部 
   
nosql 
 
  mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用  
  C
    
                                
    • 
                                
  • 初二上学期难记单词二
                                    dcj3sjt126com
englishword
                                    
    dangerous 危险的 
panda 熊猫 
lion 狮子 
elephant 象 
monkey 猴子 
tiger 老虎 
deer 鹿 
snake 蛇 
rabbit 兔子 
duck 鸭 
horse 马 
forest 森林 
fall 跌倒；落下 
climb 爬；攀登 
finish 完成；结束 
cinema 电影院；电影 
seafood 海鲜；海产食品 
bank 银行
    
                                
    • 
                                
  • 8、mysql外键(FOREIGN KEY)的简单使用
                                    dcj3sjt126com
mysql
                                    
    一、基本概念 
1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。 
2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。 
3、如
    
                                
    • 
                                
  • java循环标签 Foreach
                                    shuizhaosi888
标签java循环foreach
                                    
    1. 简单的for循环 
	public static void main(String[] args) {
		for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) {

			System.err.println("i=" + i + "    y=" 
    
                                
    • 
                                
  • Spring Security（05）——异常信息本地化
                                    234390216
exceptionSpring Security异常信息本地化
                                    
    异常信息本地化 
  
       Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
    
                                
    • 
                                
  • DUBBO架构服务端告警Failed to send message Response
                                    javamingtingzhao
架构DUBBO
                                    
     废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。 
  
 WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
    
                                
    • 
                                
  • JS中Date对象中几个用法
                                    leeqq
JavaScriptDate最后一天
                                    
    近来工作中遇到这样的两个需求 
1. 给个Date对象，找出该时间所在月的第一天和最后一天 
2. 给个Date对象，找出该时间所在周的第一天和最后一天 
  
需求1中的找月第一天很简单，我记得api中有setDate方法可以使用 
使用setDate方法前，先看看getDate 
var date = new Date();
console.log(date);
// Sat J
    
                                
    • 
                                
  • MFC中使用ado技术操作数据库
                                    你不认识的休道人
sqlmfc
                                    
    1.在stdafx.h中导入ado动态链接库 
 
#import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
    
                                
    • 
                                
  • Android Studio加速
                                    rensanning
android studio
                                    
    Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。 
 
 
（1）设置Android Studio 
a) 禁用插件 
File -> Settings...  Plugins 去掉一些没有用的插件。 
比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud
    
                                
    • 
                                
  • 各数据库的批量Update操作
                                    tomcat_oracle
javaoraclesqlmysqlsqlite
                                    
    MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的 
sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。   　　注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。   
MSSQL的SQL语句   
　WITH R AS（
　　SELECT 'John' as name, 18 as
    
                                
    • 
                                
  • html禁止清除input文本输入缓存
                                    xp9802
input
                                    
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法： 
方法一： 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name
    
                                
    •