美文网首页
Flutter 实现App整体置灰处理

Flutter 实现App整体置灰处理

作者: AndyLiYL | 来源:发表于2022-12-01 15:17 被阅读0次

App项目紧急加入整体页面置灰处理,这个功能呢,其实还算比较常规吧,在一些特殊日子中,为了悼念,大部分App会有置灰操作,有些只置灰首页,有的是置灰整体页面,Flutter实现起来还是比较简单。

对于置灰操作,如果是每次都更新版本,肯定就来不及,一般处理方式为后台设置按钮开关,处理对应日子开启置灰操作。由于是后台处理,通过接口返回结果,那么我们可以创建一个widget来接收数值,根据数值来切换彩灰切换。

class CNAppGrey extends StatelessWidget {
  final Widget child;
  final bool grey;
  const CNAppGrey({Key key, this.child, this.grey = true}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ColorFiltered(
        colorFilter: ColorFilter.mode(
            grey
                ? GlobalTool.appGrey
                    ? Colors.grey
                    : Colors.transparent
                : Colors.transparent,
            BlendMode.color),
        child: child);
  }
}

GlobalTool是入口需要处理的数据基类,这个CNAppGrey包裹对应页面widget就可用于整体或者只部分置灰,整体处理还是不复杂。

相关文章

  • Flutter 实现App整体置灰处理

    App项目紧急加入整体页面置灰处理,这个功能呢,其实还算比较常规吧,在一些特殊日子中,为了悼念,大部分App会有置...

  • iOS App整体置灰处理

    App项目紧急加入整体页面置灰处理,这个功能呢,其实还算比较常规吧,在一些特殊日子中,为了悼念,大部分App会有置...

  • iOS页面灰化-节日

    App页面置灰,本质是将彩色图像转换为灰度图像,本文提供两种方法实现,一种是App整体置灰,一种是单个页面置灰,可...

  • App快速实现置灰样式

    背景: 4月4日,国家为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,举行全国性哀悼活动,各...

  • android view置灰(哀悼日)

    置灰前 置灰后 给Activity的顶层View设置置灰,实现全局置灰效果。获取界面的根View:

  • App置灰或则页面置灰

    1.页面或则view置灰的方式,如果是整个App置灰就设置view为window

  • iOS 图片置灰(OC&Swift)

    对于项目中需要图片置灰的处理方法: OC: //将图片置灰+ (UIImage*)grayScale:(UIIma...

  • 交互-按钮置灰与不置灰

    理了下按钮置灰还是不置灰的逻辑,总结讲就是简单的置灰,复杂的不置灰单项的置灰,多项的不置灰 简单的置灰,单项的置灰...

  • ** iPhone has denied the launch

    问题: 点击 该台iPhone上的APP,只有置灰效果,无法打开APP;删掉掉APP后,重新使用Xcode在手机...

  • 置灰

    视觉置灰 视觉置灰在界面设计中主要起到的是一个筛选的作用。以豆瓣和虎扑为例,帖子如果浏览过就会置灰。 在电商类的产...

网友评论

      本文标题:Flutter 实现App整体置灰处理

      本文链接:https://www.haomeiwen.com/subject/lcgefdtx.html