我已经创建了Xamarin表单应用程序。现在我想在UWP应用中使用循环进度条。现在我发现进度条是垂直线。
那么如何在圆形设计中制作进度条呢？
浏览 0提问于2017-02-28得票数 0
你知道如何制作一个像Google Fit应用程序一样的圆形进度条吗？如下图所示。
浏览 0提问于2014-11-30得票数 153
回答已采纳
到目前为止，我所看到的是，人们使用的UI与填充金额，这不是我的atm的选项。有没有人知道如何使用精灵渲染器制作圆形进度条？
浏览 122提问于2020-04-12得票数 1
4回答
我使用的是闪存AS3，但伪代码或任何其他语言都可以。
如何制作一个圆形进度条？就像大英百科全书的船上酒吧，你可以在截图这里中看到它们。
除了一帧一帧地制作它们之外，还有什么明显的解决方案我在这里遗漏了吗？
我正在寻找相当于为一个常规进度条拉伸一个矩形，或者使用一个简单的掩码(如果存在这样的解决方案)。
(而且，我不能用圆圈或进度条来标记这个，因为没有代表，如果有人可以的话，那就太棒了)
浏览 0提问于2011-08-10得票数 7
回答已采纳
1回答
单进度条已经相当过时了。我正在尝试制作一个双环圆形进度条。
我已经在XML代码中添加了两个形状，它给出了错误。
<?xml version="1.0" encoding="utf-8" ?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
浏览 0提问于2019-08-21得票数 0
1回答
我有一个圆形的定时器图片：
我想要创建圆形进度条，其中将包括这张图片，这将使它慢慢空像一个时钟，直到完全消失(就像动画)。
例如，在过了一半时间后，我将它定义为：
现在我是这样做的:我把定时器图像作为图像放在屏幕上，在上面我放了一个有规律的圆圈进度条，颜色是隐藏图像的背景色(所以我得到了想要的效果)。
但是现在当我在应用程序的背景中没有几种颜色时，我遇到了问题，因为我无法制作与背景颜色相同的进度条，所以我寻找新的方法来制作它，就像自定义进度条，它由带有透明背景的定时器图像组成。
请帮助我更改我的代码以获得它：
ProgressBar XML:
<ProgressBar
浏览 0提问于2019-01-18得票数 1
1回答
我使用imgProgress.js插件显示进度条与中心圆形图像。
我试过的
脚本
var myProgress = jqueryObj("#demo1").imgProgress(
{
img_url: "/Content/Images/BestManager/driver15.jpg",
size: 180,
backgroundColor: '#f3f7f2',
foregroundColor: '#ff0505'
浏览 2提问于2018-02-15得票数 0
回答已采纳
2回答
自定义角圆进度条SVG用户界面
、、、、
我已经从 github开发了循环进度条。
我目前的投入是：
我需要修改进度条的结束与一个小的圆和一个值中心的圆形进度条的真实动画值基于svg运动。我怎么能这么做？我真的需要你们所有人的帮助。
我的预期产出应该是：
我现在的片段：
angular.module('myModule', ['angular-circular-progress'])
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">&
浏览 7提问于2016-09-26得票数 0
1回答
我正在尝试制作一个进度条，如下所示：
我使用了这篇SO post来学习如何绕弯道：
当你的进度条高度不超过6的时候效果很好。当我使用以下命令使进度条更大时：
progressBar.transform = progressBar.transform.scaledBy(x: 1, y: 8)
结果是：
无论角点半径值设置为什么，它都不是圆形的。我知道使拐角半径值大于高度可能会导致直线拐角，但我将拐角半径设置为什么并不重要(我可以将其设置为1/2/4并获得类似的结果)，拐角不会变圆。
下面是我的代码：
progressBar.transform = progres
浏览 14提问于2018-01-27得票数 1
2回答
我需要实现一个圆形进度条来显示和更新，而Fresco下载图像。该类必须按照Fresco的方法setProgressBarImage()的要求从Drawable扩展。
我的类使用Fresco加载图像，如下所示：
SimpleDraweeView simpleDraweeView = (SimpleDraweeView) view.findViewById(R.id.image);
simpleDraweeView.getHierarchy().setProgressBarImage(new ProgressBarDrawable());
simpleDraweeView.setImageURI(
浏览 1提问于2016-01-21得票数 5
我想为我正在制作的GUI站点制作一个进度条，我需要在javascript中使用一些代码来检测站点是否正在加载，以及有多少元素/图像已经加载，并且站点已经完全加载。我有用css制作的进度条，我不知道如何打开js中的元素。
我如何在js中或通过使用Jquery来实现这一点？
浏览 1提问于2013-01-29得票数 0
我正在使用actionbar appcompat7。
当我调用以下方法时，
protected void setProgressbarVisibility(boolean visible) {
((ActionBarActivity) getActivity()).setSupportProgressBarVisibility(visible);
// same result with
// ((ActionBarActivity) getActivity()).setSupportProgressBarIndeterminateVisibility(visible)
浏览 3提问于2014-09-15得票数 0
2回答
我正在尝试在图片周围创建一个圆形进度条，如下面的截图所示。到目前为止，我已经使用下面的代码创建了一个带有绿色边框的圆形图像：
self.image.layer.cornerRadius = self.image.frame.size.width / 2
self.image.clipsToBounds = true
self.image.layer.borderWidth = 6.0
self.image.layer.borderColor = UIColor.greenColor.CGColor
我的问题是，如何从我设置的边框创建一个圆形进度条？或者我需要删除
浏览 0提问于2016-07-27得票数 1
2回答
我想在进度栏中显示进度百分比，我不想在那里使用进度indicator.Is，任何我可以在javafx.Or进度条中添加进度百分比的东西，我必须写一些定制的东西。除此之外，我还想把进度条变成圆形或圆形，而不是方形。
浏览 3提问于2013-08-05得票数 2
回答已采纳
我想做一个圆形进度条里面的按钮。但是我不想使用像dmytrodanylyk/circular-progress-button, etc..这样的库
我认为这个解决方案使用了drawable。
所以，我制作了circular_progress.xml，
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees=
浏览 1提问于2016-08-11得票数 6
2回答
我正在制作一个非常独特的进度条，看上去就像一个装满液体的玻璃球体。不幸的是，由于圆形的形状，修改高度的传统方法不能很好地工作(如这个小提琴所演示的)。
正如您所看到的，让div高度“向上滑动”并不是想要的视觉效果。我也尝试过玩一些css clip，但无法让它为我工作。我如何创造第二个图像的玻璃“填充”的视觉效果？
浏览 1提问于2016-02-17得票数 2
回答已采纳
1回答
我需要创建一个圆形进度条，在外圆上有间隔。当被点击时，进度条将填充空空间。
间隔带间隙的圆圈
完成圆
浏览 4提问于2022-01-18得票数 1
回答已采纳
我想使用CSS和JS绘制一个圆形进度条，如下图所示。你能帮我一下吗？
<!DOCTYPE html>
<html>
<head>
<style>
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
}
</style>
</head>
<body>
<div class="lo
浏览 2提问于2017-11-12得票数 0
2回答
根据android:progress="60"没有显示进度
activity_main.xml中的进度条
<ProgressBar
android:id="@+id/circle"
style="?android:progressBarStyleHorizontal"
android:layout_width="172dp"
android:layout_height="3dp"
android:layout_marginStart="8dp"
浏览 0提问于2019-07-23得票数 0
回答已采纳
1回答
带图像和圆形进度条的圆形按钮
、、、、
我正在尝试制作一个按钮，里面有一个图像，外面有一个圆形进度条，按下按钮后，这个按钮就被着色了。
我有一个.svg图像，必须在直径140 of的圆圈中显示。此图像必须是一个按钮，该按钮触发请求并激活其周长上的进度条。
我正在寻找一个简单的示例，而不使用精心设计的库(最多是jquery)。
我试过在html中使用svg，但是我不知道如何将它转换为按钮并激活进度条，或者清除它。而且我也不能正确地估计它的大小。
<svg height="100" width="100">
<image x="0%" y="0%"
浏览 2提问于2019-12-28得票数 0
回答已采纳
任何人都知道如何设置背景模糊时，进度条轮运行在andorid。我想要的屏幕看起来像模糊时，圆形轮子进度条正在运行，没有交互在后台。
浏览 3提问于2014-11-18得票数 2
3回答
我想做一个圆形进度条，例如，如何动画它的大小和属性(形状，颜色，宽度等)也是。
我试图使它围绕一个圆形透明的观点。
从哪里开始？
有人有示例代码吗？
浏览 1提问于2014-09-15得票数 3
回答已采纳
当我创建一个圆形进度条时，我正在努力使文本居中。
这是添加进度条和文本的代码。
<div>
<ProgressBar
value={80}
text="80%"
strokeWidth={5}
styles={buildStyles({trailColor:"red"})}
/>
这段代码是进度条的样式部分。是否可以将文本居中显示在进度条上
const ProgressBar = styled(CircularProgressbar)`
width: 100px;
heigh
浏览 6提问于2021-11-16得票数 2
1回答
我试图通过java脚本库progress.js来制作一个进度条，我想要显示页面已经有多少了。我想通过我的进度条来做这件事。我如何检查页面已经加载了多少？
浏览 1提问于2014-08-03得票数 0
1回答
我正在为我的网站寻找一个圆形进度条，
我需要一个进度条来显示路由器的输出功率，当用户靠近和远离路由器时，所以我需要一个进度条来在功能上上下浮动。
我找到了这两个，但我在实现它们时遇到了问题，
有人知道更多好的进度条插件吗？
浏览 1提问于2012-11-28得票数 0
2回答
我正在使用钛加速器，我需要在应用程序中创建圆形进度条的帮助。谁能解释一下循环进度条是如何工作的，以及进度是如何以循环的方式填充到圆圈内的呢？
浏览 2提问于2012-05-07得票数 2
1回答
用循环进度条来计数定时器
、、、
我创造了一个倒计时器。我有一条边界是圆形的。当计时器趋于零时，圆形边框应在秒内随着时间的减少而改变颜色。
<div class="outer">
<button class="btn btn-default btn-timer">0.00</button>
</div>
JS代码
var displayminutes;
var displayseconds;
var initializeTimer = 1.5 // enter in minutes
var minutesToSeconds = init
浏览 1提问于2015-07-03得票数 6
回答已采纳
2回答
我正在为自定义游戏中心成就视图的圆形进度条工作，我有种“撞墙”。我为此挣扎了两个多小时，仍然不能让它工作。
问题是，我需要一个圆形的进度条，在那里我可以(至少)设置轨迹(填充)图像。因为我的进度填充是一个彩虹状的渐变，我不能只使用代码来达到同样的效果。
我尝试过CALayers和drawRect方法，但是我没有成功。你能给我一点指导吗？
以下是循环进度条的示例：
我只需要填充是一个蒙版图像，取决于进度。如果你甚至可以让它的进度是动态的，那将是非常酷的，但我不需要帮助:)
谢谢，尼克
浏览 1提问于2013-05-11得票数 6
回答已采纳
我想做一个显示过期天数的圆形进度条，就像我们现在看到的airtel支付应用程序一样，它有一个圆形圆盘，显示每天剩余的数据，有效期等。我想实现像that....in react native这样的东西
浏览 35提问于2021-04-19得票数 1
回答已采纳
此背景drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
<shape>
<corners android:radius="12dp"
浏览 1提问于2018-12-19得票数 0
2回答
我想用html5工具制作图像曲线。
我使用Fabric.js作为html5画布工具。
请指导我如何在像杯子，玻璃，圆柱形或圆形产品的图像上制作曲线图像。
参考图像如下：
浏览 4提问于2014-10-16得票数 4
回答已采纳
1回答
我想要创建一个圆形进度条，描述当前状态的百分比在它的中间。就像这样：
现在，我已经遵循了创建的说明，但是由于我不熟悉swing，也不知道Javas的图形，所以我不知道如何从“平面”转换到“圆形”进度栏。
一个类似于进度条的代码是什么样子的？
ps:我在模拟时钟上看到汉纳的帖子，试着这样做--但由于我缺乏绘画(也许是数学)技能而失败了。
我根本不使用GUIBuilder (裸骨)
ppps:我希望它是绘制出来的(如果可能的话)，而不是基于图像。
浏览 6提问于2016-03-07得票数 4
回答已采纳
我试着用JS制作进度条。
我试图遍历类以获得属性值，从而增加进度条的宽度。
function prog(){
var width = 1;
var elem = document.getElementsByClassName('bar');
var id = setInterval(frame, 10);
var attr = elem.getAttribute("data-progress");
function frame(){
if(width >= attr){
cl
浏览 1提问于2018-06-26得票数 0
我正在使用donut chartjs图来模拟一个圆形进度条，数据集中有40个位置为绿色，60个位置为浅灰色(模拟40%的进度条)。但是当我开始绘制图形时，所有的数据集都是动画的，但我想让灰色的数据集保持静态，只让绿色的数据集动画，以模拟进度条。这个是可能的吗？ PS:我没有使用其他进度条库，因为我需要数据集中100个位置的剥离效果。 欢迎提出建议。
浏览 70提问于2019-05-01得票数 0
我正在显示带有如下标签的圆形进度条：
我通过创建WKInterfaceGroup并将其图像设置为动画图像来实现这一点，然后我将中心WKInterfaceLabel设置为。现在，当用户单击标签或循环进度条时，我想显示另一个视图控制器。怎么做？
浏览 2提问于2015-06-28得票数 0
回答已采纳
1回答
我做了一些研究，但不幸的是，只发现了一些允许彩色循环加载器而不使用图像的库。
所以这是我的问题，我有一个循环倒计时，在我必须实现的设计中使用了一个复杂的发光，我发现真的很难重现所示。倒计时的进度由这个围绕一个圆圈3秒的发光来显示。
我最初的想法是尝试修改UIView+Glow，这样发光效果就不会改变，但即使这样，当我的UIView径向隐藏时，我也会停下来。
因此，我现在正在考虑简单地将使进度条作为图像的外部发光导出并径向隐藏它(最终这样做会更快、更简单，而不是试图手动制作完全相同的发光)。
有没有人知道我应该从哪里开始寻找，或者我应该做些什么来使用角度/射线来隐藏部分圆形图像？
编辑:这是用圆
浏览 18提问于2018-09-05得票数 0
回答已采纳
7回答
我的应用程序是使用QML+JS制作的，我希望创建一个循环进度条小部件。我可以使用一个QML矩形创建圆圈，并设置它的半径等于它的宽度/2，使它成为一个圆。如何从其中创建进度条？
我计划实施以下模型。
浏览 14提问于2014-04-04得票数 22
回答已采纳
您是否知道是否可以在圆形进度条内替换、覆盖或插入图像？
我知道这个值可以省略，但没有任何示例或提示可以替换。
浏览 5提问于2013-12-07得票数 0
我有一个圆形进度条(健身跟踪器)，我想动画的“进度”与弹簧动画使用阻尼和刚度。不是普通的动画。
浏览 1提问于2021-08-07得票数 2
我刚刚创建了一个IOS应用程序，其中我使用CAShapeLayer()实现了一个圆形进度条。并且知道我想在每秒内将进度值设置为+1，这是可能的吗？我只想创建一个像这样的进度条，它每秒都会向前跳跃一个值：Like this 诚挚的问候!
浏览 63提问于2021-11-05得票数 0
回答已采纳
1回答
当我进入该部分时加载动画
、、、
我正在使用我的网站的技能进步。它是一个圆形的进度条。它在加载时有一个小动画，效果就像填充边框。但是，当页面加载时，动画会立即运行。我想做一个方法，如果我滚动到该部分，只有这样，动画才会运行。
我正在使用插件作为进度条。
浏览 2提问于2015-12-12得票数 0
回答已采纳
我正在编写一个媒体播放器，我想有一个进度条显示歌曲的进度。我找到了ProgressBar类，但我在屏幕上看到的只是一个圆形的旋转图标。我要找的是一个真正的酒吧。
如何将ProgressBar的样式更改为条形(而不是圆形)？如何在MediaPlayer中使用它？
谢谢
浏览 1提问于2010-06-03得票数 29
回答已采纳
我在我的活动中做了一个圆形进度条。它工作得很好。但是当进度条关闭时，它会留下一些进度条上的残留物，如图所示。我想我需要刷新进度条，这样我才能重新获得干净的操作栏。第一个图是当进度条运行时，第二个图是当进度条关闭时(圆形箭头是残差)。我的代码如下。怎样才能再次拥有干净的Action Bar？
(1) res/menu中的airport_menuRefresh.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/
浏览 1提问于2014-02-15得票数 0
所以我正在使用Cris Beto的Angular SVG圆形进度条来...创建一个圆形进度条。无论如何，我想在它的中心添加文本，就像一样。我尝试在div之间添加文本，也尝试进入演示页面上的源代码，试图弄清楚它，但我还没能弄清楚。
我基本上完全遵循了他的指导，以获得一个带动画的工作条形图。有什么想法吗？
以防万一，下面是我的HTML：
<div id="circleGraph" class="container-fluid">
<div
round-progress
浏览 0提问于2015-12-05得票数 2
如何像在(1:30)那样在磨损边框上创建圆形进度条？这是内置小部件还是自定义的？我没有找到任何关于这件事的信息。
浏览 12提问于2015-11-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
