最近在公司没有什么新的开发任务,就复习一下以前的知识,Android大多数应用都是ViewPager+fragment实现主页面的框架结构,今天就简单的介绍一下ViewPager和fragment的简单使用。
首先看一下activity的布局:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="ledon.com.servicedemo.ViewPagerActivity">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</android.support.v4.view.ViewPager>
</RelativeLayout>
在布局文件中添加ViewPager的控件,这里需要说明一下ViewPager要在v4包里引用,并且在ViewPager需要用到适配器,一般情况下单独使用ViewPager的时候我们使用pagerAdapter,这里我们要使用fragment的时候,我们就需要使用FagmentPagerAdapter,这里说一下FragmentPagerAdapter继承PagerAdapter。
下面看看Adapter适配的使用:
package ledon.com.servicedemo.adapter;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;
/**
* Created by Administrator on 2017/3/30.
*/
public class FragmentAdapter extends FragmentPagerAdapter {
//存放fragment的集合
private List<Fragment> mFragments;
public FragmentAdapter(FragmentManager fm, List<Fragment> mFragments) {
super(fm);
this.mFragments = mFragments;
}
@Override
public Fragment getItem(int position) {
return mFragments.get(position);
}
@Override
public int getCount() {
return mFragments.size();
}
}
FragmentManager 页面管理器,使用这个管理器的时候一定要注意,如果你导入的是支持v4的,以后用到的都要是v4兼容的,不然会出现问题。
接下来创建三个fragment:OneFragment,TwoFragment,ThreeFagment的源码;
在这里xml文件和Java文件都差不多,我们只需要粘贴一个就可以:
xml文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ff0"
android:orientation="vertical">
<TextView
android:text="我是第一个fragment"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
java文件:
package ledon.com.servicedemo.fragment;
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;
import android.widget.Button;
import android.widget.Toast;
import ledon.com.servicedemo.R;
/**
* Created by Administrator on 2017/3/30.
*/
public class OneFragment extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.layout_one, container, false);
return view;
}
}
最后看看我们是怎么让ViewPager嵌套fragment动起来的:
package ledon.com.servicedemo;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import java.util.ArrayList;
import java.util.List;
import butterknife.ButterKnife;
import butterknife.InjectView;
import ledon.com.servicedemo.adapter.FragmentAdapter;
import ledon.com.servicedemo.fragment.OneFragment;
import ledon.com.servicedemo.fragment.ThreeFragment;
import ledon.com.servicedemo.fragment.TwoFragment;
public class ViewPagerActivity extends AppCompatActivity {
@InjectView(R.id.viewpager)
ViewPager viewpager;
@InjectView(R.id.activity_view_pager)
RelativeLayout activityViewPager;
private View one;
private View two;
private View three;
private List<Fragment> list;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_pager);
ButterKnife.inject(this);
initData();
}
/**
* 初始化数据
*/
private void initData() {
//建一个存放fragment的集合,并且把新的fragment放到集合中
list = new ArrayList<Fragment>();
list.add(new OneFragment());
list.add(new TwoFragment());
list.add(new ThreeFragment());
//初始化adapter
FragmentAdapter adapter = new FragmentAdapter(getSupportFragmentManager(), list);
//将适配器和ViewPager结合
viewpager.setAdapter(adapter);
}
}
效果图: