tah nn

主にアプリ開発の技術メモを残していきます。

【Android】画像をローディング(ぐるぐる)にする

ローディングを使う際、AndroidではProgressBarのスタイルを progressBarStyle に設定することでデフォルトのぐるぐる部品が表示されます。そのぐるぐる画像を変えたいときのメモです。

(環境:android 4.2, 確認端末:F-03F)

こちらのサイトをそのまま使えばOKでした。

まず、custom_progress_background.xml (名前は何でもいいです)を用意し、drawableフォルダに格納します。
上記サイトの例では2つの画像を用意してそれらが逆向きに回るローディングを作成しています。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:drawable="@drawable/spinner_outer"
            android:pivotX="50%"
            android:pivotY="50%"
            android:fromDegrees="0"
            android:toDegrees="1080" />
    </item>
    <item>
        <rotate
            android:drawable="@drawable/spinner_inner"
            android:pivotX="50%"
            android:pivotY="50%"
            android:fromDegrees="720"
            android:toDegrees="0" />
    </item>
</layer-list>

画像をdrawableフォルダにいれます。

  • spinner_inner.png
  • spinner_outer.png


あとは呼び出したいアクティビティで作成したプログレスバーを指定します。

<ProgressBar
    android:id="@+id/custom_progress"
    android:indeterminate="true"
    style="?android:attr/progressBarStyleLarge"
    android:layout_width="210dip"
    android:layout_height="210dip"
    android:layout_gravity="center"
    android:indeterminateDrawable="@drawable/custom_progress_background"
    /> 
  • イメージ

f:id:tsuyushiga:20140607145242p:plain


以上です。


※参考
http://pankajchunchun.wordpress.com/2011/09/10/customization-of-spinner-progress/