【问题标题】:How to apply blur effect only outside of a widget?如何仅在小部件之外应用模糊效果?
【发布时间】:2018-08-22 13:50:33
【问题描述】:

我正在尝试创建一个用于裁剪图像的用户界面。我想在选择区域之外应用模糊效果。

在上图中,区域 1 是选择区域。我想在这个 ui 初始化时让它居中。然后用户调整大小并将其移动到图像上。我将使用最新的位置和大小来裁剪图像。

有没有办法通过使用小部件来实现这一点?我是用画布做的,但如果可能的话,我会用小部件来做。

【问题讨论】:

    标签: image dart flutter


    【解决方案1】:

    我不知道你是否能够在不使用你所说的画布的情况下以这种方式获得“剪切”模糊效果。

    如果我这样做,我会将两个Image 小部件加载到Stack 中,后面的一个被模糊,前面的“选择”区域有一个可拖动的ClipRect,它会产生你想要的效果'重新寻找。我在Stack 中做了稍微类似的事情,并且能够达到我的目标。

    【讨论】:

    • "...产生您想要的效果的ClipRect。"我不想对选择区域应用任何效果。
    • “你正在寻找的效果”是一个背景模糊的未模糊选区,对吧?
    • 是的,是否可以在特定区域或小部件上应用“反模糊”效果?
    • ....这就是我的回答所解释的。我不知道防模糊是可能的。我建议的方法使用两张图像来伪造这种效果。
    • 是的,我也想过使用两张图片。能详细点吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-20
    • 2018-08-22
    • 2013-08-03
    • 1970-01-01
    相关资源
    最近更新 更多