具有半透明拇指重叠的 SeekBar
SeekBar with translucent thumb overlapping
我的有色半透明 SeekBar
在 API 25 和 API 21 中呈现不同。
代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/md_green_500"
android:orientation="vertical"
android:padding="16dp">
<SeekBar
android:id="@+id/seek"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:progress="10"
android:progressBackgroundTint="@android:color/transparent"
android:progressTint="?android:attr/textColorSecondary"
android:thumbTint="?android:attr/textColorSecondary"/>
</LinearLayout>
screenshots
左起:
- API 21
- API 21,
android:splitTrack="false"
- API 25
- API 25,
android:splitTrack="false"
我想做什么:
我希望第三个 SeekBar
与第一个相同 - 进度条应该在缩略图的开始处结束,而不是在缩略图下方的某处
理想情况下,我希望能够使用 PorterDuff.Mode
的 Alpha 合成模式。 (目的地结束)
我用完全不同的方式解决了这个问题。
我将所有色调设置为黑色:
android:progressTint="@android:color/black"
android:thumbTint="@android:color/black"
我添加了不透明度属性并将值设置为0.54
(secondary text opacity)
android:alpha="0.54"
终于 it works! :)
我的有色半透明 SeekBar
在 API 25 和 API 21 中呈现不同。
代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/md_green_500"
android:orientation="vertical"
android:padding="16dp">
<SeekBar
android:id="@+id/seek"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:progress="10"
android:progressBackgroundTint="@android:color/transparent"
android:progressTint="?android:attr/textColorSecondary"
android:thumbTint="?android:attr/textColorSecondary"/>
</LinearLayout>
screenshots
左起:
- API 21
- API 21,
android:splitTrack="false"
- API 25
- API 25,
android:splitTrack="false"
我想做什么:
我希望第三个
SeekBar
与第一个相同 - 进度条应该在缩略图的开始处结束,而不是在缩略图下方的某处理想情况下,我希望能够使用
PorterDuff.Mode
的 Alpha 合成模式。 (目的地结束)
我用完全不同的方式解决了这个问题。
我将所有色调设置为黑色:
android:progressTint="@android:color/black" android:thumbTint="@android:color/black"
我添加了不透明度属性并将值设置为
0.54
(secondary text opacity)android:alpha="0.54"
终于 it works! :)