首页Fragment切换

现在基本所有app首页都是下边3、4个tab,点击实现上面fragment的切换。一直用到,就把这个封装成一个控件。
首先下面的tab有图标和文字,直接用textviwe设置drawableTop图片的尺寸间距什么的用起来不方便。就自定义个ImgText继承LinearLayout,里面就一个ImageView和一个TextView,然后有个设置默认图片,选中图片,文字,默认颜色,选中颜色等方法。
public void setData(String text, int defaultImg, int selectImg, int defaultColor, int selectColor) {
        textView.setText(text);
        this.defaultImg = defaultImg;
        this.selectImg = selectImg;
        this.defaultColor = defaultColor;
        this.selectColor = selectColor;
    }


    public void setDefaultState() {
        textView.setTextColor(defaultColor);
        image.setImageResource(defaultImg);
    }

    public void setSelectState() {
        textView.setTextColor(selectColor);
        image.setImageResource(selectImg);
    }

自定义个控件 继承LinearLayout,上方是个FrameLayout放fragment,下面一个横向的LinearLayout放多个tab,布局就不贴了。

public void setData(FragmentManager fm, List<Fragment> fragments,
                        List<ImgText> imgTexts) {
        this.fm = fm;
        this.fragments = fragments;
        this.imgTexts = imgTexts;
        LayoutParams params = new LayoutParams(0,
                LayoutParams.MATCH_PARENT);
        params.weight = 1;
        //宽设为0 权重为1 平分宽度
        for (int i = 0; i < imgTexts.size(); i++) {
            ImgText item = imgTexts.get(i);
            item.setLayoutParams(params);
            item.setGravity(Gravity.CENTER);
            item.setTag(i);
            item.setOnClickListener(this);
            titLayout.addView(item);
        }
        setCurrent(0);//默认选中第0个
    }

    public void setCurrent(int position) {
        if (click != null) {
            click.onClick(position);//切换tab事件
        }
        transaction = fm.beginTransaction();
        transaction.replace(R.id.myTabHost_content, fragments.get(position));//替换fragment
        transaction.commit();
        for (int i = 0; i < imgTexts.size(); i++) {
            if (position == i) {
                imgTexts.get(i).setSelectState();//让该位置变为选中状态
            } else {
                imgTexts.get(i).setDefaultState();//其他位置改成默认状态
            }
        }
        currentPosition = position;
    }

    public void setOnTitClick(OnTitClick click) {
        this.click = click;
    }

    public interface OnTitClick {
        public void onClick(int position);
    }

Activity中使用

private void initView() {
        mainTabHost = (RTabHost) findViewById(R.id.main_tabHost);
        initFragments();
        initImgTexts();
        mainTabHost.setData(getSupportFragmentManager(), fragments, imgTexts);
    }

    private void initFragments() {
        fragments = new ArrayList<>();
        fragments.add(new FirstFragment());
        fragments.add(new SecondFragment());
        fragments.add(new ThirdFragment());
    }

    private void initImgTexts() {
        int defaultColor = 0xff9B9B9B;
        int selectColor = 0xff66CC99;

        imgTexts = new ArrayList<>();
        ImgText imgText1 = new ImgText(this);
        imgText1.setData("第一页", R.mipmap.icon_launcher,
                R.mipmap.icon_launcher, defaultColor, selectColor);
        ImgText imgText2 = new ImgText(this);
        imgText2.setData("第二页", R.mipmap.icon_launcher,
                R.mipmap.icon_launcher, defaultColor, selectColor);
        ImgText imgText3 = new ImgText(this);
        imgText3.setData("第三页", R.mipmap.icon_launcher,
        R.mipmap.icon_launcher, defaultColor, selectColor);
        imgTexts.add(imgText1);
        imgTexts.add(imgText2);
        imgTexts.add(imgText3);
    }

效果图
这里写图片描述

这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值