Android에서 Circle 사용자 정의 진행률 표시줄을 만드는 방법은 무엇입니까?

이 예는 Android에서 서클 맞춤 진행률 표시줄을 만드는 방법을 보여줍니다.

1단계 − Android Studio에서 새 프로젝트를 생성하고 파일 ⇒ 새 프로젝트로 이동하여 필요한 모든 세부 정보를 입력하여 새 프로젝트를 생성합니다.

2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:padding="8dp"
   tools:context=".MainActivity">
<ProgressBar
   android:id="@+id/circularProgressbar"
   style="?android:attr/progressBarStyleHorizontal"
   android:layout_width="250dp"
   android:layout_height="250dp"
   android:layout_centerInParent="true"
   android:indeterminate="false"
   android:max="100"
   android:progress="50"
   android:secondaryProgress="100" />
<TextView
   android:id="@+id/textView"
   android:layout_width="250dp"
   android:layout_height="250dp"
   android:gravity="center"
   android:text="25%"
   android:layout_centerInParent="true"
   android:textColor="@color/colorPrimaryDark"
   android:textSize="24sp" />
</RelativeLayout>

3단계 − 드로어블 리소스 파일(circularprogressbar.xml)을 생성하고 다음 코드를 추가합니다. −

<layer-list xmlns:android="https://schemas.android.com/apk/res/android"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content">
   <item android:id="@android:id/secondaryProgress">
      <shape
         android:innerRadiusRatio="6"
         android:shape="ring"
         android:thicknessRatio="20.0"
         android:useLevel="true">
         <gradient
            android:centerColor="#999999"
            android:endColor="#999999"
            android:startColor="#999999"
            android:type="sweep" />
      </shape>
   </item>
   <item android:id="@android:id/progress">
      <rotate
         android:fromDegrees="270"
         android:pivotX="50%"
         android:pivotY="50%"
         android:toDegrees="270">
         <shape
            android:innerRadiusRatio="6"
            android:shape="ring"
            android:thicknessRatio="20.0"
            android:useLevel="true">
            <gradient
               android:centerColor="#00FF00"
               android:endColor="#00FF00"
               android:startColor="#00FF00"
               android:type="sweep" />
               <rotate
                  android:fromDegrees="0"
                  android:pivotX="50%"
                  android:pivotY="50%"
                  android:toDegrees="360" />
         </shape>
      </rotate>
   </item>
   <item android:id="@android:id/secondaryProgress">
      <shape
         android:innerRadiusRatio="6"
         android:shape="ring"
         android:thicknessRatio="20.0"
         android:useLevel="true">
         <gradient
            android:centerColor="#999999"
            android:endColor="#999999"
            android:startColor="#999999"
            android:type="sweep" />
      </shape>
   </item>
</layer-list>

4단계 − src/MainActivity.java

import androidx.appcompat.app.AppCompatActivity;
import android.content.res.Resources;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.os.Handler;
import android.widget.ProgressBar;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
   int status = 0;
   private Handler handler = new Handler();
   TextView textView;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      Resources resources = getResources();
      Drawable drawable = resources.getDrawable(R.drawable.circularprogressbar);
      final ProgressBar progressBar = findViewById(R.id.circularProgressbar);
      progressBar.setProgress(0);
      progressBar.setSecondaryProgress(100);
      progressBar.setMax(100);
      progressBar.setProgressDrawable(drawable);
      textView = findViewById(R.id.textView);
      new Thread(new Runnable() {
         @Override
         public void run() {
            while (status < 100) {
               status += 1;
               handler.post(new Runnable() {
                  @Override
                  public void run() {
                     progressBar.setProgress(status);
                     textView.setText(String.format("%d%%", status));
                  }
               });
               try {
                  Thread.sleep(16);
               }
               catch (InterruptedException e) {
                  e.printStackTrace();
               }
            }
         }
      }).start();
   }
}

5단계 − androidManifest.xml에 다음 코드 추가

응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행을 클릭합니다. 툴바에서 아이콘. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오 -