Flutter中使用photofilters如何自定义图片HDR滤镜

在Flutter项目中使用photofilters: ^3.0.1库做图片滤镜时，库本身没有内置HDR效果，自行编写的自定义滤镜达不到预期。
当前的问题代码：

class HDRISHFilter extends ColorFilter {
  HDRISHFilter() : super(name: "HDR-ish") {
    subFilters.add(new SaturationSubFilter(0.5));
    subFilters.add(new HueRotationSubFilter(30));
  }
}

这段代码的问题很明确：

• 只调整了饱和度和色相，完全没覆盖HDR效果核心的明暗层次、对比度调整
• 饱和度参数设为0.5是降低饱和度，HDR效果反而需要小幅提升饱和度来保证色彩通透
• 色相旋转30度会让整体画面严重偏色，完全不符合HDR高动态的自然视觉效果

可直接复用的正确实现 #

要做出参考图里的HDR-ish效果，需要组合对比度、曝光、高光阴影、饱和度、锐化几类调整，按正确顺序叠加子滤镜即可：

import 'package:photofilters/filters/color_filters.dart';
import 'package:photofilters/filters/subfilters.dart';

class HDRISHFilter extends ColorFilter {
  HDRISHFilter() : super(name: "HDR-ish") {
    // 提升对比度，拉开画面明暗层次
    subFilters.add(ContrastSubFilter(1.3));
    // 微调整体曝光，避免画面偏灰
    subFilters.add(ExposureSubFilter(0.15));
    // 压暗高光、提亮暗部，模拟HDR宽动态范围效果
    subFilters.add(HighlightsShadowSubFilter(highlights: -0.3, shadows: 0.25));
    // 小幅提升饱和度，让色彩更鲜亮但不溢出
    subFilters.add(SaturationSubFilter(1.25));
    // 极小幅度色相校准，避免画面偏黄/偏蓝
    subFilters.add(HueRotationSubFilter(5));
    // 轻微加锐，提升细节清晰度
    subFilters.add(SharpenSubFilter(0.2));
  }
}

参数调整指南 #

如果跑出来的效果和预期有出入，可以按下面的规则自行微调：

• 明暗反差不够、画面发灰：适当调高ContrastSubFilter参数，建议范围1.2~1.4，超过1.5容易出现死黑、死白的色块
• 暗部太黑、亮部过曝：调整HighlightsShadowSubFilter的参数，shadows值越高暗部越亮，highlights值越低高光越柔和
• 色彩太淡或者太艳：调整SaturationSubFilter参数，建议范围1.1~1.3，数值过高会出现色彩失真
• 画面颗粒感太重、边缘太硬：降低SharpenSubFilter的参数，设为0即可关闭锐化效果

注意：子滤镜是按照添加顺序依次生效的，一定要按照「明暗调整→色彩调整→质感调整」的顺序添加，不然很容易出现色彩断层、奇怪偏色的问题。

预期效果参考：

内容的提问来源于stack exchange，提问作者MohammadAli