TabLayout 使用之文字前面加上图片

直接看效果。tab前面加个icon

话不多说。

想要实现，就不能用默认的tab了。直接设置。我没实现成功。

view_special_tab.xml 文件 就是一个图标加一个textview ，我这里文字选中和不选中都要求使用黑色。就没有使用选择器。小图标使用了选择器。自动切换状态。也就是显示和隐藏。

小图标的Selector   selector_special_tab_check.xml

非选中状态下，其实就是一个透明的shape  shape_rectangle_special_tab_icon.xml

封装成一个view  ，我这里叫SpecialTabView

import android.content.Context;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.maiya.core.common.utils.Utils;
import com.maiya.suixingou.R;

/**
 * Created by chenxiangxiang on 2019/3/5.
 */

public class SpecialTabView extends LinearLayout {
    private TextView tvTab;

    public SpecialTabView(Context context) {
        this(context, null);
    }

    public SpecialTabView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SpecialTabView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }


    private void init(Context context) {
        View view = LayoutInflater.from(context).inflate(R.layout.view_special_tab, this);
        tvTab = view.findViewById(R.id.tv_tab);

    }

    public SpecialTabView setText(String text) {
        if (!Utils.isEmpty(text)) {
            tvTab.setText(text);
        }
        return this;
    }


}

然后就是使用了。

  SpecialTabView tabView = null;
        for (int i = 0; i < headers.size(); i++) {
            tabView = new SpecialTabView(getContext());
            tabLayout.addTab(tabLayout.newTab().setCustomView(tabView.setText(headers.get(i))));
        }

这样，就可以了。既可以点击切换。也可以和recyclerview实现联通切换tab。且可以自动设置状态

 

这是随心购的一个需求。欢迎大家使用随心购，随心购是一款既可以省钱又可以挣钱的app。 自己用的话，可以寻找淘宝和天猫的隐藏优惠券。节省不少money。 也可以分享优惠券，分享淘宝和天猫商品挣佣金。