添加周圍片段幀在ViewPager

Question

我明白，爲了活動之間輕掃我需要使用FragmentPageAdapter在回答這個問題this。

不過，我試圖把一幀Fragments不走動。像畫框一樣，在屏幕邊緣停留的地方，當你滑動時，框架保持原位，而Fragments彼此之間滑動。基本上，掩蔽效應。我怎樣才能實現這個？

以我FragmentActivity的FragmentPagerAdapter我有不同的片段相比，所示的例子是一個列表片段（ArrayListFragment），我打電話。我使用一款通用的片段像這樣：

public static class TestFragment extends Fragment{ 
     /** 
     * Create a new instance of DetailsFragment, initialized to 
     * show the text at 'index'. 
     */ 
     public static TestFragment newInstance(int index) { 
      TestFragment f = new TestFragment(); 

      // Supply index input as an argument. 
      Bundle args = new Bundle(); 
      args.putInt("index", index); 
      f.setArguments(args); 

      return f; 
     } 

     @Override 
     public View onCreateView(LayoutInflater inflater, ViewGroup container, 
       Bundle savedInstanceState) { 
      View v = inflater.inflate(R.layout.mytext, container, false); 
      return v; 
     } 
    } 

中MyText佈局很簡單：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <TextView 
     android:layout_height="fill_parent" 
     android:layout_width="fill_parent" 
     android:text="woohoo" 
     android:gravity="center"></TextView> 

</LinearLayout> 

Answer 1

落實該框架的一種簡單方法是將ViewPager在FrameLayout或自定義一個RelativeLayoutView在它的上面：

<FrameLayout> 
    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <com.luksprog.ViewPagerOverlayFrame 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 
</FrameLayout> 

在該自定義View的onDraw方法你會畫出你想要的框架。下面的代碼將以此爲unswipeable紅框中ViewPager的邊緣附近：

public class ViewPagerOverlayFrame extends View { 

    private Paint mPaint; 

    public ViewPagerOverlayFrame(Context context) { 
     super(context); 
     mPaint = new Paint(); 
     mPaint.setColor(Color.RED); 
      mPaint.setStrokeWidth(60.0f);  
    } 

    public ViewPagerOverlayFrame(Context context, AttributeSet attrs) { 
     super(context, attrs); 
     mPaint = new Paint(); 
     mPaint.setColor(Color.RED); 
     mPaint.setStrokeWidth(60.0f);  
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     super.onDraw(canvas); 
     canvas.drawLine(0, 0, getMeasuredWidth(), 0, mPaint); 
     canvas.drawLine(getMeasuredWidth(), 0, getMeasuredWidth(), 
       getMeasuredHeight(), mPaint); 
     canvas.drawLine(getMeasuredWidth(), getMeasuredHeight(), 0, 
       getMeasuredHeight(), mPaint); 
     canvas.drawLine(0, getMeasuredHeight(), 0, 0, mPaint); 
    } 

} 

您可能需要一些填充添加到ViewPager因此它的內容沒有得到由幀被削去。