利用FrameLayout連接一組view實現流暢的左右滑動 – Android移動開發技術文章_手機開發 Android移動開發教學課程

前段時間在網上找到一個左右滑動的例子,廣泛使用在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” 博客

發佈留言