Tutorial de Android: ¿cómo uso ViewPager para diapositivas de pantalla?

Recientemente, Android ViewPager ha atraído la atención de la gente ya que se utiliza para la implementación de diapositivas de pantalla. Cuando se trata de diapositivas de pantalla, son transiciones entre una pantalla completa y otra. Son muy comunes en interfaces de usuario como asistentes de configuración o presentaciones de diapositivas.

Es posible que muchos de ustedes hayan implementado Viewpager estándar en las aplicaciones de Android, pero ¿alguna vez han intentado usar ViewPager para pantallas de diapositivas?

Si aún no lo ha probado, no hay problema, ya que estamos hablando de cómo usar ViewPager para diapositivas de pantalla aquí.

vamos a empezar

Cree un nuevo proyecto en el menú de archivo.


En la siguiente pestaña, seleccione su dispositivo Android de destino.

En esta pestaña, agregue una actividad a Móvil -> Seleccione Actividad vacía


Ahora ajuste la actividad en esta pestaña y haga clic en Finalizar.


Iniciar la integración del código

· · Activity_main.xml

versión xml =1.0 Codificación =“utf-8”?>

<Disposición relativa xmlns:Androide=“http://schemas.android.com/apk/res/android”

xmlns:Herramientas=“http://schemas.android.com/tools”

android: id =“@ + id / activity_main”

android: layout_width =“match_parent”

android: layout_height =“match_parent”

Herramientas: contexto =“com.viewpagerdemo.MainActivity”>

<android.support.v4.view.ViewPager

android: id =“@ + id / pager”

android: layout_width =“match_parent”

android: layout_height =“match_parent” />

Disposición relativa>

· · fragment_slide.xml

versión xml =1.0 Codificación =“utf-8”?>

<LinearLayout xmlns:Androide=“http://schemas.android.com/apk/res/android”

Androide: id =“@ + id / fragmentLayout”

Androide: layout_width =“match_parent”

Androide: layout_height =“match_parent”

Androide: Gravedad =“Centrar”>

<Vista previa de texto

Androide: textColor =“@android: color / blanco”

Androide: id =“@ + id / textView”

Androide: layout_width =“resumir contenido”

Androide: layout_height =“resumir contenido”

Androide: texto =“1”

Androide: textSize =“35sp”

Androide: textStyle =“Negrita” />

LinearLayout>

· · MainActivity.java

paquete com.viewpagerdemo;

importar android.graphics.Color;

importar android.os.Bundle;

importar android.support.v4.app.Fragment;

importar android.support.v4.app.FragmentManager;

importar android.support.v4.app.FragmentStatePagerAdapter;

importar android.support.v4.view.ViewPager;

importar android.support.v7.app.AppCompatActivity;

Clase pública Actividad principal expandido AppCompatActivity {

@Anular

vacío protegido onCreate (Bundle SavedInstanceState) {

súper.onCreate (SavedInstanceState);

setContentView (R.layout.activity_main);

initControls ();

}}

Privado ViewPager Buscapersonas = cero;;

Privado MyPagerAdapter myPagerAdapter = cero;;

vacío privado initControls () {

Buscapersonas = (ViewPager) findViewById (R.id.Buscapersonas);

// //TODO ZOOM out transform fragment swipe

Buscapersonas.setPageTransformer (cierto, Nuevo ZoomOutPageTransformer ());

// //TODO DepthPageTransformer transforma el deslizamiento de fragmentos

//pager.setPageTransformer(verdadero, nuevo DepthPageTransformer ());

myPagerAdapter = Nuevo MyPagerAdapter (getSupportFragmentManager ());

Buscapersonas.setAdapter (myPagerAdapter);

}}

estupendo MyPagerAdapter expandido FragmentStatePagerAdapter {

Publicidad MyPagerAdapter (FragmentManager fm) {

súper(fm);

}}

@Anular

Publicidad Fragmento getItem (En t Posición) {

Si (Posición == 0) {

regreso SlideFragment.nueva instancia(Color.AZUL, “Página ” + Posición ++);

}} de lo contrario si (Posición == 1) {

regreso SlideFragment.nueva instancia(Color.GRIS, “Página ” + Posición ++);

}} de lo contrario si (Posición == 2) {

regreso SlideFragment.nueva instancia(Color.VERDE, “Página ” + Posición ++);

}} de lo contrario si (Posición == 3) {

regreso SlideFragment.nueva instancia(Color.ROJO, “Página ” + Posición ++);

}}

devolver nulo;;

}}

@Anular

público int getCount () {

regreso Cuarto;;

}}

}}

}}

Si tiene dificultades para implementarlo en su aplicación, hágalo Contrata a un desarrollador de aplicaciones de Android de cualquier empresa de desarrollo de Android con experiencia que ya haya implementado esta función en su trabajo. Antes de contratar a un desarrollador o empresa para su proyecto, puede consultar su cartera de Android para tener una idea de lo que están haciendo.

Obtenga una copia gratuita de Demostración de ViewPager de Github.

Leave a Reply

Your email address will not be published. Required fields are marked *