Android仿QQ可拉伸头部控件

2023-08-08 18:12:04 68

本文实例为大家分享了Android仿QQ可拉伸头部控件的具体实现代码，供大家参考，具体内容如下

该控件大致思路：

1.采用继承listview加入头部view。
2.监听listview滚动。
3.自定义动画回弹。

先看效果吧：

activity-main.xml布局如下：

headerview.xml布局：

list_item布局：

activity代码：

packagecom.example.headerlistview;

importjava.util.ArrayList;
importjava.util.HashMap;
importjava.util.List;
importjava.util.Map;

importandroid.os.Bundle;
importandroid.app.Activity;
importandroid.view.LayoutInflater;
importandroid.view.Menu;
importandroid.view.View;
importandroid.widget.BaseAdapter;
importandroid.widget.ImageView;
importandroid.widget.ListView;
importandroid.widget.SimpleAdapter;

publicclassMainActivityextendsActivity{

privateHeaderListViewheader_lv;

privateImageViewheader_iv;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
getHeaderView();
initView();
}


privatevoidinitView(){
//TODOAuto-generatedmethodstub
header_lv=(HeaderListView)findViewById(R.id.header_lv);
header_lv.addHeaderView(getHeaderView());
header_lv.setHeaderView(header_iv);
header_lv.setAdapter(getSimpleAdapter());
}

publicBaseAdaptergetSimpleAdapter(){
List>data=newArrayList>();
for(inti=0;i<15;i++){
Mapmap=newHashMap();
map.put("name","郑州___"+i);
map.put("describe","asdfasdfasdfasdfasdfsadfsad");
data.add(map);
}

SimpleAdaptersimpleAdapter=newSimpleAdapter(this,data,R.layout.list_item,newString[]{"name","describe"},newint[]{R.id.tv_name,R.id.tv_describe});
returnsimpleAdapter;
}

publicViewgetHeaderView(){
Viewview=getLayoutInflater().inflate(R.layout.headerview,null);
header_iv=(ImageView)view.findViewById(R.id.header_image);
returnview;
}

}

自定义控件HeaderListView:

packagecom.example.headerlistview;

importjava.security.spec.ECField;

importandroid.annotation.SuppressLint;
importandroid.content.Context;
importandroid.util.AttributeSet;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.view.animation.Animation;
importandroid.view.animation.Transformation;
importandroid.widget.ImageView;
importandroid.widget.ListView;

publicclassHeaderListViewextendsListView{

privateImageViewheaderView;

privateintheaderView_initHeight;//imageview初始高度

publicvoidsetHeaderView(ImageViewheaderView){
this.headerView=headerView;
}

publicHeaderListView(Contextcontext){
super(context);
//TODOAuto-generatedconstructorstub
}

publicHeaderListView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
//TODOAuto-generatedconstructorstub
}

publicHeaderListView(Contextcontext,AttributeSetattrs){
super(context,attrs);
//TODOAuto-generatedconstructorstub
}

/**
*listview焦点改变时--获取iamgeview高度的初始值，该值不能在构造方法中获取
*/
@Override
publicvoidonWindowFocusChanged(booleanhasWindowFocus){
//TODOAuto-generatedmethodstub
super.onWindowFocusChanged(hasWindowFocus);
if(hasWindowFocus){
this.headerView_initHeight=headerView.getHeight();
}
}

@SuppressLint("NewApi")@Override
protectedbooleanoverScrollBy(intdeltaX,intdeltaY,intscrollX,
intscrollY,intscrollRangeX,intscrollRangeY,
intmaxOverScrollX,intmaxOverScrollY,booleanisTouchEvent){
//滑动过头的时候调用
booleanbl=resizeHeaderView(deltaY);

returnbl?true:super.overScrollBy(deltaX,deltaY,scrollX,scrollY,scrollRangeX,
scrollRangeY,maxOverScrollX,maxOverScrollY,isTouchEvent);
}

/**
*控制imageview高度的增加
*@paramdeltaY偏移量
*/
privatebooleanresizeHeaderView(intdeltaY){
if(Math.abs((double)deltaY)<200){
if(deltaY<0){
headerView.getLayoutParams().height=headerView.getHeight()-deltaY;
//重新绘制
headerView.requestLayout();
}else{
headerView.getLayoutParams().height=headerView.getHeight()-deltaY;
headerView.requestLayout();
}
}

returnfalse;
}

@Override
protectedvoidonScrollChanged(intl,intt,intoldl,intoldt){
//TODOAuto-generatedmethodstub
super.onScrollChanged(l,t,oldl,oldt);
//获取imageview父控件
Viewparent=(View)headerView.getParent();
//当父控件的top值小于零或者高度大于原始高度时触发
if(parent.getTop()<0||headerView.getHeight()>headerView_initHeight){
headerView.getLayoutParams().height=headerView.getHeight()+parent.getTop();
parent.layout(parent.getLeft(),0,parent.getRight(),parent.getHeight());
headerView.requestLayout();
}
}

@Override
publicbooleanonTouchEvent(MotionEventev){
//TODOAuto-generatedmethodstub
if(ev.getAction()==MotionEvent.ACTION_UP||ev.getAction()==MotionEvent.ACTION_CANCEL){
MyAnimationanimation=newMyAnimation(headerView,headerView_initHeight);
animation.setDuration(200);
headerView.startAnimation(animation);
}
returnsuper.onTouchEvent(ev);
}

publicclassMyAnimationextendsAnimation{

privateImageViewheader_iv;
privateintcurrentHeight;
privateinttargetHeight;
privateintpoorHeight;

publicMyAnimation(ImageViewiv,inttargetHeight){
this.header_iv=iv;
this.targetHeight=targetHeight;
this.currentHeight=iv.getHeight();
this.poorHeight=this.currentHeight-this.targetHeight;
}

/**
*动画执行期间执行该方法，不断执行
*interpolatedTime：当前时间与duration的时间比（时间执行百分比）
*/
@Override
protectedvoidapplyTransformation(floatinterpolatedTime,
Transformationt){
//TODOAuto-generatedmethodstub
super.applyTransformation(interpolatedTime,t);
this.header_iv.getLayoutParams().height=(int)(currentHeight-poorHeight*interpolatedTime);
this.header_iv.requestLayout();
}
}

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android仿QQ可拉伸头部控件

热门推荐

随机推荐