ViewPagerIndicator

Jake Wharton desenvolveu uma framework para criar de forma eficaz e eficiente vários tipos de navegação via Tabs nas aplicações Android. Citei esse framework, chamado,ViewPagerIndicator, em um post anterior e o repositório está localizado em https://github.com/JakeWharton/Android-ViewPagerIndicator/. Segue um exemplo onde usei a classe TitlePageIndicator, uma das classes do framework, para criar minhas Tabs.

	<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.TitlePageIndicator
	android:id="@+id/indicator"
	android:padding="10dip"
	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>

view raw

layout.xml

hosted with ❤ by GitHub

O código Java é tão simples quanto. Crie um ViewPager normalmente, e informe a instância do TitlePageIndicator qual o ViewPager ele estará associado.

	ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
	TitlePageIndicator titleIndicator = (TitlePageIndicator)findViewById(R.id.indicator);
	viewPager.setAdapter(new SeuViewPagerAdapter());
	viewPager.setCurrentItem(getIntent().getIntExtra(VIEWPAGER_LAST_POSITION, 0));
	titleIndicator.setViewPager(viewPager);

view raw

TitlePageIndicator.java

hosted with ❤ by GitHub

Geralmente é preciso criar listener para o ViewPager e listener para as Tabs para que quando aconteça algo em um, reflita imediamente no outro. Sob esse aspecto há um ponto positivo. Quando ligamos o TitlePagerIndicator com o ViewPager através do método setViewPager(), isso já ocorre imediatamente.

Uma pergunta que fiz foi, “Como insiro os títulos nas abas?”. Não demorei a encontrar uma resposta no Google, o que demonstra que tem a tal biblioteca tem sido bem utilizada. O TitlePageIndicator vai exibir em cada Tab o título do Fragment correspondente no ViewPager. Então, em nosso adapter do ViewPager devemos sobrescrever o método getPageTitle() e informar lá o título de cada fragmento e que será capturado e exibido na Tab pelo TitlePageIndicator.

	public class SeuViewPagerAdapter extends FragmentPagerAdapter {

	//Outros métodos

	@Override
	public CharSequence getPageTitle(int position) {
	return "Titulo do fragmento de posição = position";
	}
	}