android - Android - カスタム xml ドローアブルを背景として使用して、進行状況バーの実行中の進行状況に角を丸くする方法

Question

プログレスバーにカスタムドローアブルを使用しています:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="15dp" />
            <solid android:color="@color/light_grey" />
        </shape>
    </item>

    <item android:id="@android:id/progress" >
        <clip>
            <shape>
                <corners android:radius="15dp" />
                <solid android:color="@color/indigo" />                
            </shape>
        </clip>
    </item>
</layer-list>

次のようになります。

さて、背景は角が丸くなって見えますが、進行（中）は真っ直ぐなので、こちらも丸くしたいです。

私はグーグルで検索しましたが、解決策は見つかりませんでした。

進行中にこのラウンドコーナーをどのように達成できるかについてのアイデアはありますか?

ありがとう！

Answer 1

ここでビューの例を見ることができます

つまみとシークバーの色とサイズを変更して、必要な操作を行うことができます。

この解決策は、私がこれを行うことができる唯一の方法でした。この助けを願っています

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

         <SeekBar
            android:id="@+id/simpleProgressBar"
            android:layout_width="fill_parent"
            android:layout_height="12dp"
            android:max="100"
            android:progress="0"
            android:background="@null"
            android:shape="oval"
            android:splitTrack="false"
            android:progressDrawable="@drawable/progress_background"
            android:secondaryProgress="0"
            android:thumbOffset="10dp"
            android:thumb="@drawable/oval_seekbar_thumb" />

これは (progress_background.xml) です:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <corners android:radius="5dp" />

            <gradient
                android:angle="270"
                android:endColor="@color/grey_line"
                android:startColor="@color/grey_line" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
           <shape android:shape="oval">
               <corners android:radius="5dp" />
               <gradient
                   android:angle="270"
                   android:endColor="@color/blue"
                   android:startColor="@color/blue" />
           </shape>
       </clip>
   </item>
   <item android:id="@android:id/progress">
       <clip>
           <shape android:shape="rectangle">
               <corners android:radius="90dp" />

               <gradient
                   android:angle="90"
                   android:endColor="@color/colorPrimaryDark"
                   android:startColor="@color/colorPrimary" />
            </shape>
       </clip>
   </item>

そしてこれは親指です（oval_seekbar_thumb.xml）：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="#ffffff" />
            <stroke android:color="@color/colorPrimaryDark" android:width="3dp"/>
            <size android:height="12dp" android:width="12dp"/>
        </shape>
    </item>
</selector>

親指の高さは、シークバーの高さと同じにして、適切に見えるようにする必要があります。

Answer 2

時代遅れの質問かもしれませんが、<clip>タグを削除してください。