时间:2021-05-20
本文实例讲述了Android编程使用LinearLayout和PullRefreshView实现上下翻页功能的方法。分享给大家供大家参考,具体如下:
前看过网易云阅读客户端,里面的文章可以实现上下拉动实现上下翻页的效果,感觉体验效果很不错。
公司新版本项目的开发中也要求实现类似的效果,不过还好项目需求里面可以提前知道需要实现上下拉动翻页的总的页数。如果像网易那种不提前知道总的页数感觉控制好LinearLayout里面的childView应该也可以达到效果。
好记性不如烂笔头,先写下我提前知道总页数实现上下拉翻页的问题吧!
首先布局仅仅是一个简单的LinearLayout包裹着
<LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/fenleiPullContentLayout" android:orientation="vertical"></LinearLayout>然后通过一个for循环把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实现的。网上有源码;然后RightAdapter是一个BaseAdapter,通过这个adapter的getview得到每个view,然后把view添加到inflater出的PullToRefreshProView的子Linearlayoyut里面。然后给每个PullToRefreshProView设置上啦下拉的回调接口,第一个没有上啦,最后个没下拉。这里的MyOnRefreshListener是自己定义的下拉接口
private class MyOnRefreshListener implements OnHeaderRefreshListener,OnFooterRefreshListener{ @Override public void onFooterRefresh(PullToRefreshProView view) { } @Override public void onHeaderRefresh(PullToRefreshProView view) { }}然后再onFooter和onHeader里面写下拉上拉逻辑。
这里关键是在动画效果交互的实现。
上代码,上拉的动画
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,
所以需要给这个动画设置animationListener,然后每次需要上啦下拉动画前把LinearLayout的height和topMargin重新设置过来,具体怎么实现看具体情况。
PS:这里的核心实现方式其实就是控制好Linearlayout子LinearLayout的height和topMargin
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android布局layout技巧总结》、《Android开发动画技巧汇总》、《Android开发入门与进阶教程》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android资源操作技巧汇总》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了Android编程实现小说阅读器滑动效果的方法。分享给大家供大家参考,具体如下:看过小说都知道小说阅读器翻页有好多种效果,比如仿真翻页,滑动翻页,
本文实例讲述了Android编程之线性布局LinearLayout用法。分享给大家供大家参考,具体如下:线性布局(LinearLayout)可以让它的子元素垂直
本文实例为大家分享了Android答题器翻页功能,主要使用ViewFilpper和GestureDetector来实现,供大家参考,具体内容如下1.效果图2.实
本文实例讲述了Android编程之简单计时器实现方法。分享给大家供大家参考,具体如下:这里利用ContextMenu(上下文菜单),Chronometer实现简
本文实例讲述了android编程之多线程编程实现方法。分享给大家供大家参考。具体分析如下:该功能与前面《android开发socket编程之udp发送实例分析》