问题标签 [progress-indicator]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3768 浏览

flutter - ProgressIndicator duration in Flutter

How to show progress indicator so that it should show for about 15 seconds.Once it pass 15 seconds a button appears at center "try again" with a message at below "no internet connection".

0 投票
2 回答
1853 浏览

flutter - 显示循环进度指示器,异步任务

我试图在运行异步任务时显示一个循环进度指示器。异步任务由单击按钮触发,并且还将用户引导至新页面。代码如下所示:

我希望用户在单击按钮时首先看到一个圆形进度指示器,并且当任务完成时,他应该被引导到另一个屏幕。但我不知道如何向他展示这个进度指示器。提前感谢您的回答!

0 投票
1 回答
88 浏览

java - Javafx - 从 java 类更新 UI 中的进度指示器

以下是我在 fxml 中所做的更改

java文件的变化,这里是我的代码:

运行应用程序时进度指示器未更新。我不确定如何将更改同步到 UI。在这方面帮助我。提前致谢。

输出

0 投票
3 回答
2711 浏览

flutter - 从 API 获取数据时如何显示进度指示器?

问题很简单,但我找不到合适的解决方案。我有一个搜索屏幕,这就是我想要做的。

  • 第一次启动屏幕时,我想在Text小部件中显示一条消息“您的结果将出现在此处”。
  • 如果用户在搜索框中输入内容并按搜索,我想显示CircularProgressIndicator.
  • 然后,当收到 API 响应时,我想显示ListViewText说“什么也没找到”。
  • 如果用户再次搜索某些内容,我想CircularProgressIndicator再次显示。

如何使用 实现这种行为Stream?以下是我到目前为止的代码:

小部件

集团

我想在CircularProgressIndicator每次search(String searchedTerm)调用函数时显示。

谢谢你。

0 投票
1 回答
299 浏览

android - 带有 CircularProgressIndicator 的倒数计时器

我尝试在我的应用程序中添加一个带有circular progress indicator(来自材料设计组件)的倒数计时器,但我在设置初始值时遇到了问题circular progress indicator

以下是我编写的代码的相关部分:

我让计数器从 60 秒开始到 0。但我认为我的循环进度指示器的进度值是错误的。因为它的初始启动看起来像这样(我创建了一个草图来向您展示计数器启动时循环进度指示器的初始状态): 在此处输入图像描述

如您所见,圆圈不完整。你看不到的是circular progress indicator从这个到 0 的递减“轨迹”。所以,不知何故,circular progress indicator作品的递减。但出发点是错误的。

我想要的是一个看起来像这样的初始开始: 在此处输入图像描述

我在这里做错了什么?

0 投票
1 回答
115 浏览

android - 我正在使用带有 WebView 的 LinearProgressIndicator 来显示网页渲染进度,当进度动画达到 100 时如何隐藏它?

我正在使用带有 WebView 的 LinearProgressIndicator 来显示网页渲染进度。为此,我正在使用 WebChromeClient 的 onProgressChanged (WebView view,int newProgress),如下所示:

现在考虑这种情况:进度指示器的当前进度 = 70,我们必须设置的 newProgress 是 100。所以,我想在动画完成后隐藏进度指示器。如果我使用 progressBar.hide(); 隐藏它 在 indicator.setProgressCompat(100,true); 然后它会被隐藏,但是有一个问题,即使它的动画正在将其进度从 70 更改为 100,它也会很快被隐藏。我不希望这种情况发生,我想在其动画从 70 到 100 的动画结束时隐藏进度指示器。有没有听众可以做到这一点?

0 投票
0 回答
48 浏览

flutter - flutter - 制作反向线性iprogressindicator

我想进行反向线性iprogressindicator加载,如下所示

反向线性进度指示器

我尝试使用 animationController 使负载回到从头开始。但不太平滑,方向略有不同。有谁知道如何使它看起来像这样?看下面的视频

电流反向加载

在这里我附上一段代码

0 投票
2 回答
263 浏览

android - Android iconGravity 不适用于具有 CircularProgressIndicator 的 MaterialButton

我创建了一个扩展 MaterialButton 的自定义视图,它在加载时将可绘制对象替换为 CircularProgressIndicator。

但是,当我用 CircularProgressIndicator 替换可绘制对象时,iconGravity 不再起作用。我看不出我做错了什么。

我已经能够将课程归结为:

我正在使用这个依赖

正确的位置 drawable 位于文本的开头。 可绘制的正确位置

位置不正确进度指示器不再位于文本的开头。 进度指示器位置不正确

0 投票
0 回答
73 浏览

android - Android View Binding:自定义 View 显示重复的 SwipeRefreshLayout 进度指示器

在我的片段中,我使用包含SwipeRefreshLayout.

当我滑动刷新时,我可以看到两个刷新指示器,其中一个永远不会消失。

看这里

我的层次结构中显然只有一个SwipeRefreshLayout,当我将代码迁移到 View Binding 时出现了这种情况。


这是我的代码和行为的详细信息。

我有一个显示项目列表的片段,我正在使用com.myapp.ItemsListView为此目的构建的自定义视图。

为了访问这个自定义视图,我使用了视图绑定。在我的片段中,这就是它的样子:

然后我通过访问此自定义视图中的任何内容binding?.myItems

我的自定义视图使用 aSwipeRefreshLayout作为其根并包含一个 RecyclerView:

这个问题之后,我正在使用这段代码来扩充自定义视图:

从代码中,我自定义我SwipeRefreshLayout的外观与默认值不同:

我可以b?.swipeToRefresh设置监听器,显示或隐藏进度指示器。

但是,正如您在视频剪辑中看到的那样,有一个黑色进度指示器会一直保持并且永远不会消失。我试图访问SwipeRefreshLayoutviab?.root并导致相同的行为。

最后,我只是不明白为什么SwipeRefreshLayout我的屏幕上显示了两个。我在介绍 View Binding 时注意到了这个问题(我之前使用过 Kotlin Synthetics)。我只想膨胀SwipeRefreshLayout层次结构中的一个。

0 投票
1 回答
10 浏览

flutter - [Flutter Error]-让线性进度指示器响应式

所以我创建了一张卡片,其中包含课程的某些信息,它显示了您使用 LinearProgressIndicator 完成的课程的百分比。

我的输出, 在此处输入图像描述

但是当我更改屏幕的宽度时出现此错误 ,请在此处输入图像描述

我想要的是 LinearProgressIndicator 根据屏幕宽度做出响应。请帮助!!!