Question

我正在使用 material library 并使用带有三个 TabLayout 的 TabItem。在此 TabItem 中，我使用图标并希望将其放大，但我不知道是否可以更改图标大小。

这是我现在的 XML：

  <com.google.android.material.tabs.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/guideline6"
        app:tabBackground="@drawable/tab_background_color_selector"
        app:tabIconTint="@color/white"
        app:tabIndicator="@null">

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/icon_one"/>

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/icon_two"/>

        <com.google.android.material.tabs.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:icon="@drawable/icon_three"/>

    </com.google.android.material.tabs.TabLayout>

Answer 1

您可以创建自己的自定义选项卡布局，其中包含一个 imageView。

例如：我已将其命名为 my_custom_tab.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        android:id="@+id/icon"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

然后在你的 MainActivity 类中你可以这样做

View view = getLayoutInflater().inflate(R.layout.my_custom_tab, null);
ImageView icon = view.findViewById(R.id.icon);
icon.setBackgroundResource(R.drawable.your_drawable);
tabLayout.addTab(tabLayout.newTab().setCustomView(view));

如何更改材质 TabItem 中的图标大小？

1 个答案: