android选项卡切换，选中换图片，换背景,类似微信,qq的切换

小鱼儿 2022-12-30 04:59 111阅读 0赞

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NoaVhpblhpbl9IYXJib3Vy_size_16_color_FFFFFF_t_70]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NoaVhpblhpbl9IYXJib3Vy_size_16_color_FFFFFF_t_70 1]

//选项卡都有点击事件，在点击事件里先默认设置的字体的颜色，图片  
如果默认显示主页的选项卡的话,在activity的onCreate()初始加载被点击后的图片,文字样式  
类似这样的代码

ivBottomHome.setImageResource(R.mipmap.homepage_blue_icon);
     tvBottomHome.setTextColor(Color.rgb(1,200,200));

// 将所有的图片切换为未选中
        private void resetImg() { 
            ivBottomHome.setImageResource(R.mipmap.homepage_icon);
            ivBottomVideo.setImageResource(R.mipmap.video_icon);
            ivBottomLiulan.setImageResource(R.mipmap.explore_icon);;
            tvBottomHome.setTextColor(Color.parseColor("#8a000000"));
            tvBottomLiulan.setTextColor(Color.parseColor("#8a000000"));
            tvBottomVideo.setTextColor(Color.parseColor("#8a000000"));
        }

/** * 设置一个ViewPager的侦听事件，当左右滑动ViewPager时菜单栏被选中状态跟着改变 */
            mFragmentVP.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 
    
                }
    
                @Override
                public void onPageSelected(int position) { 
                    switch (position) { 
                        case 0:
                            resetImg();
                            ivBottomHome.setImageResource(R.mipmap.homepage_blue_icon);
                            tvBottomHome.setTextColor(Color.rgb(1,200,200));
                            break;
                        case 1:
                            resetImg();
                            ivBottomLiulan.setImageResource(R.mipmap.liulan_lishi_blue);
                            tvBottomLiulan.setTextColor(Color.rgb(1,200,200));
                            break;
                        case 2:
                            resetImg();
                            //Toast.makeText(getBaseContext(), "进入广告页", Toast.LENGTH_SHORT).show();
                            tvBottomVideo.setTextColor(Color.rgb(1,200,200));
                            ivBottomVideo.setImageResource(R.mipmap.shipin_blue);
                            break;
                    }
                }
    
                @Override
                public void onPageScrollStateChanged(int state) { 
    
                }
            });

参考文章:  
https://www.jb51.net/article/101481.htm  
https://www.jb51.net/article/162005.htm

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NoaVhpblhpbl9IYXJib3Vy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201224101852482.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NoaVhpblhpbl9IYXJib3Vy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NoaVhpblhpbl9IYXJib3Vy_size_16_color_FFFFFF_t_70 1]: /images/20221120/1f5fefef9bee47a08428ea5660c10d4f.png