为什么我会在scaffold的背景中看到一个巨大的灰色圆圈？

在scaffold的背景中看到一个巨大的灰色圆圈可能是由于页面加载过程中的一个特效或者加载指示器造成的。scaffold是一种快速构建界面的框架，用于生成具有一致结构和样式的页面。当页面加载或处理数据时，为了提升用户体验，常常会使用加载指示器来显示正在进行的操作。

这个巨大的灰色圆圈可能是加载指示器的一种形式，用于告知用户当前页面正在加载数据或者进行某些操作。灰色圆圈的出现是为了吸引用户的注意力，并且传达页面正在进行的操作，以避免用户认为页面没有响应或者卡住。

在云计算领域中，页面加载过程中使用加载指示器是一种常见的做法，特别是在处理大量数据、网络通信或者进行复杂的计算任务时。加载指示器的出现可以提醒用户页面正在进行操作，并且在操作完成之前保持用户的等待。

对于开发人员来说，选择适合的加载指示器可以提升用户体验，增加页面的交互性。在前端开发中，可以使用CSS、JavaScript等技术实现加载指示器的效果。在后端开发中，可以使用服务器端脚本或者框架来处理页面加载过程中的显示效果。

腾讯云提供了一系列云计算相关产品，包括云服务器、云存储、云数据库、人工智能服务等。您可以根据具体的需求选择适合的产品，以提供稳定、安全、高效的云计算服务。以下是腾讯云相关产品的介绍链接：

云服务器（ECS）：https://cloud.tencent.com/product/cvm
云存储（COS）：https://cloud.tencent.com/product/cos
云数据库（CDB）：https://cloud.tencent.com/product/cdb
人工智能服务（AI）：https://cloud.tencent.com/product/ai

相关·内容

为什么在深度学习中，AlphaGo Zero是一个巨大的飞跃?

它如何能够不断地改进它的学习? 我们在另一种称为FeedbackNet的架构中看到了这种不断学习和改进相同的神经网络的能力。在基于SGD的学习中，相同的网络在多次epoch中馈送数据。...在像围棋这样的深度学习中，你不能在纸上取得胜利，你必须要实际操作才能知道谁赢了。简而言之，无论一个简单的想法是什么，你都不会体会到它到底有多好，除非你去实际运行它。...所以基本上，MCTS使用了之前训练过的神经网络，对获胜的动作进行了搜索。这个搜索的结果被用来驱动神经网络的学习。因此，在每一场游戏之后，一个新的、潜在的改进的网络将被选中，以进行下一轮自我对弈中。...我发现，在使用较少的训练数据的同时，开发利用的搜索机制能够创造性地发现新策略。这是很奇怪的，就好像是自我对弈在回馈自己，并让自己更好地学习。...在这两种情况下，你都有两个在训练中互相馈送的网络。每个人都应该想到的一个重要问题是:“AlphaGo Zero的算法有多普遍?”DeepMind曾公开表示，他们将把这项技术应用于药物研发领域。

9388 0

Flutter 中的Error的捕获及处理

默认情况，debug 模式下会显示一个红色背景的错误页面， release 模式下会展示一个灰色背景的空白页面。...处理线上错误，如统计上传 }; runApp(MyApp()); } 上面我们重写了FlutterError.onError，这样就可以捕获到错误，第一行代码就是将error展示到控制台，这样我开发时就会在控制台很方便的看到错误...中，自定义一个error页面，然后赋值给ErrorWidget.builder即可。...这样再出现错误的时候就可以展示一个友好的页面。...然后在app中还需要定义一个友好的错误页面。

2.6K1 0

Flutter中Contrainer 组件的宽高限制分析

** 你可能需要 CSDN 网易云课堂教程掘金 EDU学院教程知乎 Flutter系列文章头条同步百度同步本文章首发于微信公众号（biglead）我的大前端生涯，同步刊登各技术论坛...*** 1 Contrainer 组件在 flutter 应用程序开发中，Contrainer组件可以理解为容器，常用用来设置背景、设置一个 Widget 的内外边距、以及边框样式等等。...的大小设置 [在这里插入图片描述] 在这里黄色的 Contrainer 与灰色的 Contrainer 的大小完全一至，而灰色的 Contrainer 的大小是由父黄色的Contrainer设置的大小...自身设置的情况分析 [在这里插入图片描述] 在这里黄色的 Contrainer 与灰色的 Contrainer 的大小完全一至，而灰色的 Contrainer 的大小是由自身设置的大小（100，...Widget 决定的情况分析如图所示 [在这里插入图片描述] 黄色的 Contrainer 与灰色的 Contrainer 的大小完全一至，而灰色的 Contrainer 的大小是由子Widged

