Eclipse下使用Android Design Support Library中的控件(比如TabLayout)

        谷歌提供的TabLayout使得ViewPager+Indicator主页切换效果非常容易就实现。而要想使用TabLayout，必须使用design support library。android studio下使用design support library是非常容易的，网上有很多说明，此处不在赘述。我只说一下eclipse下如何使用，建议使用eclipse速速转android studio吧，毕竟亲生的，用过android studio后再用eclipse，各种不爽（虽然android studio也有不爽的地方）。

        废话不多说，eclipse要想使用design：

        1.更新sdk下的Android Support Library至最新版本。

        2.eclipse导入design项目，项目路径为..\sdk\extras\android\support\design

        3.导入之后，右键该项目，选择Properties--Android，然后勾选Is Library，把该项目设置为Library。

        4.design项目需要依赖appcompat_v7，所以在Properties--Android窗口中add项目依赖

        5.新建自己的项目，设置项目依赖于design就可以了，由于我新建的项目test默认还依赖了appcompat_v7，而

design项目已经设置依赖appcompat_v7，所以我将自己项目中的appcompat_v7取消。

        这样eclipse就可以使用design下的控件了。

我使用TabLayout+ViewPager做了个小demo。

先看布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.example.test.MainActivity" >

	<android.support.design.widget.TabLayout
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#4A76F9"
        app:tabIndicatorColor="#ffffff"
        app:tabSelectedTextColor="#505050"
        app:tabTextColor="#FFFFFF"
        />  
  
    <android.support.v4.view.ViewPager
        android:layout_below="@id/title"  
        android:id="@+id/pager"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:background="#ff0000"/> 
       
</RelativeLayout>

关于该xml还有一点需要注意：需要添加

xmlns:app="http://schemas.android.com/apk/res-auto"

否则会报错

MainActivity

import android.support.design.widget.TabLayout;
import android.support.design.widget.TabLayout.OnTabSelectedListener;
import android.support.design.widget.TabLayout.Tab;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.TextView;


public class MainActivity extends AppCompatActivity {
	
	
	private TabLayout mTabLayout;
	private ViewPager mViewPager;
	
	private String[] title;
	private TextView[] content;
	
	
	
	private PagerAdapter mAdapter = new PagerAdapter() {
		
		@Override
		public CharSequence getPageTitle(int position) {
			return title[position];
		}
		
		@Override
		public int getCount() {
			return content.length;
		}
		
		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			container.addView(content[position]);
            return content[position];
		};
		
		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			container.removeView(content[position]);
		};
		
		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}
       
    };	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        setContentView(R.layout.activity_main);
        getSupportActionBar().hide();
        
        initView();
        initData();
        initListener();
    }


	private void initView() {
    	mTabLayout = (TabLayout) findViewById(R.id.title);
    	mViewPager = (ViewPager) findViewById(R.id.pager);
	}
	
    private void initData() {
    	title = new String[5];
    	content = new TextView[5];
    	for (int i = 0; i < 5; i++) {
    		title[i] = "title" + i;
			TextView tv = new TextView(MainActivity.this);
            tv.setTextSize(30.f);
            tv.setText("content" + i);
            content[i] = tv;
    	}
	}
    
	private void initListener() {
		
		//mTabLayout.setTabsFromPagerAdapter(mAdapter);
		
		mViewPager.setAdapter(mAdapter);
		
		mTabLayout.setupWithViewPager(mViewPager);
	}

}

运行界面如下：