正文 

当前位置： 首页 > 源码 >

带有实心圆圈的自定义圆形进度条

     2023-02-26     241

关键词：

【中文标题】带有实心圆圈的自定义圆形进度条【英文标题】：Custom Circular Progress Bar with solid circles 【发布时间】：2015-05-15 05:52:21 【问题描述】：

我想要一个这样的圆形进度条

我试过了，但它看起来不像圆形以及如何将动画与淡入淡出一起放置，因为目前我对所有六个圆圈都使用相同的 xml。

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="horizontal" >

<LinearLayout
    android:layout_
    android:layout_
    android:layout_gravity="center"
    android:layout_marginRight="15dp"
    android:orientation="vertical" >

    <ImageView
        android:layout_
        android:layout_
        android:layout_marginBottom="5dp"
        android:src="@drawable/circle_shape_big_custom_search" />

    <ImageView
        android:layout_
        android:layout_
        android:layout_marginTop="5dp"
        android:src="@drawable/circle_shape_big_custom_search" />
</LinearLayout>

<LinearLayout
    android:layout_
    android:layout_
    android:layout_gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:layout_
        android:layout_
        android:src="@drawable/circle_shape_big_custom_search" />

    <ImageView
        android:layout_
        android:layout_
        android:src="@drawable/circle_shape_big_custom_search" />
</LinearLayout>

<LinearLayout
    android:layout_
    android:layout_
    android:layout_gravity="center"
    android:layout_marginLeft="15dp"
    android:orientation="vertical" >

    <ImageView
        android:layout_
        android:layout_
         android:layout_marginBottom="5dp"
        android:src="@drawable/circle_shape_big_custom_search" />

    <ImageView
        android:layout_
         android:layout_marginTop="5dp"
        android:layout_
        android:src="@drawable/circle_shape_big_custom_search" />
</LinearLayout>

任何帮助将不胜感激。

【问题讨论】：

退房：github.com/Fichardu/CircleProgress 这个话题仍然是开放的。任何机构都可以帮我解决这个问题。 ?? 【参考方案1】：

像下面的代码片段一样定义进度条：

<ProgressBar
        android:id="@+id/progress_bar"
        android:layout_
        android:layout_
        android:layout_gravity="center"
        android:indeterminateDrawable="@drawable/my_progress_indeterminate"
        android:visibility="gone" >
    </ProgressBar>

my_progress_indeterminate.xml [将此文件放入drawable]

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/image_for_rotation"
    android:pivotX="50%"
    android:pivotY="50%" />

将附在此处的此图像文件放在 drawale 中： image_to_be_place_in_drawable

【讨论】：

毫无疑问，你的 ans 真的很有帮助，但我不想旋转，我想要淡化运动。意味着每个圆形图像都将是自己的位置，但它应该以序列化的方式褪色和发光。 好的，上面的过程几乎可以想象你所说的我认为当你保持慢速旋转时它似乎没有旋转。 是的...图像应该是静态的，但淡化应该以看起来像运动的方式发生。 @BlueGreen 创建一个自定义的 Drawable 类，然后使用TimeAnimator 淡化你的圈子 是否可以使用 alpha()？，我尝试过但没有成功实现它。

带有进度条下载更新的自定义 UITableViewCell

】带有进度条下载更新的自定义UITableViewCell【英文标题】：CustomUITableViewCellwithProgressBardownloadupdate【发布时间】：2014-01-1509:28:56【问题描述】：我正在尝试使用进度条加载更新每个表格单元格，但我被卡住了。我为具有以下属性... 查看详情

我如何实现带有进度条和取消按钮的自定义 UIAlertview？

】我如何实现带有进度条和取消按钮的自定义UIAlertview？【英文标题】：howicanimplementacustomUIAlertviewwithaprogressbarandacancelbutton?【发布时间】：2009-11-0103:30:39【问题描述】：您好iPhone应用程序开发人员，我正在开发一个iphone应用程序... 查看详情

如何重新加载圆形进度条

...再次重新加载循环路径。通过重新加载，我的意思是，当圆圈已满（一个完美的圆圈）时，我想再次绘制它。换句话说，我想在一个完整的旋转完成后再次重复绘制圆圈的过程。当我的变 查看详情

带有进度条的按钮 android

】带有进度条的按钮android【英文标题】：Buttonwithprogressbarandroid【发布时间】：2021-05-2910:54:36【问题描述】：我正在尝试在Android中创建一个带有进度条的自定义按钮。按钮应该有两种状态：正常和正在加载。在正常状态下它应该... 查看详情

圆形百分比进度条