2K1 1

使用浏览器开发工具测试网站可访问性的七种方法

前景与背景的对比度--如果有足够的对比度，可以看到一个绿色的对勾，否则就会看到一个红色的感叹号图标。公布的辅助技术名称，如读屏器。...ARIA的作用元素是否可在键盘上对焦的指示器（绿色的对勾或灰色的圆圈）。这些信息应该能让你走得很远。一旦发现颜色对比度不够的元素，就可以使用颜色选择器来修复它。...这样一来，你就可以很快看到你所需要的颜色是否属于其中的任何一个部分。不过，这种算法有一个问题，因为它并没有考虑某种字体的字重，而只考虑前景色和背景色的对比度。...一个具有足够对比度的轻型字体可能尚不可读。这就是为什么目前的对比度算法将很快就被一个考虑到这一点的算法所取代，你可以在开发者工具设置中开启新的算法。 ?...很快，还可以模拟高对比度模式，而无需改变你的操作系统。我很快就会在博客上写出更多的内容。 ? 无障碍网页树开发工具的可访问性面板还显示了文档的可访问性树。

1.2K3 0

在 Flutter 中创建漂亮的底部导航栏

」的一些属性: 「fixed」 (副标题图标停留在中心) 「fixedCircle」 (相同，但在固定图标的所有边上都有一个白色的圆圈) 「react」 (上标图标取代点击另一个图标) 「reactCircle...」 (与上标图标中的白色圆圈相同) 「textIn」 (选定的离子出现相应的标题) 「titled」 (未选择的图标是显示其标题的单个图标) 「flip」 (点击图标显示一个 flip 动画) 「custom...预览图：代码: 在 Convex_Bottom_Bar 演示中，首先，我们在这个类中创建一个名为 MyHomePage ()的有状态类，我们创建一个值为 0 的变量 selectedpage...定义一个名为 pageList的列表，在这个列表中我们传递要添加到 bootom 导航栏中的所有页面。...在 Home 类中，我们定义一个带有背景颜色的文本。

8.1K1 0

能「看到」的张量运算：因子图可视化

尽管我最初是在图模型和消息传递的语境中遇到因子图的，但我很快就意识到它们体现了一种更通用和更简单的概念。在这篇文章中，我将主要在高层面介绍因子图，而不会涉及图模型或消息传递等算法的具体细节。...爱因斯坦求和符号爱因斯坦符号存在多种形式，尤其是在物理学领域，但我们要介绍的那种非常简单，没有任何物理学背景也能轻松掌握。在矩阵乘法的定义中， ? 求和符号实际上是多余的。...在上面的例子中，A_{ijk} 表示 A 连接着 i、j、k 边的厚度对应于因子中轴（即数组分量的长度）的大小这使得图成为了方框和圆圈之间的二部图（bipartite graph）仅出现在等式右侧的索引...将许多因子组合成单个因子并求灰色变量的和的过程涉及到两个基本的计算操作：求和：移除仅有一条边的灰色节点求积：将两个因子合并成一个因子可以很容易看到，这样的操作能保留网络最终的收缩状态，所以如果我们不断应用它们直到只剩仅连接到未求和变量的单个因子...用爱因斯坦表示法，组合两个因子就等同于通过两个因子的项相乘而将两个因子当成一个，从而得到一个更大的因子： ? 这种求积是用一个因子中的每个元素与另一个因子的整体相乘。

1.2K4 0

华为设计总监：年轻设计师如何进步？

