Viewpager+Fragment实现主布局文件

1：布局文件使用Viewpager实现主布局，中间切换使用Fragment实现，

首先在activity中定义所有的控件，并获取所有控件的 "_id"，

给4个布局的layout添加点击事件，并判断执行对应的点击事件 ，首先在点击事件之前将所有的image设置成灰色的，在设置点击的时候图片变亮  并切换对应的内容区域

给内容区域Viewpager设置一个适配器和数据源， 并初始化数据源和4个Fragment 最后将4个fragment封装至数据源中  初始化adapter适配器

最后设置一个滚动监听事件，让底部的layout根据viewpager滑动的位置点亮图片，基本上实现的原理就是这样吧，下面附上核心代码。

package com.yongninggo.wechat;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.yongninggo.wechat.Fragment.Home_fragment;
import com.yongninggo.wechat.Fragment.Message_fragment;
import com.yongninggo.wechat.Fragment.Person_fragment;
import com.yongninggo.wechat.Fragment.Pond_fragment;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private ViewPager viewPager;

    private FragmentPagerAdapter adapter;
    private List<Fragment> fragments;

    private LinearLayout home_layout_view;
    private LinearLayout message_layout_view;
    private LinearLayout pond_layout_view;
    private LinearLayout person_layout_view;
    private ImageView home_image_view;
    private ImageView message_image_view;
    private ImageView pond_image_view;
    private ImageView person_image_view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        inisview();
        inisEvent();
        SetSelect(0);
    }

    private void inisEvent() {
        home_layout_view.setOnClickListener(this);
        message_layout_view.setOnClickListener(this);
        pond_layout_view.setOnClickListener(this);
        person_layout_view.setOnClickListener(this);
    }

    private void inisview() {
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        home_layout_view = (LinearLayout) findViewById(R.id.home_layout_view);
        message_layout_view = (LinearLayout) findViewById(R.id.message_layout_view);
        pond_layout_view = (LinearLayout) findViewById(R.id.pond_layout_view);
        person_layout_view = (LinearLayout) findViewById(R.id.person_layout_view);
        home_image_view = (ImageView) findViewById(R.id.home_image_view);
        message_image_view = (ImageView) findViewById(R.id.message_image_view);
        pond_image_view = (ImageView) findViewById(R.id.pond_image_view);
        person_image_view = (ImageView) findViewById(R.id.person_image_view);

        fragments = new ArrayList<>();
        Fragment home = new Home_fragment();
        Fragment message = new Message_fragment();
        Fragment pond = new Pond_fragment();
        Fragment person = new Person_fragment();
        fragments.add(home);
        fragments.add(message);
        fragments.add(pond);
        fragments.add(person);
        adapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return fragments.get(position);
            }

            @Override
            public int getCount() {
                return fragments.size();
            }
        };
        viewPager.setAdapter(adapter);
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                Resetimg();
                int Currentitem = viewPager.getCurrentItem();
                viewpager(Currentitem);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    @Override
    public void onClick(View v) {
        Resetimg();
        switch (v.getId()){
            case R.id.home_layout_view :
                SetSelect(0);
                break;
            case R.id.message_layout_view :
                SetSelect(1);
                break;
            case R.id.pond_layout_view :
                SetSelect(2);
                break;
            case R.id.person_layout_view :
                SetSelect(3);
                break;
            default:
                break;
        }
    }

    private void SetSelect(int a) {
        Resetimg();
        viewpager(a);
    }

    private void viewpager(int a) {
        switch (a){
            case 0 :
                viewPager.setCurrentItem(0);
                home_image_view.setImageResource(R.drawable.comui_tab_home_selected);
                break;
            case 1 :
                viewPager.setCurrentItem(1);
                message_image_view.setImageResource(R.drawable.comui_tab_message_selected);
                break;
            case 2 :
                viewPager.setCurrentItem(2);
                pond_image_view.setImageResource(R.drawable.comui_tab_pond_selected);
                break;
            case 3 :
                viewPager.setCurrentItem(3);
                person_image_view.setImageResource(R.drawable.comui_tab_person_selected);
                break;
            default:
                break;
        }
    }

    private void Resetimg() {
        home_image_view.setImageResource(R.drawable.comui_tab_home);
        message_image_view.setImageResource(R.drawable.comui_tab_message);
        pond_image_view.setImageResource(R.drawable.comui_tab_pond);
        person_image_view.setImageResource(R.drawable.comui_tab_person);
    }
}

实现布局文件的方法有Viewpager，Fragment，Viewpager+Fragment的

他们的区别分别是： viewpager ---- 不利于管理，但是可以实现左右滑动的效果，

 Fragment ---- 便于管理，但是不可以实现左右滑动的效果。

Fragment+Viewpager 便于管理，利用Viewpager也可以实现左右滑动的效果。

Over