Tablayout指示器不可见
我想将自定义形状作为tablayout
指示器。它假设围绕tabitem
图标(例如椭圆形button
)。但是,由于我设置它,由于某种原因,只有图标颜色正在变化,我根本看不到指示器。
tableAut:
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:paddingTop="@dimen/padding_small"
android:paddingBottom="@dimen/padding_medium"
app:tabIndicatorGravity="center"
app:tabIconTint="@color/tab_icon_tint"
app:tabIndicator="@drawable/tab_indicator"
app:tabRippleColor="@null">
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:icon="@drawable/tab_account_icon"/>
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</com.google.android.material.tabs.TabLayout>
tab_indicator.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="@color/tab_selected" />
</shape>
我尝试更改tab_indicator.xml初始化,如果它有所不同(也许需要层列表作为输入),但结果相同。
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:gravity="center">
<shape
android:shape="oval" >
<solid android:color="@color/tab_selected" />
</shape>
</item>
</layer-list>
想要实现此设计(指示器是tabicon周围的圆圈,在选择选项卡时应移动到下一个选项卡):
I want to make custom shape as TabLayout
indicator. It suppose to be circle around TabItem
icon (like oval Button
). But as I set it, for some reason, only icon color is changing and I cant see indicator at all.
TabLayout:
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:paddingTop="@dimen/padding_small"
android:paddingBottom="@dimen/padding_medium"
app:tabIndicatorGravity="center"
app:tabIconTint="@color/tab_icon_tint"
app:tabIndicator="@drawable/tab_indicator"
app:tabRippleColor="@null">
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:icon="@drawable/tab_account_icon"/>
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</com.google.android.material.tabs.TabLayout>
tab_indicator.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="@color/tab_selected" />
</shape>
I tried to change tab_indicator.xml initialization if it makes some difference (maybe it needs layer-list as input) but same result.
<?xml version="1.0" encoding="utf-8"?>
<layer-list
xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:gravity="center">
<shape
android:shape="oval" >
<solid android:color="@color/tab_selected" />
</shape>
</item>
</layer-list>
Want to achieve this design(indicator is circle around tabIcon and should move while selecting tab to next tab):
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论