Android自定义view解决TabWidget 的下方的横线（Strip）颜色问题

最新推荐文章于 2023-03-10 17:24:28 发布

birdno1

最新推荐文章于 2023-03-10 17:24:28 发布

阅读量2.5k

点赞数 2

分类专栏： Android 自定义view 文章标签： android tabwidget strip 颜色横线自定义view

本文链接：https://blog.csdn.net/birdno1/article/details/50516725

版权

Android 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

自定义view

1 篇文章 0 订阅

订阅专栏

转载注明：http://blog.csdn.net/birdno1/article/details/50516725

技术菜鸟，第一次写，欢迎交流

前段时间程序中用到了了选项卡滑动，当时要求修改TabWidget下方的线的颜色（就是图中的1），没有很好的实现。这两天又找了找方法，可以通过设置.9.png的图片来实现，但是如果换颜色的话，就麻烦了。

进一步发现TabWidget的选项卡（图中2）是通过addview添加的，那我自定义view不就完了。。。

正式开始：

1、自定义view的custom_tab_title.xml

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="11"
        android:text="xxxx"
        android:textColor="@color/black_text"
        android:background="@color/white_pure"
        android:layout_gravity="center"
        android:gravity="center"
        android:id="@+id/textTitle"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@android:color/transparent"
        android:layout_gravity="center"
        android:gravity="center"
        android:id="@+id/textStripUp"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@color/blue_text"
        android:layout_gravity="center"
        android:gravity="center"
        android:id="@+id/textStripDown"/>
</LinearLayout>

2.自定义控件CustomTab.java（欢迎指教，写的不好）

 <pre name="code" class="java">package com.wpc;

import android.content.Context;

import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;

/**
 * Created by WPC on 2016/1/14.
 */
public class CustomTab extends  View {

     public View view;
     public TextView title;
    public TextView stripUp;
    public TextView stripDown;
     public   CustomTab( Context context) {
         super(context);
        view= LayoutInflater.from(context).inflate(R.layout.custom_tab_title, null);
        title=(TextView) view.findViewById(R.id.textTitle);
        stripUp =(TextView) view.findViewById(R.id.textStripUp);
        stripDown =(TextView) view.findViewById(R.id.textStripDown);
    }
    public View getView(){
        return view;
    }
    public void setTitle(String s,int  cid)
    {
        title.setText(s);
        title.setTextColor(cid);
    }
}

3、使用

3.1Fragment的xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="xxxx"
        android:id="@+id/textView1"/>
</LinearLayout>

3.2使用代码

package com.wpc;
import java.util.Random;

import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.TabWidget;
import android.widget.TextView;

/**
 *  使用TabWidget和ViewPager实现可滑动的Tab
 */
public class widgetActivity extends FragmentActivity
{
    private static final String TAG = "AndroidDemos.SlideTabs3";
    private ViewPager mViewPager;
    private PagerAdapter mPagerAdapter;
    private TabWidget mTabWidget;
    //标题栏内容
    private String[] addresses = { "你是我", "最重要", "的决定" };


    private  CustomTab[]mCustomTabs=new CustomTab[addresses.length];
    Context mContext;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_widget);
        mTabWidget = (TabWidget) findViewById(R.id.tabWidget1);
        mTabWidget.setBackgroundColor(getResources().getColor(R.color.white_pure));
        //不让原生的strip显示
        mTabWidget.setStripEnabled(false);
        mContext=this;


        for (int i=0;i<addresses.length;i++)
        {
            mCustomTabs[i]=new CustomTab(mContext);
            mCustomTabs[i].setTitle(addresses[i], R.color.blue_text);
            mCustomTabs[i].title.setOnClickListener(mTabClickListener);
            mTabWidget.addView(mCustomTabs[i].getView());
        }

        mViewPager = (ViewPager) findViewById(R.id.viewPager1);
        mPagerAdapter = new MyPagerAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(mPagerAdapter);
        mViewPager.setOnPageChangeListener(mPageChangeListener);
        //默认选择第一个以及选中效果
        mTabWidget.setCurrentTab(0);
        mCustomTabs[0].stripUp.setBackgroundColor(getResources().getColor(R.color.blue_text));
        mCustomTabs[0].title.setTextColor(getResources().getColor(R.color.blue_text));
    }
    private OnClickListener mTabClickListener = new OnClickListener() {
        @Override
        public void onClick(View v)
        {
            //先将所有tab设为未选中效果
            for (int i = 0; i < addresses.length; i++) {
                mCustomTabs[i].stripUp.setBackgroundColor(getResources().getColor(android.R.color.transparent));
                mCustomTabs[i].title.setTextColor(getResources().getColor(R.color.black_text));
                 }
            //添加选中效果
            if (v == mCustomTabs[0].title)
            {
                mCustomTabs[0].stripUp.setBackgroundColor(getResources().getColor(R.color.blue_text));
                mCustomTabs[0].title.setTextColor(getResources().getColor(R.color.blue_text));
                mViewPager.setCurrentItem(0);
            } else if (v == mCustomTabs[1].title)
            {
                mCustomTabs[1].stripUp.setBackgroundColor(getResources().getColor(R.color.blue_text));
                mCustomTabs[1].title.setTextColor(getResources().getColor(R.color.blue_text));
                mViewPager.setCurrentItem(1);
            } else if (v == mCustomTabs[2].title)
            {
                mCustomTabs[2].stripUp.setBackgroundColor(getResources().getColor(R.color.blue_text));
                mCustomTabs[2].title.setTextColor(getResources().getColor(R.color.blue_text));
                mViewPager.setCurrentItem(2);
            }
        }
    };

    private OnPageChangeListener mPageChangeListener = new OnPageChangeListener() {

        @Override
        public void onPageSelected(int arg0)
        {
            for (int i = 0; i < addresses.length; i++) {
                mCustomTabs[i].stripUp.setBackgroundColor(getResources().getColor(android.R.color.transparent));
                mCustomTabs[i].title.setTextColor(getResources().getColor(R.color.black_text)); }
            mCustomTabs[arg0].stripUp.setBackgroundColor(getResources().getColor(R.color.blue_text));
            mCustomTabs[arg0].title.setTextColor(getResources().getColor(R.color.blue_text));
            mTabWidget.setCurrentTab(arg0);
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2)
        {

        }

        @Override
        public void onPageScrollStateChanged(int arg0)
        {

        }
    };
    private class MyPagerAdapter extends FragmentStatePagerAdapter
    {
        public MyPagerAdapter(FragmentManager fm)
        {
            super(fm);
        }
        @Override
        public Fragment getItem(int position)
        {
            return MyFragment.create(addresses[position]);
        }
        @Override
        public int getCount()
        {
            return addresses.length;
        }
    }
    public static class MyFragment extends Fragment
    {
        public static MyFragment create(String address)
        {
            MyFragment f = new MyFragment();
            Bundle b = new Bundle();
            b.putString("address", address);
            f.setArguments(b);
            return f;
        }
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState)
        {
            Random r = new Random(System.currentTimeMillis());
            Bundle b = getArguments();
            View v = inflater.inflate(R.layout.layout_fragment, null);
            v.setBackgroundColor(r.nextInt() >> 8 | 0xFF << 24);
            TextView txvAddress = (TextView) v.findViewById(R.id.textView1);
            txvAddress.setTextColor(r.nextInt() >> 8 | 0xFF << 24);
            txvAddress.setBackgroundColor(r.nextInt() >> 8 | 0xFF << 24);
            txvAddress.setText(b.getString("address", ""));
            return v;
        }
    }
}

效果图：