Поскольку это очень часто задаваемый вопрос, я хотел потратить время и усилия, чтобы подробно объяснить ViewPager с несколькими фрагментами и макетами. Готово.
ViewPager с несколькими файлами фрагментов и макетов - Как сделать
Ниже приведен полный пример того, как реализовать ViewPager с разными типами фрагментов и разными файлами макета.
В этом случае у меня есть 3 класса фрагментов и отдельный файл макета для каждого класса. Чтобы упростить задачу, макеты фрагментов различаются только цветом фона . Конечно, для фрагментов можно использовать любой layout-файл.
FirstFragment.java имеет оранжевый фоновый макет, SecondFragment.java - зеленый фоновый макет, а ThirdFragment.java - красный фоновый макет. Кроме того, каждый фрагмент отображает различный текст в зависимости от того, к какому классу он принадлежит и какому экземпляру.
Также имейте в виду, что я использую фрагмент библиотеки поддержки: android.support.v4.app.Fragment
MainActivity.java (инициализирует Viewpager и имеет для него адаптер в качестве внутреннего класса). Еще раз взгляните на импорт. Я использую пакет android.support.v4
.
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
public class MainActivity extends FragmentActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewPager pager = (ViewPager) findViewById(R.id.viewPager);
pager.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
}
private class MyPagerAdapter extends FragmentPagerAdapter {
public MyPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int pos) {
switch(pos) {
case 0: return FirstFragment.newInstance("FirstFragment, Instance 1");
case 1: return SecondFragment.newInstance("SecondFragment, Instance 1");
case 2: return ThirdFragment.newInstance("ThirdFragment, Instance 1");
case 3: return ThirdFragment.newInstance("ThirdFragment, Instance 2");
case 4: return ThirdFragment.newInstance("ThirdFragment, Instance 3");
default: return ThirdFragment.newInstance("ThirdFragment, Default");
}
}
@Override
public int getCount() {
return 5;
}
}
}
activity_main.xml (файл MainActivitys .xml) - простой файл макета, содержащий только ViewPager, заполняющий весь экран.
<android.support.v4.view.ViewPager
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/viewPager"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
Классы фрагментов, FirstFragment.java import android.support.v4.app.Fragment;
public class FirstFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.first_frag, container, false);
TextView tv = (TextView) v.findViewById(R.id.tvFragFirst);
tv.setText(getArguments().getString("msg"));
return v;
}
public static FirstFragment newInstance(String text) {
FirstFragment f = new FirstFragment();
Bundle b = new Bundle();
b.putString("msg", text);
f.setArguments(b);
return f;
}
}
first_frag.xml
<?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"
android:background="@android:color/holo_orange_dark" >
<TextView
android:id="@+id/tvFragFirst"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:textSize="26dp"
android:text="TextView" />
</RelativeLayout>
SecondFragment.java
public class SecondFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.second_frag, container, false);
TextView tv = (TextView) v.findViewById(R.id.tvFragSecond);
tv.setText(getArguments().getString("msg"));
return v;
}
public static SecondFragment newInstance(String text) {
SecondFragment f = new SecondFragment();
Bundle b = new Bundle();
b.putString("msg", text);
f.setArguments(b);
return f;
}
}
second_frag.xml
<?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"
android:background="@android:color/holo_green_dark" >
<TextView
android:id="@+id/tvFragSecond"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:textSize="26dp"
android:text="TextView" />
</RelativeLayout>
ThirdFragment.java
public class ThirdFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.third_frag, container, false);
TextView tv = (TextView) v.findViewById(R.id.tvFragThird);
tv.setText(getArguments().getString("msg"));
return v;
}
public static ThirdFragment newInstance(String text) {
ThirdFragment f = new ThirdFragment();
Bundle b = new Bundle();
b.putString("msg", text);
f.setArguments(b);
return f;
}
}
Third_frag.xml
<?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"
android:background="@android:color/holo_red_light" >
<TextView
android:id="@+id/tvFragThird"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:textSize="26dp"
android:text="TextView" />
</RelativeLayout>
Конечный результат следующий:
Viewpager содержит 5 фрагментов, фрагменты 1 относятся к типу FirstFragment и отображают макет first_frag.xml, фрагмент 2 имеет тип SecondFragment и отображает файл second_frag.xml, а фрагменты 3-5 относятся к типу ThirdFragment, и все они отображают файл third_frag.xml. .
Выше вы можете увидеть 5 фрагментов, между которыми можно переключаться, проводя пальцем влево или вправо. Разумеется, одновременно может отображаться только один фрагмент.
И последнее, но не менее важное:
Я бы рекомендовал вам использовать пустой конструктор в каждом из ваших классов фрагментов.
Вместо того, чтобы передавать потенциальные параметры через конструктор, используйте метод newInstance(...)
и Bundle
для передачи параметров.
Таким образом, при отсоединении и повторном присоединении состояние объекта может быть сохранено с помощью аргументов. Как и Bundles
, прикрепленный к Intents
.
person
Philipp Jahoda
schedule
23.08.2013