Theme.Material の SeekBar は setProgress() でsecondaryProgress の描画が消えてしまう

SeekBar は ProgressBar を継承しているので、setSecondaryProgress() で2番目のプログレスを設定することができます。

下記の動画は setSecondaryProgress() を呼んだ後に setProgress() を呼んだものです。



Holo テーマのスタイルの SeekBar（一番上）では、setProgress() を呼ぶと secondary progress のバーの描画はそのままで progress のバーがセットされます。

一方、Material テーマのスタイルの SeekBar（真ん中）では、setProgress() を呼ぶと secondary progress のバーの描画が消えてしまいます。ちなみにこの時点で getSecondaryProgress() を呼ぶと、描画は消えていますがセットされている値が返ってきます。

Material テーマのスタイルの ProgressBar（一番下）では、secondary progress のバーの描画は消えません。

そこで、SeekBar に style="@android:style/Widget.Material.ProgressBar.Horizontal" を指定してみたところ、Progress Bar と同じような見た目になり、secondary progress のバーの描画は消えなくなりました。

view plainprint?

1. <SeekBar  
2.     style="@android:style/Widget.Material.ProgressBar.Horizontal"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="wrap_content" />  

<SeekBar style="@android:style/Widget.Material.ProgressBar.Horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" /> Widget.Material.ProgressBar.Horizontal は次のようになっており、progressDrawable の指定が作用していると予想しました。

view plainprint?

1. <style name="Widget.Material.ProgressBar.Horizontal" parent="Widget.ProgressBar.Horizontal">  
2.     <item name="progressDrawable">@drawable/progress_horizontal_material</item>  
3.     <item name="indeterminateDrawable">@drawable/progress_indeterminate_horizontal_material</item>  
4.     <item name="minHeight">16dip</item>  
5.     <item name="maxHeight">16dip</item>  
6. </style>  

<style name="Widget.Material.ProgressBar.Horizontal" parent="Widget.ProgressBar.Horizontal"> <item name="progressDrawable">@drawable/progress_horizontal_material</item> <item name="indeterminateDrawable">@drawable/progress_indeterminate_horizontal_material</item> <item name="minHeight">16dip</item> <item name="maxHeight">16dip</item> </style> そこで、@android:drawable/progress_horizontal_material をプロジェクト内に持ってきて次のように指定したところ、secondary progress のバーの描画は消えなくなりました。

view plainprint?

1. <SeekBar  
2.     android:layout_width="match_parent"  
3.     android:layout_height="wrap_content"  
4.     android:progressDrawable="@drawable/progress_horizontal_material" />  

<SeekBar android:layout_width="match_parent" android:layout_height="wrap_content" android:progressDrawable="@drawable/progress_horizontal_material" /> progress_horizontal_material.xml

view plainprint?

1. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
2.     <item android:id="@android:id/background">  
3.         <nine-patch android:src="@drawable/progress_mtrl_alpha"  
4.             android:tint="?attr/colorControlNormal"  
5.             android:alpha="?android:attr/disabledAlpha" />  
6.     </item>  
7.     <item android:id="@android:id/secondaryProgress">  
8.         <scale android:scaleWidth="100%">  
9.             <nine-patch android:src="@drawable/progress_mtrl_alpha"  
10.                 android:tint="?attr/colorControlActivated"  
11.                 android:alpha="?android:attr/disabledAlpha" />  
12.         </scale>  
13.     </item>  
14.     <item android:id="@android:id/progress">  
15.         <scale android:scaleWidth="100%">  
16.             <nine-patch android:src="@drawable/progress_mtrl_alpha"  
17.                 android:tint="?android:attr/colorControlActivated" />  
18.         </scale>  
19.     </item>  
20. </layer-list>  

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@android:id/background"> <nine-patch android:src="@drawable/progress_mtrl_alpha" android:tint="?attr/colorControlNormal" android:alpha="?android:attr/disabledAlpha" /> </item> <item android:id="@android:id/secondaryProgress"> <scale android:scaleWidth="100%"> <nine-patch android:src="@drawable/progress_mtrl_alpha" android:tint="?attr/colorControlActivated" android:alpha="?android:attr/disabledAlpha" /> </scale> </item> <item android:id="@android:id/progress"> <scale android:scaleWidth="100%"> <nine-patch android:src="@drawable/progress_mtrl_alpha" android:tint="?android:attr/colorControlActivated" /> </scale> </item> </layer-list> Material テーマの SeekBar のデフォルトスタイルは Widget.Material.SeekBar です。このスタイルでは progressDrawable に @android:drawable/scrubber_progress_horizontal_material が指定されています。

