首页

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

java

2020-8-4

微信主界面   viewpager  fragment

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;
		}
	}

}
资源下载此资源下载价格为2D币(VIP免费),请先
资源文件列表
Tabhost&Fragment/.classpath , 475
Tabhost&Fragment/.project , 856
Tabhost&Fragment/.settings/org.eclipse.jdt.core.prefs , 177
Tabhost&Fragment/AndroidManifest.xml , 920
Tabhost&Fragment/bin/AndroidManifest.xml , 920
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$anim.class , 629
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$attr.class , 5136
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$bool.class , 763
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$color.class , 594
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$dimen.class , 1530
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$drawable.class , 5191
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$id.class , 2556
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$integer.class , 445
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$layout.class , 1629
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$string.class , 1220
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$style.class , 9582
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R$styleable.class , 6541
Tabhost&Fragment/bin/classes/android/support/v7/appcompat/R.class , 1015
Tabhost&Fragment/bin/classes/com/tabhostfragment/adapter/MainPagerAdapter.class , 1224
Tabhost&Fragment/bin/classes/com/tabhostfragment/BuildConfig.class , 347
Tabhost&Fragment/bin/classes/com/tabhostfragment/dao/Initialization.class , 195
Tabhost&Fragment/bin/classes/com/tabhostfragment/fragment/FourFragment.class , 871
Tabhost&Fragment/bin/classes/com/tabhostfragment/fragment/OneFragment.class , 868
Tabhost&Fragment/bin/classes/com/tabhostfragment/fragment/ThreeFragment.class , 874
Tabhost&Fragment/bin/classes/com/tabhostfragment/fragment/TwoFragment.class , 868
Tabhost&Fragment/bin/classes/com/tabhostfragment/MainActivity.class , 7884
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$anim.class , 602
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$attr.class , 5109
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$bool.class , 736
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$color.class , 595
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$dimen.class , 1601
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$drawable.class , 5646
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$id.class , 2980
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$integer.class , 418
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$layout.class , 1892
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$menu.class , 420
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$string.class , 1264
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$style.class , 9687
Tabhost&Fragment/bin/classes/com/tabhostfragment/R$styleable.class , 6698
Tabhost&Fragment/bin/classes/com/tabhostfragment/R.class , 936
Tabhost&Fragment/bin/classes/com/tabhostfragment/view/DummyTabContent.class , 809
Tabhost&Fragment/bin/classes.dex , 1543516
Tabhost&Fragment/bin/dexedLibs/android-support-v4-c25fe39dca8365b3196e4f8b654f32ae.jar , 273766
Tabhost&Fragment/bin/dexedLibs/android-support-v7-appcompat-a93c35fba5d31f77af0d5331fe73d236.jar , 150574
Tabhost&Fragment/bin/dexedLibs/appcompat_v7-80f3ea4597a5629fbd2fd31b8ccf94b0.jar , 166
Tabhost&Fragment/bin/jarlist.cache , 362
Tabhost&Fragment/bin/R.txt , 31998
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/a7z.png , 177
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/a8d.png , 1397
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/ic_launcher.png , 5964
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/tab_connect_nor.png , 1356
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/tab_connect_pressed.png , 1356
Tabhost&Fragment/bin/res/crunch/drawable-hdpi/tapp_icon_public_wifisignal.png , 2675
Tabhost&Fragment/bin/res/crunch/drawable-mdpi/ic_launcher.png , 3112
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahh.png , 1226
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahi.png , 1769
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahj.png , 1289
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahk.png , 1998
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahl.png , 1640
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahm.png , 2263
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ahn.png , 1021
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/aho.png , 1636
Tabhost&Fragment/bin/res/crunch/drawable-xhdpi/ic_launcher.png , 9355
Tabhost&Fragment/bin/res/crunch/drawable-xxhdpi/ic_launcher.png , 17889
Tabhost&Fragment/bin/resources.ap_ , 415378
Tabhost&Fragment/bin/Tabhost&Fragment.apk , 865694
Tabhost&Fragment/gen/android/support/v7/appcompat/R.java , 41199
Tabhost&Fragment/gen/com/tabhostfragment/BuildConfig.java , 161
Tabhost&Fragment/gen/com/tabhostfragment/R.java , 183088
Tabhost&Fragment/ic_launcher-web.png , 51394
Tabhost&Fragment/libs/android-support-v4.jar , 758727
Tabhost&Fragment/proguard-project.txt , 781
Tabhost&Fragment/project.properties , 607
Tabhost&Fragment/res/drawable/selector_tab_connect.xml , 455
Tabhost&Fragment/res/drawable-hdpi/a7z.png , 177
Tabhost&Fragment/res/drawable-hdpi/a8d.png , 1397
Tabhost&Fragment/res/drawable-hdpi/ic_launcher.png , 7658
Tabhost&Fragment/res/drawable-hdpi/tab_connect_nor.png , 2195
Tabhost&Fragment/res/drawable-hdpi/tab_connect_pressed.png , 2182
Tabhost&Fragment/res/drawable-hdpi/tapp_icon_public_wifisignal.png , 4146
Tabhost&Fragment/res/drawable-mdpi/ic_launcher.png , 3777
Tabhost&Fragment/res/drawable-xhdpi/ahh.png , 1226
Tabhost&Fragment/res/drawable-xhdpi/ahi.png , 1769
Tabhost&Fragment/res/drawable-xhdpi/ahj.png , 1289
Tabhost&Fragment/res/drawable-xhdpi/ahk.png , 1998
Tabhost&Fragment/res/drawable-xhdpi/ahl.png , 1640
Tabhost&Fragment/res/drawable-xhdpi/ahm.png , 2263
Tabhost&Fragment/res/drawable-xhdpi/ahn.png , 1021
Tabhost&Fragment/res/drawable-xhdpi/aho.png , 1636
Tabhost&Fragment/res/drawable-xhdpi/ic_launcher.png , 12516
Tabhost&Fragment/res/drawable-xxhdpi/ic_launcher.png , 24777
Tabhost&Fragment/res/layout/activity_main.xml , 1819
Tabhost&Fragment/res/layout/activity_start.xml , 2255
Tabhost&Fragment/res/layout/fragment_four.xml , 468
Tabhost&Fragment/res/layout/fragment_one.xml , 468
Tabhost&Fragment/res/layout/fragment_three.xml , 468
Tabhost&Fragment/res/layout/fragment_two.xml , 468
Tabhost&Fragment/res/layout/tab_btn.xml , 836
Tabhost&Fragment/res/layout/titlebar_main.xml , 1174
Tabhost&Fragment/res/menu/main.xml , 422
Tabhost&Fragment/res/menu/start.xml , 423
Tabhost&Fragment/res/values/color.xml , 119
Tabhost&Fragment/res/values/dimens.xml , 220
Tabhost&Fragment/res/values/strings.xml , 302
Tabhost&Fragment/res/values/styles.xml , 1074
Tabhost&Fragment/res/values-v11/styles.xml , 331
Tabhost&Fragment/res/values-v14/styles.xml , 388
Tabhost&Fragment/res/values-w820dp/dimens.xml , 381
Tabhost&Fragment/src/com/tabhostfragment/adapter/MainPagerAdapter.java , 651
Tabhost&Fragment/src/com/tabhostfragment/dao/Initialization.java , 156
Tabhost&Fragment/src/com/tabhostfragment/fragment/FourFragment.java , 542
Tabhost&Fragment/src/com/tabhostfragment/fragment/OneFragment.java , 540
Tabhost&Fragment/src/com/tabhostfragment/fragment/ThreeFragment.java , 544
Tabhost&Fragment/src/com/tabhostfragment/fragment/TwoFragment.java , 540
Tabhost&Fragment/src/com/tabhostfragment/MainActivity.java , 6815
Tabhost&Fragment/src/com/tabhostfragment/view/DummyTabContent.java , 427
没有账号? 忘记密码?

社交账号快速登录