<color name="bg_line_light_gray">#9b9b9b</color> 
<color name="bg_main_green">#31c016</color> 

<string name="bottom_menu_me">我</string> 
<string name="bottom_menu_discovery">发现</string> 
<string name="bottom_menu_addressbook">通讯录</string> 
<string name="bottom_menu_wechat">微信</string> 

<style name="ButtomMenuImgv"> 
  <item name="android:layout_width">wrap_content</item> 
  <item name="android:layout_height">wrap_content</item> 
  <item name="android:layout_marginBottom">5dp</item> 
  <item name="android:layout_marginTop">5dp</item> 
</style> 
 
<style name="ButtomMenuTv"> 
  <item name="android:layout_width">wrap_content</item> 
  <item name="android:layout_height">wrap_content</item> 
  <item name="android:layout_marginBottom">5dp</item> 
  <item name="android:textSize">12sp</item> 
  <item name="android:textColor">@drawable/ic_menu_textcolors_selector</item> 
</style> 
 
<style name="ButtomMenuItemLayout"> 
  <item name="android:layout_width">0dp</item> 
  <item name="android:layout_height">match_parent</item> 
  <item name="android:layout_weight">1</item> 
  <item name="android:gravity">center</item> 
  <item name="android:orientation">vertical</item> 
</style> 

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
 
  <item android:drawable="@drawable/ic_menu_chat_light"  
    android:state_selected="true"></item> 
  <item android:drawable="@drawable/ic_menu_chat_normal"></item> 
 
</selector> 

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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:textSize="32sp" 
    android:layout_centerInParent="true" 
    android:text="@string/bottom_menu_wechat" /> 
 
</RelativeLayout> 

import com.example.bottommenu_vp_imgv_tv.R; 
import android.os.Bundle; 
import android.support.annotation.Nullable; 
import android.support.v4.app.Fragment; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
 
public class ChatFragment extends Fragment { 
  @Override 
  public View onCreateView(LayoutInflater inflater, 
      @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 
    View view = View.inflate(getActivity(), R.layout.fragment_chat, null); 
    return view; 
  } 
} 

import java.util.ArrayList; 
import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 
 
public class FragmentAdapter extends FragmentPagerAdapter { 
  private ArrayList<Fragment> mFragments; 
  public FragmentAdapter(FragmentManager fm,ArrayList<Fragment> fragment) { 
    super(fm); 
    this.mFragments = fragment; 
  } 
  @Override 
  public int getCount() { 
    return mFragments.size(); 
  } 
   
  @Override 
  public Fragment getItem(int arg0) { 
    return mFragments.get(arg0); 
  } 
 
} 

import java.util.ArrayList; 
import com.example.bottommenu_vp_imgv_tv.fragment.AddressBookFragment; 
import com.example.bottommenu_vp_imgv_tv.fragment.ChatFragment; 
import com.example.bottommenu_vp_imgv_tv.fragment.DiscoveryFragment; 
import com.example.bottommenu_vp_imgv_tv.fragment.FragmentAdapter; 
import com.example.bottommenu_vp_imgv_tv.fragment.MeFragment; 
import android.os.Bundle; 
import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentActivity; 
import android.support.v4.view.ViewPager; 
import android.support.v4.view.ViewPager.OnPageChangeListener; 
import android.view.View; 
import android.view.View.OnClickListener; 
import android.widget.ImageView; 
import android.widget.TextView; 
 
public class MainActivity extends FragmentActivity implements OnClickListener, 
    OnPageChangeListener { 
  private ArrayList<TextView> tv_menus; 
  private ArrayList<ImageView> imgv_menus; 
  private ViewPager mViewPager; 
 
  private ArrayList<Fragment> mFragments; 
  private FragmentAdapter mMainMenuAdapter; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
 
    initView(); 
    initData(); 
    initEvent(); 
  } 
 
  // 初始化控件 
  private void initView() { 
    tv_menus = new ArrayList<TextView>(); 
    tv_menus.add((TextView) findViewById(R.id.tv_bottomMenu_chat)); 
    tv_menus 
        .add((TextView) findViewById(R.id.tv_bottomMenu_addressbook)); 
    tv_menus.add((TextView) findViewById(R.id.tv_bottomMenu_discovery)); 
    tv_menus.add((TextView) findViewById(R.id.tv_bottomMenu_me)); 
    imgv_menus = new ArrayList<ImageView>(); 
    imgv_menus.add((ImageView) findViewById(R.id.imgv_bottomMenu_chat)); 
    imgv_menus 
        .add((ImageView) findViewById(R.id.imgv_bottomMenu_addressbook)); 
    imgv_menus 
        .add((ImageView) findViewById(R.id.imgv_bottomMenu_discovery)); 
    imgv_menus.add((ImageView) findViewById(R.id.imgv_bottomMenu_me)); 
    mViewPager = (ViewPager) findViewById(R.id.vp_main_menuContent); 
  } 
 
  // 初始化数据 
  private void initData() { 
    mFragments = new ArrayList<Fragment>(); 
    mFragments.add(new ChatFragment()); 
    mFragments.add(new AddressBookFragment()); 
    mFragments.add(new DiscoveryFragment()); 
    mFragments.add(new MeFragment()); 
    mMainMenuAdapter = new FragmentAdapter(getSupportFragmentManager(), 
        mFragments); 
    setMenuSelector(0); // 默认选中第一个菜单项“微信” 
  } 
 
  // 初始化事件 
  private void initEvent() { 
    mViewPager.setAdapter(mMainMenuAdapter); 
    mViewPager.setOnPageChangeListener(this); 
    findViewById(R.id.ll_bottomMenu_chat).setOnClickListener(this); 
    findViewById(R.id.ll_bottomMenu_addressBook).setOnClickListener(this); 
    findViewById(R.id.ll_bottomMenu_discovery).setOnClickListener(this); 
    findViewById(R.id.ll_bottomMenu_me).setOnClickListener(this); 
  } 
 
  @Override 
  public void onClick(View v) { 
    switch (v.getId()) { 
    case R.id.ll_bottomMenu_chat: 
      setMenuSelector(0); 
      break; 
    case R.id.ll_bottomMenu_addressBook: 
      setMenuSelector(1); 
      break; 
    case R.id.ll_bottomMenu_discovery: 
      setMenuSelector(2); 
      break; 
    case R.id.ll_bottomMenu_me: 
      setMenuSelector(3); 
      break; 
 
    } 
  } 
 
  /** 
   * 选中指定的菜单项并显示对应的Fragment 
   * 
   * @param index 
   */ 
  private void setMenuSelector(int index) { 
    reSetSelected(); 
    tv_menus.get(index).setSelected(true); 
    imgv_menus.get(index).setSelected(true); 
    mViewPager.setCurrentItem(index); 
  } 
 
  /** 
   * 重置底部菜单所有ImageView和TextView为未选中状态 
   */ 
  private void reSetSelected() { 
    for (int i = 0; i < tv_menus.size(); i++) { 
      tv_menus.get(i).setSelected(false); 
      imgv_menus.get(i).setSelected(false); 
    } 
  } 
 
  @Override 
  public void onPageScrollStateChanged(int arg0) { 
 
  } 
 
  @Override 
  public void onPageScrolled(int arg0, float arg1, int arg2) { 
 
  } 
 
  @Override 
  public void onPageSelected(int arg0) { 
    setMenuSelector(arg0); 
  } 
}