android+仿点餐页面,android 仿微信主界面UI(不含代码逻辑)

【实例简介】微信主界面   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 getFragments() {

List fList = new ArrayList();

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;

}

}

}