viewpager - view tabs android

Problema de representación de ViewPager personalizado en ciertos dispositivos:

Question

He desarrollado un tipo de mecanismo de rotación para elegir personal en la aplicación. Es un Buscapersonas Personalizado que permite presentar más de un elemento en la pantalla en cada momento (3 en mi caso) y rodeado de sombras desde ambos lados.

así es como debería verse y funcionar así en dispositivos como el Nexus 5 , Nexus 4 , Galaxy S3 :

Pero en algunos dispositivos como ( Sony Xperia y diferentes tipos de Motorola ) el renderizado se ve mal, aquí está el resultado:

En cuanto al código que arbitre a esta publicación de blog por @Commonsware :

http://commonsware.com/blog/2012/08/20/multiple-view-viewpager-options.html

Y la tercera opción es qué código puede encontrar aquí .

Aquí está mi código relevante:

PagerContainer:

    public class PagerContainer extends FrameLayout implements ViewPager.OnPageChangeListener {

    private ViewPager mPager;
    boolean mNeedsRedraw = false;

    public PagerContainer(Context context) {
        super(context);
        init();
    }

    public PagerContainer(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public PagerContainer(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    private void init() {
        //Disable clipping of children so non-selected pages are visible
        setClipChildren(false);

        //Child clipping doesn''t work with hardware acceleration in Android 3.x/4.x
        //You need to set this value here if using hardware acceleration in an
        // application targeted at these releases.
        if (Build.VERSION.SDK_INT >= 11 && Build.VERSION.SDK_INT < 19)
        {
            setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        }
    }

    @Override
    protected void onFinishInflate() {
        try {
            mPager = (ViewPager) getChildAt(0);
            mPager.setOnPageChangeListener(this);
        } catch (Exception e) {
            throw new IllegalStateException("The root child of PagerContainer must be a ViewPager");
        }
    }

    public ViewPager getViewPager() {
        return mPager;
    }

    private Point mCenter = new Point();
    private Point mInitialTouch = new Point();

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        mCenter.x = w / 2;
        mCenter.y = h / 2;
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        //We capture any touches not already handled by the ViewPager
        // to implement scrolling from a touch outside the pager bounds.
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mInitialTouch.x = (int)ev.getX();
                mInitialTouch.y = (int)ev.getY();
            default:
                ev.offsetLocation(mCenter.x - mInitialTouch.x, mCenter.y - mInitialTouch.y);
                break;
        }

        return mPager.dispatchTouchEvent(ev);
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //Force the container to redraw on scrolling.
        //Without this the outer pages render initially and then stay static
        if (mNeedsRedraw) invalidate();
    }

    @Override
    public void onPageSelected(int position) { 
        invalidate();
    }

    @Override
    public void onPageScrollStateChanged(int state) {
        mNeedsRedraw = (state != ViewPager.SCROLL_STATE_IDLE);
    }
}

Parte de inicio:

  //Size View Pager:
    //========================================
    pagerSize = mContainerSize.getViewPager();
    adapter = new MySizePagerAdapter();
    pagerSize.setAdapter(adapter);
    //Necessary or the pager will only have one extra page to show  make this at least however many pages you can see
    pagerSize.setOffscreenPageLimit(adapter.getCount());
    //A little space between pages
    pagerSize.setPageMargin(15);
    //If hardware acceleration is enabled, you should also remove  clipping on the pager for its children.
    pagerSize.setClipChildren(false);

Más investigación me llevó a entender que este problema tiene algo que ver con la aceleración del Hardware o la falta de él en algunos dispositivos. Pero deshabilitarlo a través del código tampoco me ayudó.

¿Alguien ha encontrado este problema y sabe cómo solucionarlo?

Gracias por adelantado.

Answer 1

Intentaría configurar el layerType de ViewPager y sus hijos para el procesamiento de software, en lugar del diseño del marco principal.

También puede consultar esta publicación en el blog: http://udinic.wordpress.com/2013/09/16/viewpager-and-hardware-acceleration/

Answer 2

Terminé usando otra implementación de una ViewPager que me dio el mismo resultado, pero el problema de renderizado no se veía allí, este es el código:

  private class MyTypePagerAdapter extends PagerAdapter {

    @Override
    public Object instantiateItem(ViewGroup container, int position) {

        TextView view = new TextView(getActivity());
        view.setText(mTempBeverageList.get(position).getName().toUpperCase());
        if (!wasTypeChanged && (!isLocaleHebrew  && position == 1))
        {
            view.setTypeface(null, Typeface.BOLD);
            view.setTextSize(19);
        }
        else
        {
            view.setTextSize(16);
        }
        view.setSingleLine();
        view.setGravity(Gravity.CENTER);
        view.setTextColor(getResources().getColor(R.color.cups_black));
        view.setBackgroundColor(getResources().getColor(R.color.cups_cyan));
        container.addView(view);
        return view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
      container.removeView((View)object);
    }

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

    @Override
    public float getPageWidth(int position) {
      return (0.33333f);
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
      return (view == object);
    }
} 

Y la parte de inicialización:

pagerType= (ViewPager) view.findViewById(R.id.pagerType);   
pagerType.setAdapter(new MyTypePagerAdapter());
pagerType.setOffscreenPageLimit(6);