android 自定义 进度条 旋转,如何在可以旋转的Android中创建圆形进度条?

我在我的博客demonuts.com上的android中的圆形进度栏上写了详细的示例。您也可以在此处找到完整的源代码和说明。

这是我在没有任何库的情况下用纯代码在圆形内用百分比制作圆形进度条的方法。

34957ec55186efe356175e01aa19ab4a.png

首先创建一个名为 circular.xml

android:innerRadiusRatio="6"

android:shape="ring"

android:thicknessRatio="20.0"

android:useLevel="true">

android:centerColor="#999999"

android:endColor="#999999"

android:startColor="#999999"

android:type="sweep" />

android:fromDegrees="270"

android:pivotX="50%"

android:pivotY="50%"

android:toDegrees="270">

android:innerRadiusRatio="6"

android:shape="ring"

android:thicknessRatio="20.0"

android:useLevel="true">

android:fromDegrees="0"

android:pivotX="50%"

android:pivotY="50%"

android:toDegrees="360" />

android:centerColor="#00FF00"

android:endColor="#00FF00"

android:startColor="#00FF00"

android:type="sweep" />

现在在您的activity_main.xml 添加中:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@color/dialog"

tools:context="com.example.parsaniahardik.progressanimation.MainActivity">

android:id="@+id/circularProgressbar"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="250dp"

android:layout_height="250dp"

android:indeterminate="false"

android:max="100"

android:progress="50"

android:layout_centerInParent="true"

android:progressDrawable="@drawable/circular"

android:secondaryProgress="100"

/>

android:layout_width="90dp"

android:layout_height="90dp"

android:background="@drawable/whitecircle"

android:layout_centerInParent="true"/>

android:id="@+id/tv"

android:layout_width="250dp"

android:layout_height="250dp"

android:gravity="center"

android:text="25%"

android:layout_centerInParent="true"

android:textColor="@color/colorPrimaryDark"

android:textSize="20sp" />

在activity_main.xml我用一个圆形图像与白色背景显示周围百分比白色背景。这是图片:

d85853d6c7e9c600e66026af61720f29.png

您可以更改此图像的颜色,以在百分比文本周围设置自定义颜色。

现在,最后将以下代码添加到MainActivity.java:

import android.content.res.Resources;

import android.graphics.drawable.Drawable;

import android.os.Handler;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.animation.DecelerateInterpolator;

import android.widget.ProgressBar;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

int pStatus = 0;

private Handler handler = new Handler();

TextView tv;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Resources res = getResources();

Drawable drawable = res.getDrawable(R.drawable.circular);

final ProgressBar mProgress = (ProgressBar) findViewById(R.id.circularProgressbar);

mProgress.setProgress(0);   // Main Progress

mProgress.setSecondaryProgress(100); // Secondary Progress

mProgress.setMax(100); // Maximum Progress

mProgress.setProgressDrawable(drawable);

/*  ObjectAnimator animation = ObjectAnimator.ofInt(mProgress, "progress", 0, 100);

animation.setDuration(50000);

animation.setInterpolator(new DecelerateInterpolator());

animation.start();*/

tv = (TextView) findViewById(R.id.tv);

new Thread(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

while (pStatus < 100) {

pStatus += 1;

handler.post(new Runnable() {

@Override

public void run() {

// TODO Auto-generated method stub

mProgress.setProgress(pStatus);

tv.setText(pStatus + "%");

}

});

try {

// Sleep for 200 milliseconds.

// Just to display the progress slowly

Thread.sleep(8); //thread will take approx 1.5 seconds to finish

} catch (InterruptedException e) {

e.printStackTrace();

}

}

}

}).start();

}

}

如果您想制作水平进度条,请点击此链接,它提供了许多带有源代码的有价值的示例:http :

//www.skholingua.com/android-basic/user-interface/form-widgets/progressbar

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值