我想到的第一点是：看，适应进入设计行业不久的年轻设计师是暴露在一个真实而残酷的世界中的，他们100%地感受外界信息，这些信息包括：学校学习的知识，自我练手的经验，网上前辈的分享，工作领导的教导，业务同事的争论...设计师都要静下心来看这些挑战，看的过程中仔细思考为什么设计过程会不顺利，把一个一个困难的任务点剥茧抽丝来看，看透彻，看得自己明白前因后果，为后面着手解决问题打下扎实基础。...假设你要做一个手机App，只有一个页面，页面只有一个单色形状。你按照自己对产品诉求的理解和对设计专业的掌握，在一页白色背景上设计了一个红色圆圈。...如果你选择谁都听，那你得在紫色背景上画出一个又圆又方的粉红色图形，再求开发给你做出来，我猜你应该做不到。。。所以你应该先认真“看”，看清楚每个反馈的原因。...很有可能你最后交付的是一个灰色背景，绿色三角形的设计，和你自己的初衷、每个反馈方的想法都不一样，但是这个方案解决了产品经理对点击率和营收的诉求、设计经理对设计独特性的想法、开发经理对即有平台控件使用效率的要求

8974 0

【学习】教你用R的Inkscape制作数据图表

但是，如果我们想给我们的视觉效果一个额外的震撼呢？如果我们想要做一些手工的修饰呢？我曾长期抵制这些，因为我认为数据传递的主要目的是让观众用自己合适的方式去解析。...在Inkscape 里，涉及到像移动和删除东西的组视为一个单一的对象，而我们想要删除的灰色背景。使用选择工具选择的灰色框，然后点击鼠标右键，点击“取消组合”。...如果一切正常，你会看到所有圈子周围的个别选择器。然后，我们选择背景（用选择工具点击灰色背景部分）并按delete键删除： ? 为每个圆圈和一些文字添加标题文字，这会使可视化效果更好。...一旦添加标题，你可能会注意到的，我们占据了整个画面。这主要是由于全都由白框包围起来。让我们将其移动到背景层以此摆脱白色方块。使用选择工具点击在白色圆圈周围的任何地方。...在菜单中，单击“层” – >添加图层，使背景层： ? 一旦做到这一点，我们就可以在空白的任意位置单击，并调整图像的大小，以适应到页面。

1.9K7 0

【可视化】Excel制作INFOGRAPHIC

当然不是了，这部分是整个图形制作的比较复杂的地方，下面我说说我的办法。首先我们加一列辅助数据，值设定为-90（等一下说为什么是-90）。 ?...之后我们把这列数据插入到之前的图表中，图形变化为如下的形式： ? 可以看到图中红色的部分为我们后来插入的数据，右键点击红色部分，在弹出来的菜单中选择改变图表类型。 ?...需要补充说明的是此处设置的-90，是为了保证数字在我们设置的圆圈中显示。之后我们先进行美化，删除网格线，删除坐标轴，横坐标轴的线条设置为无色，变成了如下的形式。 ?...此处说明一点的是，最高值得条形图为橙色，剩下的为灰色，如果你还是点击一个条形图改变一下颜色，你的方法就太老土了，你只需要该变一个条形图的颜色为灰色就OK了，剩下的条形图选中，按一下F4就OK了，F4重复上一次操作...之后我们关心的是怎么来做这个圆圈，这个圆圈是另外一个图做出来的，点击插入，其他图表，选择圆环图，我们同时做一列数据，将一列数据放到圆环图，如下所示。 ? ?

1.5K4 0

Flutter之drawer详细分析（你要的操作都有）

image.png Oh，emmm....还是很丑的一个drawer嘢！上面那坨灰色的东西是怎么肥事！不急不急，我们慢慢来分析 3 ....解决Drawer灰色头部因为加了一个DrawerHeader,所以，我们需要看看DrawerHeader里面是什么原因导致添加灰色的地方 DrawerHeader源码： ?...image.png 可以看到，我们成功的修改了Drawer弹出的大小 5.监听Drawer的弹出和关闭监听Drawer这里官方给我们埋了一个坑监听我们以Tab为例，Flutter会给我我们一个...image.png 当我点击AppBar中左边的按钮是发现，弹出了一个蒙版，Drawer并没有弹出来，这是怎么回事？别急，我们开启一下布局边界 ?...为什么要拖动两遍才出现,神奇了？别急，这一切都可以分析我们先来看看Scaffold是怎么定义Drawer的 Scaffold源码 ?

4.2K2 1

Flutter RefreshIndicator 下拉刷新组件 Material 风格的刷新效果

