1. ホーム
  2. android

[解決済み] シークバーのカスタマイズ(サムサイズ、色、背景)

2023-05-05 05:51:24

質問

Androidのプロジェクトで、このようなシークバーを表示したいのですが。

これは私のシークバーです。

<SeekBar
        android:id="@+id/seekBar_luminosite"
        android:layout_width="@dimen/seekbar_width"
        android:layout_height="@dimen/seekbar_height"
        android:minHeight="15dp"
        android:minWidth="15dp"
        android:maxHeight="15dp"
        android:maxWidth="15dp"
        android:progress="@integer/luminosite_defaut"
        android:progressDrawable="@drawable/custom_seekbar"
        android:thumb="@drawable/custom_thumb" />

これは私のcustom_thumb.xmlです。

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <gradient
        android:angle="270"
        android:endColor="@color/colorDekraOrange"
        android:startColor="@color/colorDekraOrange" />

    <size
        android:height="35dp"
        android:width="35dp" />

</shape>

これは私のcustom_seekbar.xmlです。

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

    <item
        android:id="@android:id/background"
        android:drawable="@drawable/seekbar"/>
    <item android:id="@android:id/progress">
        <clip android:drawable="@color/colorDekraYellow" />
    </item>

</layer-list>

これは私のseekbar.png(背景)です。

そして、これがその結果です。

バーには影も丸い縁取りもない...。

私は本当に私が行うことができますどのように理解していない。

どのように解決するのですか?

  • まず最初に android:splitTrack="false" を使って、親指の透明度の問題を解決します。

  • のために seekbar.png を使うには 9パッチ . 丸みを帯びた縁取りや、画像の影に使うと良いでしょう。