Viewpageindicator внутри фрагмента - PullRequest
Новая
       47

Viewpageindicator внутри фрагмента

5 голосов
/ 14 марта 2012

С SherlockActionBar я создал хороший интерфейс. В ландшафтном режиме вы видите как listfragment, так и «detailsfragment».

Теперь я хотел бы добавить viewpageindicator (https://github.com/JakeWharton/Android-ViewPagerIndicator) внутри детального фрейма, поэтому я бы выглядел так: 

--------------------------|
|_1___|TAB1 | TAB2 | ETC  |
|_2___|-------------------|
|_3___|Example: content   |
|_4___| TAB1 of listitem 1| 
|_5___|___________________|

Надеюсь, это понятно. Поэтому я бы использовал FragmentManager / TabPageIndicator внутри фрагмента.

Я это возможно? Я не могу понять это ..: (

Спасибо!

Ответы [ 2 ]

6 голосов
/ 14 марта 2012

Вы не должны помещать Fragment внутрь Fragment.Однако вы можете поместить ViewPager внутрь фрагмента и получить искомый результат.

Некоторое время назад я столкнулся с той же проблемой для одного из моих приложений (только я хотел, чтобы ViewPagerсодержат некоторые ListView с).Это был конечный результат (см. Строки; красный содержит Fragment, синий ViewPagerIndicator, зеленый ViewPager):

Example ViewPager inside a Fragment

Я выполнил это с помощью следующих шагов.Во-первых, для фрагмента детали я создал следующий 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:orientation="vertical">

    <com.viewpagerindicator.TabPageIndicator
        android:id="@+id/viewpagerIndicator"
        android:layout_height="wrap_content"
        android:layout_width="match_parent" />
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

</LinearLayout>

Затем я настроил пользовательский адаптер PagerAdapter для заполнения ViewPager и TabPageIndicator: 

public class MainPagerAdapter extends PagerAdapter implements TitleProvider {

    // constructor
    ...        

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // remove the object (we don't want to keep it in memory as it will get recreated and cached when needed)

        ViewPager viewPager = (ViewPager) container;
        View view = (View) object;
        viewPager.removeView(view);
    }

    @Override
    public Object instantiateItem(View pager, final int position) {
        // inflate your 'content'-views here (in my case I added a listview here)
        // similar to a listadapter's `getView()`-method

        View wrapper = ... // inflate your layout
        ... // fill your data to the appropriate views

        ((ViewPager) pager).addView(wrapper);
    }

    public String getTitle(int position) {
        ... // return the title of the tab
    }
}

Далеев своем фрагменте я установил следующее: 

public class MainFragment extends Fragment {

    private MainPagerAdapter pagerAdapter;
    private TabPageIndicator mIndicator;
    private ViewPager viewPager;

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

        View detailsFrame = context.findViewById(R.id.details_fragment);
        // setup your adapter: pass data, etc.
        this.pagerAdapter = new MainPagerAdapter(...);
        this.viewPager = (ViewPager) context.findViewById(R.id.viewpager);
        viewPager.setAdapter(pagerAdapter);

        this.mIndicator = (TabPageIndicator) context.findViewById(R.id.viewpagerIndicator);
        this.mIndicator.setViewPager(viewPager);
    }
}
0 голосов
/ 14 марта 2012

Вы не можете вкладывать фрагменты внутри фрагментов. Он будет отображаться нормально, но вылетит, когда вы захотите заменить некоторые из них с помощью транзакций.

Взгляните на эти:

...