Пользовательская круговая панель прогресса с изображением в центре [закрыто]


Для моего android-приложения я хочу поместить изображение в circular progress bar. Ожидаемый дизайн:

Http://hpics.li/cd6acba

Любые идеи о том, как это сделать?

2 4

2 ответа:

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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:clickable="false">

    <ProgressBar
        android:id="@+id/progressBar1"
        style="@android:style/Widget.ProgressBar.Small.Inverse"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        android:layout_centerInParent="true"
        android:padding="30dp"
        android:clickable="false"/>

    <ImageView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/img"
        android:clickable="false"/>

</RelativeLayout>

Сделайте небольшую регулировку в соответствии с вашим дизайном.

Теперь используйте этот макет в качестве диалогового окна хода выполнения.

  1. Создайте анимацию xml:

    <?xml version="1.0" encoding="utf-8"?>
    <animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/progress_bar"
        android:pivotX="50%"
        android:pivotY="50%" />
    
  2. Задайте следующее представление progressbar в xml-файле макета:

    android:indeterminateDrawable="@animator/progressbar_animation"