利用FrameLayout串連一組view實現流暢的左右滑動

前段時間在網上找到一個左右滑動的例子，廣泛使用在uc，墨跡天氣等知名軟體中，網上實現了一個布局的類(具體代碼詳見附件)，繼承FrameLayout,聲明如下：
        public class FlingGallery extends FrameLayout；
 
該類聲明的變數如下：
 
private int mGalleryWidth = 0; 
private boolean mIsTouched = false; 
private boolean mIsDragging = false; 
private float mCurrentOffset = 0.0f; 
private long mScrollTimestamp = 0; 
private int mFlingDirection = 0; 
private int mCurrentPosition = 0; 
private int mCurrentViewNumber = 0; 
 
private Context mContext; 
private Adapter mAdapter; 
private FlingGalleryView[] mViews; 
private FlingGalleryAnimation mAnimation; 
private GestureDetector mGestureDetector; 
private Interpolator mDecelerateInterpolater; 
 
其中主要變數有 mCurrentPosition：當前索引。
                             mCurrentViewNumber：當前view的索引。
                             mViews 用來存放一組滑動的view。
                             mAnimation 動畫動作。
 
        類中還封裝了類似跳轉到下一個view和上一個view的常用切換方法，以及一些常用的布局方法。
 
在activity中可以這樣使用：
 
 
@Override
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        mGallery = new FlingGallery(this); 
        //mGallery.setPaddingWidth(5); 
        mGallery.setAdapter(mBabyListAdapter); 
        mGallery.setIsGalleryCircular(true); 
 
        LinearLayout layout = new LinearLayout(getApplicationContext()); 
        layout = (LinearLayout) PublicFunctionAndUnit.getMainView( 
                GalleryTest.this, layout, mGallery); 
        layout.setBackgroundResource(R.drawable.main_bg); 
 
        setContentView(layout); 
 
    } 
在adapter中把要顯示的views放入其中,代碼如下：
 
BaseAdapter mBabyListAdapter = new BaseAdapter() { 
 
@Override
public int getCount() { 
return 7; 
} 
 
@Override
public Object getItem(int position) { 
return null; 
} 
 
@Override
public long getItemId(int position) { 
return 0; 
} 
 
@Override
public View getView(int position, View convertView, ViewGroup parent) { 
// GalleryViewItem item = new GalleryViewItem(GalleryTest.this, 
// position); 
LinearLayout item = getLinearLayout(GalleryTest.this, position); 
return item; 
} 
}; 
private int[] itemViewIds = new int[] { R.layout.item1, R.layout.item2, 
R.layout.item3, R.layout.item4, R.layout.item5, R.layout.item6, 
R.layout.item7 }; 
 
private LinearLayout getLinearLayout(Context context, int position) { 
LinearLayout layout = new LinearLayout(context); 
LayoutInflater factory = LayoutInflater.from(context); 
View item = factory.inflate(itemViewIds[position], null); 
layout.addView(item, new LinearLayout.LayoutParams( 
LinearLayout.LayoutParams.FILL_PARENT, 
LinearLayout.LayoutParams.FILL_PARENT)); 
return layout; 
} 

        在使用過程中，發現該類，只有跳轉到上一個和下一個view 的方法，不能指定跳轉到某個view，仔細觀察代碼後，這個方法可以使用它所給的nextd等實現，代碼如下：
public void moveToViewbyId(int id) 
        { 
                  int num=id-mCurrentPosition; 
                  if(num!=0) 
                  { 
                           if(num>0) 
                           { 
                                    for(int i=0;i<num;i++) 
                                    { 
                                              moveNext(); 
                                    } 
                           } 
                           else
                           { 
                                    for(int i=0;i<(0-num);i++) 
                                    { 
                                              movePrevious(); 
                                    } 
                           } 
                  } 
                   
        } 
        這裡這樣寫這個方法實際上是取巧自上一步與下一步方法，把當前id與要跳轉的id相減，得出要跳轉次數，進行跳轉，如果深入修改該類中的moveNext方法或者movePrevious方法同樣可以完成該操作，不過沒有這個方法簡潔明了。
 
本文出自 “HDDevTeam” 部落格