view plainprint?

1. <style name="Widget.Material.SeekBar">  
2.     <item name="indeterminateOnly">false</item>  
3.     <item name="progressDrawable">@drawable/scrubber_progress_horizontal_material</item>  
4.     <item name="indeterminateDrawable">@drawable/scrubber_progress_horizontal_material</item>  
5.     <item name="thumb">@drawable/scrubber_control_material_anim</item>  
6.     <item name="splitTrack">true</item>  
7.     <item name="focusable">true</item>  
8.     <item name="paddingStart">16dip</item>  
9.     <item name="paddingEnd">16dip</item>  
10.     <item name="mirrorForRtl">true</item>  
11.     <item name="background">?attr/selectableItemBackgroundBorderless</item>  
12. </style>  

<style name="Widget.Material.SeekBar"> <item name="indeterminateOnly">false</item> <item name="progressDrawable">@drawable/scrubber_progress_horizontal_material</item> <item name="indeterminateDrawable">@drawable/scrubber_progress_horizontal_material</item> <item name="thumb">@drawable/scrubber_control_material_anim</item> <item name="splitTrack">true</item> <item name="focusable">true</item> <item name="paddingStart">16dip</item> <item name="paddingEnd">16dip</item> <item name="mirrorForRtl">true</item> <item name="background">?attr/selectableItemBackgroundBorderless</item> </style> scrubber_progress_horizontal_material.xml は progress_horizontal_material.xml と違い、ルートタグが <selector> です。

@android:drawable/scrubber_progress_horizontal_material

view plainprint?

1. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
2.     <item android:state_enabled="false">  
3.         <nine-patch android:src="@drawable/scrubber_track_mtrl_alpha"  
4.             android:tint="?attr/colorControlNormal" />  
5.     </item>  
6.     <item>  
7.         <layer-list>  
8.             <item android:id="@id/background">  
9.                 <nine-patch android:src="@drawable/scrubber_track_mtrl_alpha"  
10.                     android:tint="?attr/colorControlNormal" />  
11.             </item>  
12.             <item android:id="@id/secondaryProgress">  
13.                 <scale android:scaleWidth="100%">  
14.                     <nine-patch android:src="@drawable/scrubber_primary_mtrl_alpha"  
15.                         android:tint="?attr/colorControlNormal" />  
16.                 </scale>  
17.             </item>  
18.             <item android:id="@id/progress">  
19.                 <scale android:scaleWidth="100%">  
20.                     <nine-patch android:src="@drawable/scrubber_primary_mtrl_alpha"  
21.                         android:tint="?attr/colorControlActivated" />  
22.                 </scale>  
23.             </item>  
24.         </layer-list>  
25.     </item>  
26. </selector>  

<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="false"> <nine-patch android:src="@drawable/scrubber_track_mtrl_alpha" android:tint="?attr/colorControlNormal" /> </item> <item> <layer-list> <item android:id="@id/background"> <nine-patch android:src="@drawable/scrubber_track_mtrl_alpha" android:tint="?attr/colorControlNormal" /> </item> <item android:id="@id/secondaryProgress"> <scale android:scaleWidth="100%"> <nine-patch android:src="@drawable/scrubber_primary_mtrl_alpha" android:tint="?attr/colorControlNormal" /> </scale> </item> <item android:id="@id/progress"> <scale android:scaleWidth="100%"> <nine-patch android:src="@drawable/scrubber_primary_mtrl_alpha" android:tint="?attr/colorControlActivated" /> </scale> </item> </layer-list> </item> </selector> これの <layer-list> 部分だけを取り出して progressDrawable に指定したところ、secondary progress のバーの描画が消えなくなりました。
なぜ selector の中に入れると描画が変になるのかよくわかりませんが、style="@android:style/Widget.Material.ProgressBar.Horizontal" を指定するのが手っ取り早そうです。