如何设置TabLayout的ta的圆形波纹形状？
如何设置TabLayout的ta的圆形波纹形状？
提问于 2020-04-20 01:07:29
我将设置tablayout的标签的圆形波纹形状。TabLayout链接到viewpager。我尝试定义选择器xml，并用选择器XML设置tablayout的tablayout属性。因此，它已经被设定好了。但问题是，在我首先点击它之后，它就可以工作了。因此，这意味着每个选项卡的涟漪不会在第一次单击时起作用。理由是什么呢？谢谢。
这是我的代码。
<com.google.android.material.tabs.TabLayout
android:id="@+id/unit_categories"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:tabBackground="@drawable/unit_category_selector_tab_background"
app:tabGravity="center"
app:tabIndicator="@drawable/unit_category_tab_indicator"
app:tabIndicatorFullWidth="true"
app:tabIndicatorGravity="center"
app:tabIndicatorHeight="40dp"
app:tabMode="scrollable"
app:tabRippleColor="@android:color/transparent"
app:tabUnboundedRipple="false" />这是unit_category_selector_tab_background.xml
<?xml version="1.0" encoding="utf-8"?>
<item android:state_pressed="true" android:state_selected="false" android:drawable="@drawable/unit_category_tab_ripple"/>
</selector>这是unit_category_tab_ripple.xml
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#9BB3B1">
<item>
<shape
android:shape="rectangle"
>
<solid android:color="#FFFEFE" />
<corners
android:radius="40dp" />
</shape>
</item>
</ripple>Stack Overflow用户
回答已采纳
发布于 2020-10-16 12:16:44
<com.google.android.material.tabs.TabLayout
android:id="@+id/unit_categories"
android:layout_width="match_parent"
android:layout_height="@dimen/unit_category_tab_height"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:background="@android:color/transparent"
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
app:tabGravity="center"
app:tabIndicator="@drawable/unit_category_tab_indicator"
app:tabIndicatorFullWidth="true"
app:tabIndicatorGravity="center"
app:tabIndicatorHeight="@dimen/unit_category_tab_height"
app:tabMode="scrollable"
app:tabRippleColor="@android:color/transparent"
app:tabTextColor="@color/unit_calc_text_color"
app:tabUnboundedRipple="false" />tab_indicator.xml
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#D584D5">
<item>
<shape
android:shape="rectangle">
<!-- radius should be half of the desired TabLayout height -->
<corners
android:radius="@dimen/unit_category_tab_height"/>
<!-- color of the selected tab -->
<solid android:color="@android:color/transparent"/>
<stroke android:width="1dp" android:color="@color/tab_indicator_color"/>
</shape>
</item>
</ripple>tab_background.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android" android:enterFadeDuration="0" android:exitFadeDuration="1500">
<item android:state_pressed="true" android:state_selected="false" android:drawable="@drawable/unit_category_tab_ripple"/>
</selector>当标签改变时，我通过代码设置背景
tab_riple.xml
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#C1DCD9">
<item>
<shape android:shape="rectangle">
<solid android:color="@color/calculator_primary_color" />
<corners android:radius="@dimen/unit_category_tab_height" />
<stroke android:width="2dp" android:color="@android:color/transparent"/>
</shape>
</item>
</ripple>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61308350
复制相关文章
相似问题
腾讯云开发者
