android 仿微信主界面UI(不含代码逻辑)

【实例截图】

【核心代码】

package com.tabhostfragment;

import java.util.ArrayList;
import java.util.List;

import com.tabhostfragment.adapter.MainPagerAdapter;
import com.tabhostfragment.dao.Initialization;
import com.tabhostfragment.fragment.FourFragment;
import com.tabhostfragment.fragment.OneFragment;
import com.tabhostfragment.fragment.ThreeFragment;
import com.tabhostfragment.fragment.TwoFragment;
import com.tabhostfragment.view.DummyTabContent;

import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TabHost.TabContentFactory;
import android.widget.TabHost.TabSpec;
import android.widget.TabWidget;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends FragmentActivity implements Initialization,
		TabHost.OnTabChangeListener, ViewPager.OnPageChangeListener,
		OnClickListener {

	private static final String TAG = MainActivity.class.getSimpleName();

	private TabHost mTabHost;

	private TabHost.TabSpec mTabSpec1;
	private TabHost.TabSpec mTabSpec2;
	private TabHost.TabSpec mTabSpec3;
	private TabHost.TabSpec mTabSpec4;

	private View mView1;
	private View mView2;
	private View mView3;
	private View mView4;

	private TextView mTv1, mTv2, mTv3, mTv4;
	private ImageView mIMG1, mIMG2, mIMG3, mIMG4;

	private ImageButton imgBtnAdd, imgBtnSearch;

	private Context mContext;
	private ViewPager mViewPager;
	private MainPagerAdapter mMainPagerAdapter;

	private Fragment mFragment1, mFragment2, mFragment3, mFragment4;

	private String mCurrentTab = "1";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
		setContentView(R.layout.activity_main);
		getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
				R.layout.titlebar_main);

		init();
		initView();
		addListener();
	}

	@Override
	public void init() {
		mContext = this;
		setTabAndFragment();
	}

	@Override
	public void initView() {
		mViewPager = (ViewPager) findViewById(R.id.viewpager);
		imgBtnAdd = (ImageButton) findViewById(R.id.imgbtn_titlebar_main_add);
		imgBtnSearch = (ImageButton) findViewById(R.id.imgbtn_titlebar_main_search);

		mMainPagerAdapter = new MainPagerAdapter(getSupportFragmentManager(),
				getFragments());
		mViewPager.setAdapter(mMainPagerAdapter);
	}

	@Override
	public void addListener() {
		mViewPager.setOnPageChangeListener(this);
		mTabHost.setOnTabChangedListener(this);
		imgBtnAdd.setOnClickListener(this);
		imgBtnSearch.setOnClickListener(this);
	}

	private void setTabAndFragment() {
		LayoutInflater inflater = getLayoutInflater();
		mTabHost = (TabHost) findViewById(R.id.tabhost);
		mTabHost.setup();

		TabWidget tabWidget = mTabHost.getTabWidget();
		tabWidget.setDividerDrawable(null);

		mView1 = inflater.inflate(R.layout.tab_btn, null);
		mTv1 = (TextView) mView1.findViewById(R.id.tab_text);
		mTv1.setText("微信");
		mIMG1 = (ImageView) mView1.findViewById(R.id.tab_image);
		mTabSpec1 = mTabHost.newTabSpec("tab1");
		mTabSpec1.setIndicator(mView1);
		mTabSpec1.setContent(new DummyTabContent(getBaseContext()));
		mTabHost.addTab(mTabSpec1);

		mView2 = inflater.inflate(R.layout.tab_btn, null);
		mTv2 = (TextView) mView2.findViewById(R.id.tab_text);
		mIMG2 = (ImageView) mView2.findViewById(R.id.tab_image);
		mTv2.setText("通讯录");
		mTabSpec2 = mTabHost.newTabSpec("tab2");
		mTabSpec2.setIndicator(mView2);
		mTabSpec2.setContent(new DummyTabContent(getBaseContext()));
		mTabHost.addTab(mTabSpec2);

		mView3 = inflater.inflate(R.layout.tab_btn, null);
		mTv3 = (TextView) mView3.findViewById(R.id.tab_text);
		mIMG3 = (ImageView) mView3.findViewById(R.id.tab_image);
		mTv3.setText("发现");
		mTabSpec3 = mTabHost.newTabSpec("tab3");
		mTabSpec3.setIndicator(mView3);
		mTabSpec3.setContent(new DummyTabContent(getBaseContext()));
		mTabHost.addTab(mTabSpec3);

		mView4 = inflater.inflate(R.layout.tab_btn, null);
		mTv4 = (TextView) mView4.findViewById(R.id.tab_text);
		mIMG4 = (ImageView) mView4.findViewById(R.id.tab_image);
		mTv4.setText("我");
		TabSpec mTabSpec4 = mTabHost.newTabSpec("tab4");
		mTabSpec4.setIndicator(mView4);
		mTabSpec4.setContent(new DummyTabContent(getBaseContext()));
		mTabHost.addTab(mTabSpec4);

		setTextColorByPos(0);
	}

	private List<Fragment> getFragments() {
		List<Fragment> fList = new ArrayList<Fragment>();
		mFragment1 = new OneFragment();
		mFragment2 = new TwoFragment();
		mFragment3 = new ThreeFragment();
		mFragment4 = new FourFragment();

		fList.add(mFragment1);
		fList.add(mFragment2);
		fList.add(mFragment3);
		fList.add(mFragment4);

		return fList;
	}

	/**
	 * 根据不同的选中位置改变字体颜色
	 * 
	 * @param pos
	 *            - 被选中的tab的位置
	 * */
	private void setTextColorByPos(int pos) {
		mTv1.setTextColor(Color.GRAY);
		mTv2.setTextColor(Color.GRAY);
		mTv3.setTextColor(Color.GRAY);
		mTv4.setTextColor(Color.GRAY);
		mIMG1.setImageResource(R.drawable.ahk);
		mIMG2.setImageResource(R.drawable.ahi);
		mIMG3.setImageResource(R.drawable.ahm);
		mIMG4.setImageResource(R.drawable.aho);
		switch (pos) {
		case 0:
			mTv1.setTextColor(getResources().getColor(R.color.blue));
			mIMG1.setImageResource(R.drawable.ahj);
			break;
		case 1:
			mTv2.setTextColor(getResources().getColor(R.color.blue));
			mIMG2.setImageResource(R.drawable.ahh);
			break;
		case 2:
			mTv3.setTextColor(getResources().getColor(R.color.blue));
			mIMG3.setImageResource(R.drawable.ahl);
			break;
		case 3:
			mTv4.setTextColor(getResources().getColor(R.color.blue));
			mIMG4.setImageResource(R.drawable.ahn);
			break;
		}
	}

	@Override
	public void onTabChanged(String tabId) {
		int pos = mTabHost.getCurrentTab();
		mViewPager.setCurrentItem(pos, false);
		mCurrentTab = tabId;
	}

	@Override
	public void onPageScrollStateChanged(int state) {

	}

	@Override
	public void onPageScrolled(int position, float positionOffset,
			int positionOffsetPixels) {
		int pos = mViewPager.getCurrentItem();
		setTextColorByPos(pos);
	}

	@Override
	public void onPageSelected(int position) {

	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
			case R.id.imgbtn_titlebar_main_add:
				Toast.makeText(this, "add be clicked .. ", Toast.LENGTH_SHORT).show();
				break;
			case R.id.imgbtn_titlebar_main_search:
				Toast.makeText(this, "search be clicked .. ", Toast.LENGTH_SHORT).show();
				break;
		}
	}

}