5

三角形の背景を持つカスタム SeekBar を作成しようとしています。親指アイコンはありません。以下は、私が達成したいもののいくつかの画像です

シークバーを空にする

3/4 フル シークバー

完全な SeekBar

以下はこれまでの私のコードです

Res/Drawable/segment_bg

<?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <clip>
            <shape>
                <gradient
                    android:startColor="#FF5e8ea3"
                    android:centerColor="#FF32a0d2"
                    android:centerY="0.1"
                    android:endColor="#FF13729e"
                    android:angle="270"
                />
            </shape>
        </clip>
    </item>
</layer-list>

解像度/ドローアブル/セグメント

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <nine-patch
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:src="@drawable/slider"
            android:dither="true"
         />
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <gradient
                    android:startColor="#80028ac8"
                    android:centerColor="#80127fb1"
                    android:centerY="0.75"
                    android:endColor="#a004638f"
                    android:angle="270"
                />
            </shape>
        </clip>
    </item>
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/segment_bg"
    />
</layer-list>

活動.xml

<SeekBar
    android:id="@+id/frequency_slider"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="100dp"
    android:max="20"
    android:progress="0"
    android:secondaryProgress="0"
    android:progressDrawable="@drawable/segment"
/>

使用した9パッチ画像は

9 パッチスライダー

結果はこんな感じ

シークバーが正しくない

私の質問は、シークバーを三角形の形状に対応させるにはどうすればよいですか? 次に、親指アイコンを削除するにはどうすればよいですか。必要ありません。

ありがとう

4

0 に答える 0