...6-0317:19:38【问题描述】：我想在我的网站上有一个百分比圆圈指示器：在这种情况下，它显示75%。这应该怎么做？我在图像文件中有黄色圆圈，但如果它更容易，以某种方式，使用CSS完成这一切，我没关系。【问题讨论】：我还... 查看详情

UISlider 的自定义形状并在 Swift 5 中更新进度

...答案，但使用它们我无法制作这样的滑块。这会形成一个圆圈或半个圆圈。我想出了一些使用UIView制作圆形滑块的库，但它对我没有帮助，所以任何人都可以帮助我。如何制作U 查看详情

带有 Swift UI 的圆形进度条

】带有SwiftUI的圆形进度条【英文标题】：CircularProgressBarwithSwiftUI【发布时间】：2020-06-1515:01:48【问题描述】：我正在使用SwiftUI创建一个倒数计时器应用程序。我尝试在其中添加一个圆形进度条，但它的外观从未改变。我准备了2... 查看详情

带有动画更改的自定义进度对话框的大小

】带有动画更改的自定义进度对话框的大小【英文标题】：Sizeofcustomprogressdialogwithanimationchanges【发布时间】：2019-09-0117:32:40【问题描述】：当开始应用程序开发时，我会创建一个自定义进度对话框，其中包含动画。但在进一步... 查看详情

带有圆形图像视图的自定义圆形 UIButton

】带有圆形图像视图的自定义圆形UIButton【英文标题】：CustomRoundUIButtonwithRoundImageView【发布时间】：2019-11-1010:49:07【问题描述】：我为UIButton创建了一个自定义类，我曾经使用@IBInspectable为我的按钮添加圆角和阴影。现在，我想... 查看详情

带有 UIAppearance 的自定义类上的圆形按钮

】带有UIAppearance的自定义类上的圆形按钮【英文标题】：RoundbuttononcustomclasswithUIAppearance【发布时间】：2018-06-1713:17:02【问题描述】：我正在尝试使用UIAppearance()将样式应用于自定义类classMainStyleButton:UIButton带有代码：letbuttonView=Ma... 查看详情

如何使用逆时针动画显示自定义圆形进度条？

】如何使用逆时针动画显示自定义圆形进度条？【英文标题】：HowtodisplaycustomcircularprogressbarwithAnti-Clockwiseanimation?【发布时间】：2014-07-0313:54:48【问题描述】：我正在使用与测验相关的应用程序。此处将显示自定义圆形进度条，... 查看详情

C# 自定义控件（圆形进度条） Xamarin Forms

】C#自定义控件（圆形进度条）XamarinForms【英文标题】：C#customcontrol(circleprogressbar)XamarinForms【发布时间】：2016-09-1916:15:35【问题描述】：我想知道用XamarinForms创建与此图像类似的东西的最佳方法：我从来没有创造过这样的东西。... 查看详情

带圆角的 Android 圆形进度条

...间】：2016-08-0623:37:54【问题描述】：我正在尝试获得一个带有圆角的圆形进度条，如下所示。但到目前为止，我无法获得圆角，我能够获得圆形进度条。我正在尝试使用xmldrawable来绘制它。<ProgressBarandroid:id="@+id/onboarding_act 查看详情

首页2--动态自定义圆形进度条

A.绘制圆环，圆弧，文本//1.画圆环//原点坐标floatcircleX=width/2;floatcircleY=width/2;//半径floatradius=width/2-roundWidth/2;//设置画笔的属性paint.setColor(roundColor);paint.setStrokeWidth(roundWidth);paint.setStyle(Paint.Style. 查看详情

如何更改圆形进度条的颜色？

...leLargeInverse"风格。那么如何改变进度条的颜色呢。如何自定义样式？另外，风格的定义是什么？【问题讨论】：【参考方案1】：适 查看详情

快速创建围绕图像的圆形进度条

...示。到目前为止，我已经设法使用下面的代码创建了一个带有绿色边框的圆形图像：self.image.layer.cornerRadius=self.image.frame.size. 查看详情

composecanvas自定义圆形进度条(代码片段)

@ComposablefunCircleRing(boxWidthDp:Int,viewModel:TaskViewModel)Canvas(modifier=Modifier.size(boxWidthDp.dp),onDraw=valstrokWidth=30F//灰色背景drawArc(Color(0,0,0,15),startAngle=160f,s 查看详情

android之自定义圆形进度条

    在Android开发中，对于进度条想必大家不会陌生。例如，应用在执行一个耗时操作时，会通过展示一个进度条来显示“加载中...”的动画作为友好页面以提高用户体验。对于这样的进度条，最简单的实现方式... 查看详情