我怎样才能把用碎片ViewPager冠军?碎片、冠军、ViewPager

2023-09-03 21:35:12 作者:八个字的霸气

我使用ViewPager允许用户片段之间刷卡。

I am using ViewPager to allow user to swipe between fragments.

我怎样才能添加的每个片段的标题屏幕?

How can I add a the title of each fragment to the screen?

package com.multi.andres;

import java.util.List;
import java.util.Vector;

import com.viewpagerindicator.TitlePageIndicator;
import com.viewpagerindicator.TitleProvider;

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 ViewPagerFragment extends FragmentActivity{

    private PagerAdapter mPagerAdapter; //contiene el pager adapter
    private static String[] titulosPaginas = { "APP 1", "APP 2" };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.lcmeter); //layout que contiene el ViewPager

        initialisePaging(); //inicializo las paginas
    }

    private void initialisePaging() {

        List<Fragment> fragments = new Vector<Fragment>();
        fragments.add(Fragment.instantiate(this, FragmentPrueba1.class.getName()));
        fragments.add(Fragment.instantiate(this, FragmentPrueba2.class.getName()));
        this.mPagerAdapter  = new PagerAdapter(super.getSupportFragmentManager(), fragments);

        ViewPager pager = (ViewPager)super.findViewById(R.id.pager);
        pager.setAdapter(this.mPagerAdapter);

        //Agrega los titulos
        TitlePageIndicator titleIndicator = (TitlePageIndicator) findViewById(R.id.titulos);    //layout XML
        titleIndicator.setViewPager(pager);
    }

    /** *************************************************************************************************
    /** Clase:   public class PagerAdapter extends FragmentPagerAdapter implements TitleProvider
    /** Notas:   extends FragmentPagerAdapter permite el uso de las paginas de ViewPager pero con Fragments
    /**          implements TitleProvider permite el uso de los titulos en las paginas
    /** Funcion: crea paginas por las cuales deslizarse horizontalmente las cuales son usadas
    ****************************************************************************************************/
    public class PagerAdapter extends FragmentPagerAdapter implements TitleProvider {

        private List<Fragment> fragments;

        public String getTitle(int position) {
            // TODO Auto-generated method stub
            return titulosPaginas[position];    // titulo de la pagina
        }

        public PagerAdapter(FragmentManager fm, List<Fragment> fragments) {
            super(fm);
            this.fragments = fragments;
        }

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

        @Override
        public Fragment getItem(int position) {
            return this.fragments.get(position);
        }

    }

}

不过,这并不表明ViewPager的冠军,我不知道为什么。我用ViewPager与前冠军,但不与片段,我不能得到冠军,现在的工作。

But it doesn't show the titles of ViewPager and I don't know why. I used ViewPager with titles before but not with fragments and I cannot get titles working now.

推荐答案

您也可以使用杰克沃顿商学院的 ViewPagerIndicator 库,以获得预期的效果。 Davek804的回答也正常运行,但它要求您引用整个ActionBarSherlock库,它并不像preferable如果你只需要一个 ViewPager 支持自定义/风格的游戏

You can also use Jake Wharton's ViewPagerIndicator library to get the desired effect. Davek804's answer works too, but it requires you to reference the entire ActionBarSherlock library, which isn't as preferable if you only need a ViewPager that supports custom/styled titles.

设置它才能正常工作只不过是编写XML的一点点,初始化你的 ViewPager 活动和实施 FragmentAdapter (其中扩展FragmentPagerAdapter实现TitleProvider )来指定哪些页面担任该片段秒。

Setting it up to work correctly is simply a matter of writing a tiny bit of XML, initializing your ViewPager in your Activity, and implementing a FragmentAdapter (which extends FragmentPagerAdapter implements TitleProvider) to specify which pages hold which Fragments.

XML布局

XML layout

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.viewpagerindicator.TabPageIndicator
        android:id="@+id/titles"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

在初始化你的活动

//Set the pager with an adapter
ViewPager pager = (ViewPager)findViewById(R.id.pager);
pager.setAdapter(new CustomAdapter(getSupportFragmentManager()));

//Bind the title indicator to the adapter
TitlePageIndicator titleIndicator = (TitlePageIndicator) findViewById(R.id.titles);
titleIndicator.setViewPager(pager);

实现一个 CustomFragmentAdapter

public static class CustomFragmentAdapter extends FragmentPagerAdapter 
        implements TitleProvider {

        public static final int POSITION_PAGE_1 = 0;
        public static final int POSITION_PAGE_2 = 1;
        public static final int POSITION_PAGE_3 = 2;

        private static final String[] TITLES = new String[] { 
            "Title 1", 
            "Title 2", 
            "Title 3" 
        };

        public static final int NUM_TITLES = TITLES.length;

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

        @Override
        public Fragment getItem(int position) {     
            switch (position) {
            case POSITION_TITLE_1:              
                return PageOneFragment.newInstance();
            case POSITION_TITLE_2: 
                return PageTwoFragment.newInstance();
            case POSITION_TITLE_3:
                return PageThreeFragment.newInstance();         
            }
            return null;
        }

        @Override
        public int getCount() {
            return NUM_TITLES;
        }

        @Override
        public String getTitle(int position) {
            return TITLES[position % NUM_TITLES].toUpperCase();
        }
    }

借助 ViewPagerIndicator 库支持字幕功能:

The ViewPagerIndicator library supports the titling features:

TitlePageIndicator

TabPageIndicator

CirclePageIndicator