草庐IT

dart - flutter 模糊叠加

coder 2023-05-09 原文

我想制作一个对话框，而不是用通常的物质方式来使后面的小部件变暗，从而使它们模糊。所以基本上我想知道是否有一种方法不仅可以模糊图像，还可以模糊整个应用程序(或部分应用程序)

最佳答案

You can use the BackdropFilter to make the image actual blur and put the white overlay on that using below code. Here _value is the slider value which use can select. for ex. 10.0

@override
  Widget build(BuildContext context) {
    final ThemeData theme = Theme.of(context);
    SystemChrome.setEnabledSystemUIOverlays([]);
    // TODO: implement build
    return new Scaffold(
      resizeToAvoidBottomPadding: false,
      body: new Stack(children: <Widget>[
        new PageView.builder(
          itemBuilder: (context, pos) {
            return new Stack(
               children: <Widget>[
                 new FadeInImage(
                   fit: BoxFit.cover,
                   placeholder: new CachedNetworkImageProvider(
                       widget.CatimgList[pos].thumb_img),
                   image: new CachedNetworkImageProvider(
                       widget.CatimgList[pos].image_large),
                 ),
                new BackdropFilter(
                   filter: new ImageFilter.blur(sigmaX: _value, sigmaY: _value),
                   child: new Container(
                     decoration: new BoxDecoration(
                         color: Colors.white.withOpacity(_value)),
                   ),
                 )
               ],
            );
      );
)

关于dart - flutter 模糊叠加，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51801800/

flutterdartsectionnewvalue

有关dart - flutter 模糊叠加的更多相关文章

  1. ruby-on-rails - 使用 Rails (Tire) 和 ElasticSearch 进行模糊字符串匹配 - 2

    我有一个Rails应用程序，现在设置了ElasticSearch和Tiregem以在模型上进行搜索，我想知道我应该如何设置我的应用程序以对模型中的某些索引进行模糊字符串匹配。我将我的模型设置为索引标题、描述等内容，但我想对其中一些进行模糊字符串匹配，但我不确定在何处进行此操作。如果您想发表评论，我将在下面包含我的代码!谢谢!在Controller中:defsearch@resource=Resource.search(params[:q],:page=>(params[:page]||1),:per_page=>15,load:true)end在模型中:classResource'Us

  2. Ruby:模糊测试所有 unicode 字符(UTF8/编码/字符串操作) - 2

    我无法遍历整个unicode字符范围。我到处找...我正在构建一个模糊器，并希望将所有unicode字符(一次一个)嵌入到一个url中。例如:http://www.example.com?a=\uff1c我知道有一些内置工具，但我需要更多的灵active。如果我能像下面那样做:"\u"+"ff1c"那就太好了。这是我得到的最接近的:char="\u0000"...#withiniterationchar.succ!...但在字符"\u0039"之后，即数字9，我将得到"10"而不是":" 最佳答案 您可以使用pack将数字转换为UT

  3. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  4. ruby-on-rails - 使用 Barby gem 打印 - 条码图像模糊 - 2

    有人使用Barbygem(https://github.com/toretore/barby)来生成和打印条形码吗？我正在生成和打印png条形码文件，但它们变得模糊不清。请注意，生成的PNG文件看起来很棒，即使在放大条形图时也是如此，但打印时边缘模糊。我正在使用同一台打印机打印与我在其他地方获得的相同尺寸和格式的条形码，它们看起来漂亮而清晰。这是我正在使用的代码，以防有人对我如何让它看起来更好有任何想法。它目前无法使用，因为扫描仪无法读取它。我注意到创建的png有72dpi，似乎没有办法让它更高。这可能与此有关，也可能无关。require'barby'require'barby/bar

  5. ruby - Ruby 字符串字典中的快速模糊/近似搜索 - 2

    我有一个包含50K到100K字符串的字典(最多可以包含50个以上的字符)，我正在尝试查找给定字符串是否在具有“编辑”距离公差的字典中。(例如Levenshtein)。在进行搜索之前，我可以预先计算任何类型的数据结构。我的目标是尽快针对该字典运行数千个字符串并返回最近的邻居。如果有一个明显更快的算法，我会得到一个bool值来说明给定的是否在字典中为此，我首先尝试计算所有Levenshtein距离并取最小值，这显然非常慢。所以我尝试根据这篇文章实现一个LevenshteinTriehttp://stevehanov.ca/blog/index.php?id=114在这里查看我的重现基准的要

  6. ruby - 模糊文档匹配/文本指纹识别的最佳库 - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭2个月前。Improvethisquestion我正在考虑构建一个API，让程序可以提交学术出版物的“指纹”，将其与开放获取期刊的文章数据库进行匹配，如果找到，则向用户发送规范的引文信息。最初这将针对一个特定的小型研究领域，因此不一定需要处理2000万篇论文才能成功(即使涵盖了该领域1000篇最常被引用的论文，这对生产力来说也是一个巨大的福音和协作)。我想知道哪个库(理想情况下能够与Ruby交互)最适合执行此“指

  7. ruby - 如何在 Ruby 中进行模糊子串匹配？ - 2

    我发现了很多关于模糊匹配的链接，将一个字符串与另一个字符串进行比较，看看哪个获得最高的相似度分数。我有一个很长的字符串，它是一个文档，还有一个子字符串。子字符串来自原始文档，但已被多次转换，因此可能引入了奇怪的人工制品，例如这里有一个空格，那里有一个破折号。子字符串将与原始文档中的一段文本匹配99%或更多。我不匹配以查看该字符串来自哪个文档，我试图在文档中找到该字符串开始的索引。如果字符串是相同的，因为没有引入随机错误，我会使用document.index(substring)，但是即使只有一个字符差异，这也会失败。我认为可以通过删除字符串和子字符串中除a-z之外的所有字符来解决差异，

  8. javascript - MomentJS 返回每月 1 号的模糊日期 - 2

    我遇到了MomentJS返回无意义日期的小问题。我试图将日期设置为给定月份和年份的第一天。我尝试了以下方法:-var_year=2015;var_month=10;var_dateString=_year.toString()+'-'+_month.toString()+'-1';var_date=moment(_dateString,'YYYY-MM-D');console.log('_date',_date.format('dddd,doMMMMYYYY'));这将2015年10月4日，星期四作为_date。哪个不存在。我尝试使用.set()和.date()，两者给出相同的结果:-

  9. javascript - 使用 View 框时如何阻止路径在 D3 中模糊/消失？ - 2

    我正在使用D3库创建一些图表。它们被放置在一个View框中(参见下面“输出”下的片段)。View框允许响应式缩放。但是在某些分辨率下，线条要么消失，要么模糊/变粗。我认为这与它在这些分辨率下像素不完美有关，但我可能是错的。没有添加额外的样式，除了shape-rendering:crispEdges;JSthis.y=d3.scale.linear().rangeRound([this.height,0]);this.yAxis=d3.svg.axis().scale(this.y).tickSize(this.width).tickValues([0,25,50,75,100]).ti

  10. javascript - 在聚焦和模糊时更改 TinyMCE 的边框颜色 - 2

    我将jQuery与TinyMCE结合使用。我试图让边框颜色在TinyMCE编辑器处于焦点时改变，然后在模糊时改变回来。在ui.css中，我添加/更改了这些:.defaultSkintable.mceLayout{border:0;border-left:1pxsolid#93a6e1;border-right:1pxsolid#93a6e1;}.defaultSkintable.mceLayouttr.mceFirsttd{border-top:1pxsolid#93a6e1;}.defaultSkintable.mceLayouttr.mceLasttd{border-bottom:

随机推荐