1. ホーム
  2. android

[解決済み] Androidでプログレスバーをカスタマイズする方法

2022-04-16 21:16:28

質問

アプリを作成中です。 ProgressBar しかし、私はAndroidのデフォルトの ProgressBar .

では、どのようにカスタマイズすればよいのでしょうか。 ProgressBar ?

そのためには、何かグラフィックやアニメーションが必要なのでしょうか?

以下の投稿を読みましたが、動作させることができませんでした。

カスタムプログレスバー Android

解決するには?

をカスタマイズする ProgressBar には、プログレスバーの背景や進行状況を表す属性やプロパティを定義する必要があります。

という名前のXMLファイルを作成します。 customprogressbar.xml の中にある res->drawable フォルダーに格納されます。

カスタムプログレスバー.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- Define the background properties like color etc -->
    <item android:id="@android:id/background">
    <shape>
        <gradient
                android:startColor="#000001"
                android:centerColor="#0b131e"
                android:centerY="1.0"
                android:endColor="#0d1522"
                android:angle="270"
        />
    </shape>
   </item>

  <!-- Define the progress properties like start color, end color etc -->
  <item android:id="@android:id/progress">
    <clip>
        <shape>
            <gradient
                android:startColor="#007A00"
                android:centerColor="#007A00"
                android:centerY="1.0"
                android:endColor="#06101d"
                android:angle="270"
            />
        </shape>
    </clip>
    </item>
</layer-list> 

ここで progressDrawable プロパティに customprogressbar.xml (描画可能)

これは、XMLファイルまたはActivity(実行時)で行うことができます。

XMLで以下のようにします。

<ProgressBar
    android:id="@+id/progressBar1"
    style="?android:attr/progressBarStyleHorizontal"
    android:progressDrawable="@drawable/custom_progressbar"         
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

実行時に以下のようにします。

// Get the Drawable custom_progressbar                     
    Drawable draw=res.getDrawable(R.drawable.custom_progressbar);
// set the drawable as progress drawable
    progressBar.setProgressDrawable(draw);

編集:xmlのレイアウトを修正