微信Tab页


微信Tab页

 微信Tab页

 

参考开源项目PagerSlidingTabStrip

做了一些小修改,比如设置Tab页平均铺满效果、字体变色等 微调的代码请 下载

关于我


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
private void addTab(final int position, View tab) {
    tab.setFocusable(true);
    tab.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            pager.setCurrentItem(position);
        }
    });
     
    tab.setPadding(tabPadding, 0, tabPadding, 0);
    setShouldExpand(true);//设置weight=1.0f,实现平铺的效果,add by lichen
    if (tab instanceof TextView) {
        if (position == 0) {//默认首项字体颜色,add by lichen
            ((TextView) tab).setTextColor(getResources().getColor(R.color.deep_green));
        } else {//其他项字体颜色,add by lichen
            ((TextView) tab).setTextColor(getResources().getColor(R.color.light_green));
        }
    }
    tabsContainer.addView(tab, position, shouldExpand ? expandedTabLayoutParams : defaultTabLayoutParams);
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
        @Override
        public void onPageSelected(int position) {
            View view = tabsContainer.getChildAt(position);
            if (view instanceof ImageButton) {//如果是图片是Tab页,add by lichen
                ((ImageButton) view).setImageResource(R.drawable.ic_input_add);
            } else if (view instanceof TextView) {
                setColor(position);
            }
            if (delegatePageListener != null) {
                delegatePageListener.onPageSelected(position);
            }
        }
 
/**
 * 滑动tab修改字体颜色,by lichen
 * @param position
 */
private void setColor(int position) {
    TextView textView0 = (TextView) tabsContainer.getChildAt(0);
    TextView textView1 = (TextView) tabsContainer.getChildAt(1);
    TextView textView2 = (TextView) tabsContainer.getChildAt(2);
    switch (position) {
    case 0:
        textView0.setTextColor(getResources().getColor(R.color.deep_green));
        textView1.setTextColor(getResources().getColor(R.color.light_green));
        textView2.setTextColor(getResources().getColor(R.color.light_green));
        break;
    case 1:
        textView0.setTextColor(getResources().getColor(R.color.light_green));
        textView1.setTextColor(getResources().getColor(R.color.deep_green));
        textView2.setTextColor(getResources().getColor(R.color.light_green));
        break;
    case 2:
        textView0.setTextColor(getResources().getColor(R.color.light_green));
        textView1.setTextColor(getResources().getColor(R.color.light_green));
        textView2.setTextColor(getResources().getColor(R.color.deep_green));
        break;
    default:
        break;
    }
}

 

转载于:https://my.oschina.net/lichen/blog/267220