पेज ट्रांसफॉर्मर ट्रांसफॉर्मेशन में व्यूपार्ज मार्जिन

Question

मेरे पास एक व्यूपज़र है जिसमें प्रत्येक का विचार डेक पर कार्ड का प्रतिनिधित्व है। प्रत्येक कार्ड में व्यूपार्जर मार्जिन का उपयोग करके सीमा पर एक छाया है:

cardsViewPager.setPageMargin(getResources().getDisplayMetrics().widthPixels/20); 
cardsViewPager.setPageMarginDrawable(R.drawable.shadow); 

और यह अपेक्षा के अनुसार काम करता है।

लेकिन, अगर मैं एक PageTransformer जोड़ सकते हैं ताकि सही पर कार्ड बाईं तरफ के पत्ते के ऊपर एक स्टैक देगा:

cardsViewPager.setPageTransformer(false, new ScalePageTransformer(cardsViewPager)); 

लेकिन अब:

public class ScalePageTransformer implements PageTransformer { 
    private final ViewPager mViewPager; 

    public ScalePageTransformer(ViewPager viewPager) { 
     this.mViewPager = viewPager; 
    } 

    @Override 
    public void transformPage(View page, float position) { 
     if (position <= 0) { 
      int pageWidth = mViewPager.getWidth(); 
      final float translateValue = position * -pageWidth; 
      if (translateValue > -pageWidth) { 
       page.setTranslationX(translateValue); 
      } else { 
       page.setTranslationX(0); 
      } 
     } 
    } 
} 

मैं कर ऐसा करते हैं मार्जिन प्रकट नहीं होता है। अगर पेजरान्सफॉर्मर पर ज़ूम आउट प्रभाव पड़ा, तो मैं देख सकता हूं कि वर्तमान कार्ड को कब घटाया जा रहा है, कि मार्जिन ड्रायबल स्क्रीन पर वर्तमान कार्ड से नीचे है। यहाँ का वर्णन करने के क्या हो रहा है एक तस्वीर है:

नीले कार्ड लाल कार्ड के ऊपर दाएं से बाएं स्वाइप किया जा रहा है। चूंकि लाल कार्ड में पैमाने परिवर्तन होता है, इसलिए हम इसके पीछे काले रंग में मार्जिन को आकर्षित कर सकते हैं।

क्या लाल कार्ड के शीर्ष पर होने वाले मार्जिन को मजबूर करने का कोई तरीका है? क्या यह डिफ़ॉल्ट व्यवहार नहीं होना चाहिए?

Answer 1

अपने देखें पेज के परिवर्तन चरण के लिए इस कोड का उपयोग का प्रयास करें:

private static final float MIN_SCALE = 0.85f; 
private static final float MIN_ALPHA = 0.5f; 

public void transformPage(View view, float position) { 
    int pageWidth = view.getWidth(); 
    int pageHeight = view.getHeight(); 

    if (position < -1) { // [-Infinity,-1) 
     // This page is way off-screen to the left. 
     view.setAlpha(0); 

    } else if (position <= 1) { // [-1,1] 
     // Modify the default slide transition to shrink the page as well 
     float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position)); 
     float vertMargin = pageHeight * (1 - scaleFactor)/2; 
     float horzMargin = pageWidth * (1 - scaleFactor)/2; 
     if (position < 0) { 
      view.setTranslationX(horzMargin - vertMargin/2); 
     } else { 
      view.setTranslationX(-horzMargin + vertMargin/2); 
     } 

     // Scale the page down (between MIN_SCALE and 1) 
     view.setScaleX(scaleFactor); 
     view.setScaleY(scaleFactor); 

     // Fade the page relative to its size. 
     view.setAlpha(MIN_ALPHA + 
       (scaleFactor - MIN_SCALE)/
       (1 - MIN_SCALE) * (1 - MIN_ALPHA)); 

    } else { // (1,+Infinity] 
     // This page is way off-screen to the right. 
     view.setAlpha(0); 
    } 
} 

आशा इस मदद करता है ...

Answer 2

को बदलें

cardsViewPager.setPageTransformer(true, new ScalePageTransformer(cardsViewPager)); 

पहले तर्क चित्रण क्रम

है