Пользовательский круговой ProgressBar с изображением в центре

Question

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

http://hpics.li/cd6acba

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

Answer 1

Вы можете взять обычный файл макета: loader.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> 

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

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

Answer 2

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"