Android底部导航栏切换界面，点击选项时文字和图标改变颜色

最新推荐文章于 2022-12-27 18:34:31 发布

qll766

最新推荐文章于 2022-12-27 18:34:31 发布

阅读量6.4k

点赞数 2

文章标签：底部导航栏 fragment切换界面点击时改变图标和文字状态

本文链接：https://blog.csdn.net/qll766/article/details/83243703

版权

本文详细介绍了如何在Android中实现底部导航栏点击时，图标和文字颜色的变化，并配合Fragment进行界面切换。通过示例代码和布局文件，展示了整个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

类似底部导航栏的菜单，点击图标，文字和图标都变颜色，Fragment切换界面详解

**
先看效果图
在这里插入图片描述
以下是全部完整代码，如果有问题欢迎留言

图标和文字布局color_change.xml

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:background="#60c49e">
        <ImageView
            android:id="@+id/bottom_icon"
            android:layout_width="40dp"
            android:layout_height="40dp"/>
        <TextView
            android:id="@+id/bottom_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:textColor="#ffffff"/>
    </LinearLayout>

设置点击后变化颜色的逻辑代码BottomLayout.java

public class BottomLayout extends LinearLayout{
    private int normalIcon;
    private int focusedIcon;
    private boolean isFocused = false;
    private ImageView ivIcon;
    private TextView tvText;
    public BottomLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.color_change,this);
        ivIcon = findViewById(R.id.bottom_icon);
        tvText = findViewById(R.id.bottom_text);
    }
    public void setNormalIcon(int normalIcon){
        this.normalIcon = normalIcon;
        ivIcon.setImageResource(normalIcon);

    }
    public void setFocus