Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีสร้างแถบความคืบหน้าที่กำหนดเองของ Circle ใน Android


ตัวอย่างนี้สาธิตวิธีการสร้างแถบความคืบหน้าแบบกำหนดเองของแวดวงใน Android

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

ขั้นตอนที่ 3 − สร้างไฟล์ทรัพยากรที่ถอนได้ (circularprogressbar.xml) และเพิ่มรหัสต่อไปนี้ -

  <รูปร่าง android:innerRadiusRatio="6" android:shape="ring" android:thicknessRatio="20.0" android:useLevel="true">     <หมุน 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" />        

ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

<ก่อนหน้า>นำเข้า androidx.appcompat.app.AppCompatActivity;นำเข้า android.content.res.Resources;นำเข้า android.graphics.drawable.Drawable;นำเข้า android.os.Bundle;นำเข้า android.os.Handler;นำเข้า android.widget.ProgressBar นำเข้า android.widget.TextView คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { สถานะ int =0; ตัวจัดการตัวจัดการส่วนตัว =ตัวจัดการใหม่ (); TextView textView; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); ทรัพยากรทรัพยากร =getResources (); Drawable drawable =ทรัพยากร.getDrawable (R.drawable.circularprogressbar); ProgressBar ขั้นสุดท้าย ProgressBar =findViewById (R.id.circularProgressbar); ProgressBar.setProgress(0); ความคืบหน้าBar.setSecondaryProgress(100); ProgressBar.setMax(100); ProgressBar.setProgressDrawable (สามารถถอนได้); textView =findViewById (R.id.textView); เธรดใหม่ (รันใหม่ได้ () { @Override public void run () { ในขณะที่ (สถานะ <100) { สถานะ +=1; handler.post (ใหม่ Runnable () { @Override public void run () { ProgressBar.setProgress (สถานะ ); textView.setText(String.format("%d%%", สถานะ)); } }); ลอง { Thread.sleep (16); } catch (InterruptedException e) { e.printStackTrace (); } } } }).เริ่ม(); }}

ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน androidManifest.xml

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์ของคุณแล้วคลิก Run วิธีสร้างแถบความคืบหน้าที่กำหนดเองของ Circle ใน Android ไอคอนจากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

วิธีสร้างแถบความคืบหน้าที่กำหนดเองของ Circle ใน Android