Fragment的创建和添加tablayout

package com.bwie.zhoukao2;

import android.support.annotation.IdRes;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.RadioGroup;

import com.bwie.zhoukao2.Utils.NetStateUtil;
import com.bwie.zhoukao2.froagment.FaxianFragment;
import com.bwie.zhoukao2.froagment.GengduoFragment;
import com.bwie.zhoukao2.froagment.ShichangFragment;
import com.bwie.zhoukao2.froagment.ShouyeFragment;
import com.bwie.zhoukao2.froagment.TongzhiFragment;
import com.bwie.zhoukao2.froagment.XiangfaFragment;

public class MainActivity extends AppCompatActivity {
    private RadioGroup radio_group;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        radio_group = (RadioGroup) findViewById(R.id.radio_group);

        radio_group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
                switch (checkedId){
                    case R.id.radio_01:
                        addFrogment(new ShouyeFragment());
                        break;
                    case R.id.radio_02:
                        addFrogment(new XiangfaFragment());
                        break;
                    case R.id.radio_03:
                        addFrogment(new ShichangFragment());
                        break;
                    case R.id.radio_04:
                        addFrogment(new TongzhiFragment());
                        break;
                    case R.id.radio_05:
                        addFrogment(new GengduoFragment());
                        break;
                }
            }
        });
        addFrogment(new ShouyeFragment());
    }
    public void addFrogment(Fragment fragment){
        FragmentManager fro=getSupportFragmentManager();
        FragmentTransaction fragmentTransaction = fro.beginTransaction();
        fragmentTransaction.replace(R.id.frame_layout,fragment);
        fragmentTransaction.commit();
    }
}

添加tablayout

 
 

  
  package com.bwie.zhoukao2.froagment;
 
 
 
 


 
 
 
 

  
  import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
 
 
 
 


 
 
 
 

  
  import com.bwie.zhoukao2.R;
import com.bwie.zhoukao2.adapter.MyPagerAdapter;
 
 
 
 


 
 
 
 

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


 
 
 
 

  
  /**
 * Created by 老北城 on 2017/10/17.
 */
 
 
 
 


 
 
 
 

  
  public class ShouyeFragment extends Fragment {
 
 
 
 


 
 
 
 

  
      private TabLayout tab;
    private ViewPager vp;
    private List<String> list;
 
 
 
 


 
 
 
 

  
      @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v=View.inflate(getActivity(), R.layout.shouye,null);
        //找到控件
        tab = (TabLayout) v.findViewById(R.id.tab);
        vp = (ViewPager) v.findViewById(R.id.vp);
 
 
 
 


 
 
 
 

  
          return v;
    }
 
 
 
 


 
 
 
 

  
      @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
 
 
 
 


 
 
 
 

  
          list = new ArrayList<String>();
        list.add("动态");
        list.add("热门");
        list.add("发现");
        vp.setAdapter(new MyPagerAdapter(getChildFragmentManager(),list));
        tab.setupWithViewPager(vp);
    }
}
 
 
 
 


 
 
 
 


 
 
 
 

  
  设置适配器
 
 
 
 

  
  

   
   package com.bwie.zhoukao2.adapter;
  
  
  
  


  
  
  
  

   
   import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
  
  
  
  


  
  
  
  

   
   import com.bwie.zhoukao2.froagment.ContentFragment;
import com.bwie.zhoukao2.froagment.DongtaiFragment;
import com.bwie.zhoukao2.froagment.FaxianFragment;
  
  
  
  


  
  
  
  

   
   import java.util.List;
  
  
  
  


  
  
  
  

   
   /**
 * Created by 老北城 on 2017/10/17.
 */
public class MyPagerAdapter extends FragmentPagerAdapter {
  
  
  
  


  
  
  
  

   
       private List<String> tabs;
  
  
  
  


  
  
  
  

   
       public MyPagerAdapter(FragmentManager fm, List<String> tabs) {
        super(fm);
        this.tabs = tabs;
    }
  
  
  
  


  
  
  
  

   
       public MyPagerAdapter(FragmentManager fm) {
        super(fm);
    }
  
  
  
  


  
  
  
  

   
       @Override
    public CharSequence getPageTitle(int position) {
        return tabs.get(position);
    }
  
  
  
  


  
  
  
  

   
       @Override
    public Fragment getItem(int position) {
        Fragment f=null;
        switch (position){
            case 0:
                f=new DongtaiFragment();
                break;
            case 1:
                f=new ContentFragment();
                break;
            case 2:
                f=new FaxianFragment();
                break;
        }
  
  
  
  


  
  
  
  

   
           return f;
    }
  
  
  
  


  
  
  
  

   
       @Override
    public int getCount() {
        return tabs.size();
    }
}

  
  
 
 
 
 


 
 
 
 


 
 
 
 

  
  tablayout的布局
 
 
 
 

  
  

   
   <?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"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
  
  
  


  
  
  
  

   
       <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <!--tabLayout
    修改 app:tabGravity="fill"  app:tabMode="fixed"，使选项卡可以平铺整个屏幕
    -->
    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:tabGravity="fill"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@color/colorPrimaryDark"
        app:tabTextColor="@color/colorPrimary"
        android:id="@+id/tab"></android.support.design.widget.TabLayout>
  
  
  
  


  
  
  
  

   
       <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/vp"></android.support.v4.view.ViewPager>
  
  
  
  


  
  
  
  

   
   </LinearLayout>
  
  
 
 

布局

 
 

  
  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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" tools:context="com.bwie.zhoukao2.MainActivity">
 
 
 
 


 
 
 
 

  
      <RadioGroup
        android:id="@+id/radio_group"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="40dp">
 
 
 
 


 
 
 
 

  
          <RadioButton
            android:id="@+id/radio_01"
            android:padding="10dp"
            android:button="@null"
            android:gravity="center"
            android:checked="true"
            android:text="首页"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@drawable/radiobutton_selector"/>
        <RadioButton
            android:id="@+id/radio_02"
            android:padding="10dp"
            android:button="@null"
            android:gravity="center"
            android:text="想法"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@drawable/radiobutton_selector"/>
        <RadioButton
            android:id="@+id/radio_03"
            android:padding="10dp"
            android:button="@null"
            android:gravity="center"
            android:text="市场"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@drawable/radiobutton_selector"/>
        <RadioButton
            android:id="@+id/radio_04"
            android:padding="10dp"
            android:button="@null"
            android:gravity="center"
            android:text="通知"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@drawable/radiobutton_selector"/>
        <RadioButton
            android:id="@+id/radio_05"
            android:padding="10dp"
            android:button="@null"
            android:gravity="center"
            android:text="更多"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@drawable/radiobutton_selector"/>
 
 
 
 


 
 
 
 

  
      </RadioGroup>
 
 
 
 


 
 
 
 

  
      <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/frame_layout"
        android:layout_above="@+id/radio_group"
        ></FrameLayout>
 
 
 
 


 
 
 
 

  
  </RelativeLayout>
 
 
 
 


 
 
 
 

  
  另一个布局就是说页面上显示不一样的内容只需要一个textview
 
 
 
 

  
  

   
   <?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:textSize="20sp"
        android:layout_gravity="center"
        android:gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/layout_tv"
        />
  
  
  
  


  
  
  
  

   
   </LinearLayout>