Android Circular Определяет ProgressBar

Я хочу создать Circlear Determinate ProgressBar, вид, который показывает прогресс в центре бара. Есть ли способ по умолчанию для создания этого, или мне придется создать свой собственный пользовательский.

С уважением,

Solutions Collecting From Web of "Android Circular Определяет ProgressBar"

Сначала добавьте файл progress_circle.xml в каталог res / drawable, например:

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/progress_circular_background"/> <item> <shape android:innerRadiusRatio="3.4" android:shape="ring" android:thicknessRatio="6.0" > <gradient android:endColor="#ffffffff" android:startColor="#ffffff" android:type="sweep" android:useLevel="true" /> </shape> </item> <item> <rotate android:drawable="@drawable/progress_particle" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="360" /> </item> </layer-list> 

Изображение в Google Googled искало как «progress_particle.png», так и «progress_circular_background.png» (с кавычками), так как для них отсутствовали чертежи по умолчанию для Android. Вы, вероятно, захотите настроить их, но они сделают, чтобы вы начали.

Затем в вашем XML-макете:

 <ProgressBar android:id="@+id/timer_progress" style="?android:attr/progressBarStyleHorizontal" android:layout_width="200dp" android:layout_height="200dp" android:indeterminate="false" android:max="60" android:progressDrawable="@drawable/progress_circle" /> 

Мой макс – 60, так как я использую его на секундомер, но у вас может быть что-то другое.

Фокус в том, что вам нужно использовать стиль = "? Android: attr / progressBarStyleHorizontal", хотя это круговой ход.

Я написал подробный пример на круге прокрутки Android здесь, на моем блоге demonuts.com. Вы также можете найти полный исходный код и объяснение там.

Вот как я сделал круговую панель прогресса с процентом внутри круга в чистом коде без какой-либо библиотеки.

Введите описание изображения здесь

Сначала создайте выталкиваемый файл с именем circular.xml

 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <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"> <rotate android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="360" /> <gradient android:centerColor="#00FF00" android:endColor="#00FF00" android:startColor="#00FF00" android:type="sweep" /> </shape> </rotate> </item> </layer-list> 

Теперь в вашем activity_main.xml добавьте следующее:

  <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 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"> <ProgressBar 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" /> <ImageView android:layout_width="90dp" android:layout_height="90dp" android:background="@drawable/whitecircle" android:layout_centerInParent="true"/> <TextView 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" /> </RelativeLayout> 

В activity_main.xml я использовал одно круговое изображение с белым фоном, чтобы показать белый фон в процентах. Вот изображение:

Введите описание изображения здесь

Вы можете изменить цвет этого изображения, чтобы установить собственный цвет в процентном тексте.

Теперь добавьте следующий код в 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