题记 —— 优美的应用体验来自于细节的处理，更源自于码农的自我要求与努力，当然也需要码农年轻灵活的思维。 *** Flutter是谷歌推出的最新的移动开发框架。...RefreshIndicator 是 Material 风格的滑动刷新Widget ，效果是下拉刷新显示的加载圆圈。...extends State { @override Widget build(BuildContext context) { return Scaffold...color: Colors.blue, //下拉停止的距离 displacement: 44.0, //背景颜色 backgroundColor...Duration(milliseconds: 2000)); //结束刷新 return Future.value(true); }, //一个列表

2.9K2 0

『Flutter』有无状态组件

1.前言说一下背景，就是我们在编写 Flutter 程序的时候，我们目前是将所有的代码都编写在一个文件中，现在代码量比较少所以看上去还好，但是当代码量比较大的时候，这样的代码就会显得非常的臃肿，不利于我们的维护...通过我的观察 MaterialApp 中的 home 属性是一个 Scaffold 组件，所以我们将 Scaffold 组件也抽离出来，然后在 MaterialApp 中引用。...Center 组件，所以我们将 Center 组件也抽离出来，然后在 Scaffold 中引用, 这里我就不浪费时间了因为本次还有一个有状态组件还要介绍无状态组件的使用就到这里了。...isCheck 的值已经改变了，但是呢还有一个问题就是我们的数据改变了页面 UI 没有改变，这是为什么呢？...4.2.setStatesetState 方法是 State 类中的一个方法，它接收一个回调函数，这个回调函数会在 setState 方法调用之后立即执行，所以我们可以在这个回调函数中改变状态。

3644 0

Flutter 绘制探索 6 | 深入分析 CustomPaint 组件 | 七日打卡

可以看到唯一设置的方式就是过CustomPainter 的构造函数。这也是为什么子类只能在 super 中设置的原因。 ? ---- 2....由于他是 SingleChildRenderObjectWidget 的子类，所以可以包裹一个 child 组件，而背景和前景就是相对于孩子而言的。...如下图，在 CustomPaint 中 child 是一个图标，前景使用蓝圈，背景使用红圈，可以看到绘制时三者的层级关系。 ?..._foregroundPainter 也是类似，可以看到在 RenderCustomPaint#paint 方法中，是先画背景 _painter 、再使用 super.paint 绘制 child 、最后用...我们知道 CustomPaint 中的成员，都会在传入到 RenderCustomPaint 中进行使用。

1.6K1 0

详解微信小程序如何实现流程进度功能

最近正在做微信小程序，需要实现一个流程进度的图样式如下面需求：没完成的灰色小圆点表示完成的使用蓝色小圆点设置当前状态使用有外圈的小圆点表示实现起来比较简单，实现思路，使用一个列表实现，列表中的每一个...之所以这样是因为下面的文字需要居中显示在圆圈的下面。如果不需要文字的话可以一个圆圈后面跟一条直线会更简单一点。.../img/process_1.png' }], }, 按照上面的item图片我们会看到直接显示的话两边会多处一条线来怎么去掉这两条线呢，很简单，让父容器的背景颜色跟先的颜色一样就好啦。...把父布局的背景改为白色，然后控制列表中第一个item中的前面的线段的颜色为白色，最后一个item中的后面的线段为白色。...我们把完成的设置为蓝色把没完成的设置为灰色。使用 index 来记录是不是当前点（当前点就是state表示完成的最后一个）。

1.6K7 0

PPT辅助Power BIExcel设计：异形饼图

在statista看到一个有趣的饼图，把苹果logo按比例划分。Power BI或者Excel能不能实现？...直接在网上随便找一张图片覆盖上去是不行的，因为图片会把下面的饼图遮挡。所以要求上方的图片只能有线条，而不能有背景色。读者可能会想到，在网上找一些无背景的PNG素材或许可行。...因为PNG看上去是线条（如上方pngimg提供的苹果logo），但实际上是一个矩形，你的异形饼图需要的图案是不规则的，而不是一个框。SVG图形的本质是线条的组合，所以可以使用。 2....可以看到图片分成了三个部分。苹果的两部分和圆圈。苹果的形状填充选择无颜色，圆圈的形状填充颜色取决于你的Power BI底纹颜色，如果是白色，则选择白色。...此处看上去苹果和圆圈都是白色，实际设置是不一样的。圆圈换成灰色我们可以看到其中的差异，轮廓颜色可以按需选择是否保留。将以上设置好的图案另存为便携式网络图形，以备后用。 3.

1.6K5 0

12月的音乐可视化笔记：我从TOP2000歌曲中，分析了这几年流行音乐的变化趋势

起初，我用歌曲在TOP 40榜单的最高排名生成圈圈的大小，用他们在TOP 2000的排名来分配颜色。但是，却生成了大量几乎相同大小的浅灰色圆圈（请看下图），这看起来并不是很漂亮。...而在这个项目中我需要让整个灰色圆圈都被看到而不是被描边挡住一部分（这种情况对于小圆圈非常明显），所以我在灰色圆圈后面画了稍微大几个像素的彩色圆圈模拟彩色的描边。...下面的动图中这种“大一点”的圆圈就是使用了这种背景圆圈的画法，以此使得灰色圆圈可以保持真实半径。...但是，我还是找到了一个电子邮件地址（Jason Ko，DDR Freak创建者），就想说，为什么不写一封信呢？反正也没指望能够得到回复。...图中每一步都是一个光点，我依据该步法在歌曲中的位置来点亮相应的光点。

1.3K3 0

Power BI 模拟大厂图表的核心思路

9901 0

【Flutter】StatelessWidget 组件 ( Container 组件 | BoxDecoration 组件 | Text 组件 | Icon 组件 )

; 其中最重要的两个组件是 ① 无状态的 StatelessWidget 组件和 ② 有状态的 StatefulWidget 组件 ; StatelessWidget 是 Flutter 中不需要状态改变的...this.alignment 居中方式 , this.padding 边距 , Color color 颜色值等参数 ; 详细的设置可以参考 Container 源码中的构造函数中的参数 , 阅读每个参数的文档注释..., 如背景颜色 , 背景图片 , 背景边框 , 圆角等效果 ; BoxDecoration 装饰器源码示例 : 在下面的源码中的构造函数中 , 可以查看该装饰器可以设置的选项 ; class BoxDecoration..., 还可以设置背景图片 , 边框等 ; 这里使用 BoxDecoration 为 Container 设置了灰色背景 ; import 'package:flutter/material.dart';...子组件居中方式, 居中放置 alignment: Alignment.center, ), ), ); } } 运行效果 : Container 组件的背景由白色变成灰色

