Android: animación de diseño como aplicación de noticias de Inshorts

Deslizar hacia arriba y hacia abajo efecto como las aplicaciones de noticias inshorts , noticias de caminata , murmur .

Todo el diseño suavemente arriba / abajo.
Comprobar la aplicación en este enlace inshort y murmur .

He intentado este código …

public class VerticalViewPager extends ViewPager { public VerticalViewPager(Context context) { super(context); init(); } public VerticalViewPager(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { // The majority of the magic happens here setPageTransformer(true, new VerticalPageTransformer()); // The easiest way to get rid of the overscroll drawing that happens on the left and right setOverScrollMode(OVER_SCROLL_NEVER); } private class VerticalPageTransformer implements PageTransformer { @SuppressLint("NewApi") @Override public void transformPage(View view, float position) { if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. view.setAlpha(0); } else if (position <= 1) { // [-1,1] view.setAlpha(1); // Counteract the default slide transition view.setTranslationX(view.getWidth() * -position); //set Y position to swipe in from top float yPosition = position * view.getHeight(); view.setTranslationY(yPosition); } else { // (1,+Infinity] // This page is way off-screen to the right. view.setAlpha(0); } } } /** * Swaps the X and Y coordinates of your touch event. */ private MotionEvent swapXY(MotionEvent ev) { float width = getWidth(); float height = getHeight(); float newX = (ev.getY() / height) * width; float newY = (ev.getX() / width) * height; ev.setLocation(newX, newY); return ev; } @Override public boolean onInterceptTouchEvent(MotionEvent ev){ boolean intercepted = super.onInterceptTouchEvent(swapXY(ev)); swapXY(ev); // return touch coordinates to original reference frame for any child views return intercepted; } @Override public boolean onTouchEvent(MotionEvent ev) { return super.onTouchEvent(swapXY(ev)); } } 

En MainActivity.java

 VerticalViewPager Pager2; PagerAdapter adapter; String[] articleTitle; String[] articleName; String[] articleDiscription; OnCreate() Pager2=(VerticalViewPager)findViewById(R.id.pager); // Pass results to ViewPagerAdapter Class adapter = new ViewPagerAdapter(getActivity(), articleTitle, articleName, articleDiscription, btnBack,articleImage); // Binds the Adapter to the ViewPager Pager2.setAdapter(adapter); 

Activity_main.xml

 <com.example.flipnews.VerticalViewPager android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/pager" /> 

En mi código simple arriba-abajo golpe hecho, como este enlace . Pero quiero crear mejor efecto de animación como las aplicaciones mencionadas anteriormente. O el efecto incorporado de la galería de la foto del teléfono.

Gracias por adelantado.

Encontré solución después de muchas investigaciones espero que sea útil para otros.

Sugerencia: establecer el color de fondo del paginador de vista para un mejor efecto de deslizar.

  private static class VerticalPageTransformer implements PageTransformer { private static float MIN_SCALE = 0.75f; public void transformPage(View view, float position) { int pageWidth = view.getWidth(); if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. view.setAlpha(0); } else if (position <= 0) { // [-1,0] // Use the default slide transition when moving to the left page view.setAlpha(1); //view.setTranslationX(1); view.setScaleX(1); view.setScaleY(1); float yPosition = position * view.getHeight(); view.setTranslationY(yPosition); view.setTranslationX(-1 * view.getWidth() * position); } else if (position <= 1) { // (0,1] // Fade the page out. view.setAlpha(1 - position); view.setTranslationX(-1 * view.getWidth() * position); // Scale the page down (between MIN_SCALE and 1) float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position)); view.setScaleX(scaleFactor); view.setScaleY(scaleFactor); } else { // (1,+Infinity] // This page is way off-screen to the right. view.setAlpha(0); } } } private MotionEvent swapXY(MotionEvent ev) { float width = getWidth(); float height = getHeight(); float newX = (ev.getY() / height) * width; float newY = (ev.getX() / width) * height; ev.setLocation(newX, newY); return ev; } @Override public boolean onInterceptTouchEvent(MotionEvent ev){ boolean intercepted = super.onInterceptTouchEvent(swapXY(ev)); swapXY(ev); // return touch coordinates to original reference frame for any child views return intercepted; } @Override public boolean onTouchEvent(MotionEvent ev) { return super.onTouchEvent(swapXY(ev)); } } 
  • Android: ¿Cómo configuro el tamaño del texto para un diseño?
  • Cómo dar un efecto posterize en imageview?
  • Recursos de Android $ NotFoundException
  • Mala disposición XML con Eclipse-ADT
  • Eclipse IDE - Android Diseño gráfico y diseño XML Side by Side
  • Vistas personalizadas de Android en Eclipse Visual Editor
  • fijar la gravedad del ancla del FABRICANTE dinámicamente
  • ¿Cómo puedo usar IDs duplicados en diferentes diseños?
  • ¿Por qué no debería establecer layout_width y layout_height en un estilo?
  • Diseño de material control paso a paso
  • Dropbox como inicio de sesión?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.