android tab 改变背景,Android 中TabLayout自定义选择背景滑块的实例代码

TabLayout是Android 的Material Design包中的一个控件，可以和V4包中的ViewPager搭配产生一个联动的效果。这里我自定义了一个滑块能够跟随TabLayout进行滑动选择的SliderLayout。效果见下图(白色方框)：

下面是SliderLayout的源码：

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.drawable.Drawable;

import android.support.design.widget.TabLayout;

import android.util.AttributeSet;

import android.view.Gravity;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ImageView;

import android.widget.LinearLayout;

import java.lang.ref.WeakReference;

/**

* Created by yyw on 2016/4/28.

* 一个用来显示当前的index的滑块

*/

public class SliderLayout extends LinearLayout {

private int totalNum = 0;

private ImageView mSlider;

private Drawable mSliderImage;

private WeakReference mTabLayoutRef;

public SliderLayout(Context context) {

this(context, null);

}

public SliderLayout(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public SliderLayout(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.SliderLayout);

mSliderImage = array.getDrawable(R.styleable.SliderLayout_slider_pic);

if (mSliderImage == null) {

mSliderImage = context.getResources().getDrawable(R.drawable.slider);

}

array.recycle();

init(context);

}

private void init(Context context) {

mSlider = new ImageView(context);

mSlider.setImageDrawable(mSliderImage);

addView(mSlider, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

resetSlider();