1.8K0 1

这些惊艳的数据可视化告诉你答案

在这个案例中，每一条线的灰色代表是一个人原来可以活到多少岁，但因为枪支却提前死亡了，死之前用桔色表现。...绿色圆圈表示未注册的贡献者在编辑，紫色圆圈表示自动机器人在编辑。所有的用户都会产生一些小噪音，而每个编辑者会有一个特别的声音。...用户听着音乐声，回忆着一首首老歌，再听一听新歌，对音乐和时间变化的关系更加理解深刻。榜单变化本是一个简单的事，但加入了TOP1音乐做为背景，并随时间产生相应变化。...“The Refugee Project”是阐述难民问题的网站，展示难民的时间和地点，以及他们背后政治、经济和社会的复杂故事。通过将历史背景融入到到移民的数据变化中，表达每次危机对人类生活的影响。...“Histography”是一个跨越140亿年历史的交互式时间表，从大爆炸到2017年。该网站每天从维基百科和自动更新中抽取历史事件，并记录新的事件。用户可以选择观看在特定时间段内发生的各种事件。

3960 0

遇见大数据可视化：那些 WOW 的数据可视化案例

如何才能让数据可视化在面向普罗大众更容易接受和理解，甚至产生WOW的感觉呢？下面我试着通过一些具体的数据可视化案例来说明。...Gun Deaths”是之前系列文章中出现过的美国因枪支而死亡的人的网站。在这个案例中，每一条线的灰色代表是一个人原来可以活到多少岁，但因为枪支却提前死亡了，死之前用桔色表现。...用声音表示增加或删除词，不同的音调代表不同的编辑量。绿色圆圈表示未注册的贡献者在编辑，紫色圆圈表示自动机器人在编辑。所有的用户都会产生一些小噪音，而每个编辑者会有一个特别的声音。...榜单变化本是一个简单的事，但加入了TOP1音乐做为背景，并随时间产生相应变化。则就是非常有意思的事了，更加令人印象深刻。...通过将历史背景融入到到移民的数据变化中，表达每次危机对人类生活的影响。通过一开始的数据变化，我们可以发现难民数据竟然是上升的，仅2000年到2006年数据下降了，这说明这个世界并不太平。

8.1K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云