Android ProgressBar 이용하여 로딩바 애니메이션 구현하기

ProgressBar 이용하여 로딩바 애니메이션 구현하기

프로그레스바에 애니메이션을 입혀 로딩바를 구현합니다.

* 프레임 애니메이션 방식으로 구현 합니다.

* 프레임 애니메이션 : 만화처럼 이미지를 여러개 만든후 돌리는 방식

1. drawable 폴더에 anim_intro.xml 파일을 만듭니다.

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
 
    <item android:drawable="@drawable/anim_intro1" android:duration="100" />
    <item android:drawable="@drawable/anim_intro2" android:duration="100" />
    <item android:drawable="@drawable/anim_intro3" android:duration="100" />
    <item android:drawable="@drawable/anim_intro4" android:duration="100" />
    <item android:drawable="@drawable/anim_intro5" android:duration="100" />
 
    <item android:drawable="@drawable/anim_intro6" android:duration="100" />
    <item android:drawable="@drawable/anim_intro7" android:duration="100" />
    <item android:drawable="@drawable/anim_intro8" android:duration="100" />
    <item android:drawable="@drawable/anim_intro9" android:duration="100" />
    <item android:drawable="@drawable/anim_intro10" android:duration="100" />
 
    <item android:drawable="@drawable/anim_intro11" android:duration="100" />
    <item android:drawable="@drawable/anim_intro12" android:duration="100" />
    <item android:drawable="@drawable/anim_intro13" android:duration="100" />
    <item android:drawable="@drawable/anim_intro14" android:duration="100" />
    <item android:drawable="@drawable/anim_intro15" android:duration="100" />
 
    <item android:drawable="@drawable/anim_intro16" android:duration="100" />
    <item android:drawable="@drawable/anim_intro17" android:duration="100" />
 
</animation-list>

* 이미지를 한장씩 넘기며 애니메이션을 구현할 것이므로 여러장의 이미지를 준비합니다

* duration : 애니메이션이 넘어가는 속도, 단위는 ms

 

 

2. progressbar 에 적용

<ProgressBar
        android:layout_marginLeft="48dp"
        android:layout_marginRight="48dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:indeterminateDrawable="@drawable/anim_intro"
        android:layout_width="0dp"
        android:layout_height="6dp" />

* indeterminateDrawable 속성에 drawable 폴더에 생성한 애니메이션을 적용합니다