美文网首页
图片模糊

图片模糊

作者: 河马过河 | 来源:发表于2025-10-27 10:16 被阅读0次
  final RxDouble blurStrength = 0.0.obs;
final ScrollController controller = ScrollController();
 @override
  void initState() {
    super.initState();
    controller.addListener(() {
      var offset = controller.offset;
      if (offset > 450.w) {
        bShowAppbarTitle.value = true;
      } else {
        bShowAppbarTitle.value = false;
      }
      if (offset > 1100.w) {
        bShowCover = false;
        blurStrength.value =10;
      } else {
        bShowCover = true;
        blurStrength.value =
            (controller.offset / 1100.w)*10; // 根据偏移量计算模糊强度
      }
      bShowClip.value = offset > 450.w;
      if (bLastShowCover != bShowCover) {
        logic.update(["background"]);
        bLastShowCover = bShowCover;
      }
    });
  }
  Widget _buildCover() {
    return Obx(() {
      return Stack(
        children: [
          // 原始图片
          LoadImage(
            logic.material?.appList.firstOrNull?.picList.firstOrNull?.icon ??
                "",
            width: 1080.w,
            height: 1100.w,
          ),
          // 动态模糊效果
          Positioned.fill(
            child: BackdropFilter(
              filter: ImageFilter.blur(
                  sigmaX: blurStrength.value, sigmaY: blurStrength.value),
              child: Container(
                color: Colors.black.withOpacity(0.3),
              ),
            ),
          ),
        ],
      );
    });
  }

相关文章

  • 图片模糊(高斯模糊)

    app的build.gradle配置:

  • 图片模糊

    如果使用self.view.backgroundColor = [UIColor colorWithPattern...

  • 模糊图片

    @implementation UIImage (Blur) -(UIImage *)boxblurImageWi...

  • 图片模糊

    filter: blur(6px);

  • 图片模糊之高斯模糊

    注:以下文章思想来源于阮一峰老师高斯模糊的算法 最近项目中需要模糊图片,在网上查了很久,终于将功能实现。但是对于其...

  • 图片高斯模糊

    用系统的CIFilter实现 // blur value:0 - 3 @IBAction func slider...

  • 图片模糊处理

    RenderScript是处理Bitmap的对象的,对于Drawable需要先转成Bitmap然后先处理。但Dra...

  • 动态模糊图片

    看这里http://blog.csdn.net/qq_21051503/article/details/73064...

  • 图片高斯模糊

    使用vImage的高斯模糊 前言 vImage属于Accelerate.Framework,需要导入 Accele...

  • 图片模糊处理

    #import "UIImage+PKBExtension.h" #import ...

网友评论

      本文标题:图片模糊

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