您好,登錄后才能下訂單哦!
本文實例講述了Android編程使用LinearLayout和PullRefreshView實現(xiàn)上下翻頁功能的方法。分享給大家供大家參考,具體如下:
前看過網(wǎng)易云閱讀客戶端,里面的文章可以實現(xiàn)上下拉動實現(xiàn)上下翻頁的效果,感覺體驗效果很不錯。
公司新版本項目的開發(fā)中也要求實現(xiàn)類似的效果,不過還好項目需求里面可以提前知道需要實現(xiàn)上下拉動翻頁的總的頁數(shù)。如果像網(wǎng)易那種不提前知道總的頁數(shù)感覺控制好LinearLayout里面的childView應該也可以達到效果。
好記性不如爛筆頭,先寫下我提前知道總頁數(shù)實現(xiàn)上下拉翻頁的問題吧!
首先布局僅僅是一個簡單的LinearLayout包裹著
<LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/fenleiPullContentLayout" android:orientation="vertical"> </LinearLayout>
然后通過一個for循環(huán)把PullRefreshView包裹進來
pullContentLayout.removeAllViews(); pullViews.clear(); for(int i=0;i<leftEntityData.size();i++){ PullToRefreshProView pullview = (PullToRefreshProView) inflater.inflate(R.layout.fenleipro_item, null); LayoutParams param = new LayoutParams(LayoutParams.MATCH_PARENT, scrollHeight); pullview.setLayoutParams(param); LinearLayout pullayout = (LinearLayout) pullview.findViewById(R.id.fenleirightlayout); RightAdapter adapter = new RightAdapter(rightEntityList.get(i)); pullayout.removeAllViews(); for(int k=0;k<adapter.getCount();k++){ View view = adapter.getView(k, null, null); pullayout.addView(view,k); } pullViews.add(pullview); pullContentLayout.addView(pullview, i); if(i==0){ pullview.setHeaderRefresh(false); pullview.setOnFooterRefreshListener(new MyOnRefreshListener(i)); }else if(i==leftEntityData.size()-1){ pullview.setFooterRefresh(false); pullview.setOnHeaderRefreshListener(new MyOnRefreshListener(i)); }else{ pullview.setOnHeaderRefreshListener(new MyOnRefreshListener(i)); pullview.setOnFooterRefreshListener(new MyOnRefreshListener(i)); } }
代碼說明下:這里的PullToRefreshProView就是一個開源的下拉刷新控件,繼承的是一個LinearLayout實現(xiàn)的。網(wǎng)上有源碼;然后RightAdapter是一個BaseAdapter,通過這個adapter的getview得到每個view,然后把view添加到inflater出的PullToRefreshProView的子Linearlayoyut里面。然后給每個PullToRefreshProView設(shè)置上啦下拉的回調(diào)接口,第一個沒有上啦,最后個沒下拉。這里的MyOnRefreshListener是自己定義的下拉接口
private class MyOnRefreshListener implements OnHeaderRefreshListener,OnFooterRefreshListener{ @Override public void onFooterRefresh(PullToRefreshProView view) { } @Override public void onHeaderRefresh(PullToRefreshProView view) { } }
然后再onFooter和onHeader里面寫下拉上拉邏輯。
這里關(guān)鍵是在動畫效果交互的實現(xiàn)。
上代碼,上拉的動畫
public class PullToRefreshUpAnimation extends Animation{ private View view1,view2; private int delt; private int topMarginView1 = 0; public PullToRefreshUpAnimation(Context context,View v1,View v2,int from,int to){ super(); view1 = v1; view2 = v2; delt = to - from; topMarginView1 = view1.getMeasuredHeight(); setDuration(450); setFillAfter(true); setInterpolator(new DecelerateInterpolator()); } public PullToRefreshUpAnimation(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub setDuration(450); setFillAfter(true); setInterpolator(new DecelerateInterpolator()); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { android.widget.LinearLayout.LayoutParams param = (android.widget.LinearLayout.LayoutParams)view2.getLayoutParams(); param.topMargin = (int) (interpolatedTime*delt); param.height = Math.abs(delt); android.widget.LinearLayout.LayoutParams param1 = (android.widget.LinearLayout.LayoutParams) view1.getLayoutParams(); param1.topMargin = (int) (topMarginView1*(interpolatedTime-1)); param1.height = topMarginView1; view1.setLayoutParams(param1); view2.setLayoutParams(param); } @Override public boolean willChangeBounds() { // TODO Auto-generated method stub return true; } }
下拉動畫
public class PullToRefreshAnimation extends Animation{ private View view; private int delt; public PullToRefreshAnimation(Context context,View v,int from,int to){ super(); view = v; delt = to - from; setDuration(450); setFillAfter(true); setInterpolator(new DecelerateInterpolator()); } public PullToRefreshAnimation(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub setDuration(450); setFillAfter(true); setInterpolator(new DecelerateInterpolator()); } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { android.widget.LinearLayout.LayoutParams param = (android.widget.LinearLayout.LayoutParams)view.getLayoutParams(); param.topMargin = (int) (interpolatedTime*delt); param.height = Math.abs(delt); param.width = android.widget.LinearLayout.LayoutParams.MATCH_PARENT; view.setLayoutParams(param); } @Override public boolean willChangeBounds() { // TODO Auto-generated method stub return true; } }
這兩個動畫的后果是導致最后最外層的LinearLayout包裹的每個子LinearLayout改變了自己的height和topMargin,
所以需要給這個動畫設(shè)置animationListener,然后每次需要上啦下拉動畫前把LinearLayout的height和topMargin重新設(shè)置過來,具體怎么實現(xiàn)看具體情況。
PS:這里的核心實現(xiàn)方式其實就是控制好Linearlayout子LinearLayout的height和topMargin
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android布局layout技巧總結(jié)》、《Android開發(fā)動畫技巧匯總》、《Android開發(fā)入門與進階教程》、《Android視圖View技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android資源操作技巧匯總》及《Android控件用法總結(jié)》
希望本文所述對大家Android程序設(shè)計有所幫助。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。