Fragment碎片片段（ViewPage+Fragment实现大致微信的界面滑动）

Fragment用途：

可以把两个Activity同是放到一个Activity里面。

今天来分享下用Fragment和ViewPage大致实现一个微信的界面滑动

首先要写五个界面

第一个是界面ViewPage

<?xml version="1.0" encoding="utf-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.example.jane0615_test.MainActivity">   <android.support.v4.view.ViewPager       android:layout_width="match_parent"       android:layout_height="match_parent"       android:layout_weight="1"       android:id="@+id/vp">   </android.support.v4.view.ViewPager> <RadioGroup     android:orientation="horizontal"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:id="@+id/rg">     <RadioButton     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="微信"         android:drawableTop="@drawable/selector_1"     android:button="@null"     android:id="@+id/rb_1"/>     <RadioButton         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="通讯录"         android:drawableTop="@drawable/selector_1"         android:button="@null"         android:id="@+id/rb_2"/>     <RadioButton         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="发现"         android:drawableTop="@drawable/selector_1"         android:button="@null"         android:id="@+id/rb_3"/>     <RadioButton         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="我"         android:drawableTop="@drawable/selector_1"         android:button="@null"         android:id="@+id/rb_4"/> </RadioGroup></LinearLayout>

另外是四个分别是仿照微信里的三个界面微信、通讯录、发现、我

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent"><TextView    android:layout_width="match_parent"    android:layout_height="match_parent"    android:text="微信"    android:background="#FFBBD3F4"/></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent"><TextView    android:layout_width="match_parent"    android:layout_height="match_parent"    android:text="通讯录"    android:background="#33ff00ff"/></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent">    <TextView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:text="发现"        android:background="#66ffff00"/></LinearLayout>

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent"><TextView    android:layout_width="match_parent"    android:layout_height="match_parent"    android:text="我"    android:background="#66ff0000"/></LinearLayout>

再写个selector文件，传两张图片

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">   <item android:state_checked="false" android:drawable="@drawable/angle_end"></item>    <item android:state_checked="true" android:drawable="@drawable/angle_start"></item></selector>

上面都是界面，

package com.example.jane0615_test;import  android.support.v4.app.Fragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;/** * Created by Administrator on 2017/6/15 0015. */public class WeiXinFragment extends Fragment{    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_weixin,null);    }}

package com.example.jane0615_test;import android.support.v4.app.Fragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;/** * Created by Administrator on 2017/6/15 0015. */public class ContactFragment extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_contact,null);    }}

package com.example.jane0615_test;import  android.support.v4.app.Fragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;/** * Created by Administrator on 2017/6/15 0015. */public class FindFragment extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_find,null);    }}

package com.example.jane0615_test;import  android.support.v4.app.Fragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;/** * Created by Administrator on 2017/6/15 0015. */public class MyFragment extends Fragment{    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        return inflater.inflate(R.layout.fragment_my,null);    }}

package com.example.jane0615_test;import android.support.annotation.IdRes;import  android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.view.ViewPager;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.RadioGroup;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {    private List<Fragment> list=new ArrayList<>();    private ViewPager vp;    private int[] images={R.id.rb_1,R.id.rb_2,R.id.rb_3,R.id.rb_4};    private RadioGroup rg;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        vp = (ViewPager) findViewById(R.id.vp);        rg = (RadioGroup) findViewById(R.id.rg);        WeiXinFragment weiXinFragment=new WeiXinFragment();        ContactFragment contactFragment=new ContactFragment();        FindFragment findFragment=new FindFragment();        MyFragment myFragment=new MyFragment();        list.add(weiXinFragment);        list.add(contactFragment);        list.add(findFragment);        list.add(myFragment);        vp.setCurrentItem(0);        rg.check(images[0]);//        rg.setOnCheck;        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {            @Override            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {            }            @Override            public void onPageSelected(int position) {            }            @Override            public void onPageScrollStateChanged(int state) {            if(state==2){                rg.check(images[vp.getCurrentItem()]);            }            }        });        vp.setAdapter(new My(getSupportFragmentManager()));        }        class My extends FragmentPagerAdapter{            public My(FragmentManager fm) {                super(fm);            }            @Override            public Fragment getItem(int position) {                return null;            }            @Override            public int getCount() {                return 0;            }        }    }