首页 > 代码库 > android listview item点击展开
android listview item点击展开
最近做项目真是头疼呢?之前想用ListViewAnnotation来着,就是可以实现类似于android 通知栏滑动删除的效果。好像是一位大牛自己一个人写的吧。我在这里首先向他致敬。不过,话说回来,实现原理也是比较易于理解的,就是检测你的滑动距离以及速度,再作出判断,进行操作。具体大家参考下Google keep的两种列表模式下滑动删除的操作就理解类。
非常不幸的事,我再布局中用了fragment和biewpager,所以产生了手势冲突,我为此改写了library里的手势操作检测方法,最后勉强改出来的。但是!!!!效果实在惨不忍睹,只好作罢,最后,思来想去,我决定使用listview item点击展开来实现我想要的效果。
好吧,废话说了很多,终于要进入正题了。
首先补充三点知识:
第一点:
getLayoutParams()方法和setLayoutParams()用法
首先,我们利用getLayoutParams()来获得指定控件的LayoutParams。例如:
LinearLayout.LayoutParams lp = (RelativeLayout.LayoutParams) deletButton.getLayoutParams();
然后,我们可以为deleteButton设置layoutparams属性,例如:
lp.width = btnWidth;
lp.leftMargin = 10;
最后,我们将设置好的layoutparams属性设置给指定的控件: deletButton.setLayoutParams(lp);
第二点:
public final int getMeasuredHeight ()
Added in API level 1
Like getMeasuredHeightAndState(), but only returns the raw width component (that is the result is masked by MEASURED_SIZE_MASK).
Returns
The raw measured height of this view.
public final int getHeight ()
Added in API level 1
Return the height of your view.
Returns
The height of your view, in pixels.
getMeasuredHeight()返回的是原始测量高度,与屏幕无关,getHeight()返回的是在屏幕上显示的高度。实际上在当屏幕可以包裹内容的时候,他们的值是相等的,只有当view超出屏幕后,才能看出他们的区别。当超出屏幕后,getMeasuredHeight()等于getHeight()加上屏幕之外没有显示的高度。
第三点:
MeasureSpec的使用。MeasureSpec一般出现在自定义View中,因为在自定义 view中我们经常需要重写该方法,由它来指定自定义控件在屏幕上的大小。
protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec)
onMeasure传入的两个参数是由上一层控件传入的大小,有多种情况,重写该方法时需要对计算控件的实际大小,然后调用setMeasuredDimension(int, int)设置实际大小。
onMeasure传入的widthMeasureSpec和heightMeasureSpec不是一般的尺寸数值,而是将模式和尺寸组合在一起的数值。我们需要通过int mode = MeasureSpec.getMode(widthMeasureSpec)得到模式,用int size = MeasureSpec.getSize(widthMeasureSpec)得到尺寸。
mode共有三种情况,取值分别为MeasureSpec.UNSPECIFIED, MeasureSpec.EXACTLY, MeasureSpec.AT_MOST。
MeasureSpec.EXACTLY是精确尺寸,当我们将控件的layout_width或layout_height指定为具体数值时如andorid:layout_width="50dip",或者为FILL_PARENT是,都是控件大小已经确定的情况,都是精确尺寸。
MeasureSpec.AT_MOST是最大尺寸,当控件的layout_width或layout_height指定为WRAP_CONTENT时,控件大小一般随着控件的子空间或内容进行变化,此时控件尺寸只要不超过父控件允许的最大尺寸即可。因此,此时的mode是AT_MOST,size给出了父控件允许的最大尺寸。
MeasureSpec.UNSPECIFIED是未指定尺寸,这种情况不多,一般都是父控件是AdapterView,通过measure方法传入的模式。
然后,我们可以调用MeasureSpec.makeMeasureSpec(int size, int mode)来进行设置。
好,现在先上一张demo截图,使用者可以自己进行扩充。
哈哈,效果还行吧。那个,图标略显呆萌,还请不要见笑(自己绘制的,苦逼程序员一只啊)。
好,接下来,我们来看一下动效的实现。当然,先上源码。
package wenyue.expandlistview.me;
import android.util.Log;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.widget.LinearLayout.LayoutParams;
/**
* animation
* 2014年十一月十八日
* 苍狼问月
* canglangwenyue.github.io
* @author canglangwenyue
*
*/
public class ViewExpandAnimation extends Animation {
private View mAnimationView = null;
private LayoutParams mViewLayoutParams = null;
private int mStart = 0;
private int mEnd = 0;
public ViewExpandAnimation(View view){
animationSettings(view, 500);
}
public ViewExpandAnimation(View view, int duration){
animationSettings(view, duration);
}
private void animationSettings(View view, int duration){
setDuration(duration);
mAnimationView = view;
mViewLayoutParams = (LayoutParams) view.getLayoutParams();
mStart = mViewLayoutParams.bottomMargin;
mEnd = (mStart == 0 ? (0 - view.getHeight()) : 0);
view.setVisibility(View.VISIBLE);
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
super.applyTransformation(interpolatedTime, t);
if(interpolatedTime < 1.0f){
mViewLayoutParams.bottomMargin = mStart + (int) ((mEnd - mStart) * interpolatedTime);
// invalidate
mAnimationView.requestLayout();
}else{
mViewLayoutParams.bottomMargin = mEnd;
mAnimationView.requestLayout();
if(mEnd != 0){
mAnimationView.setVisibility(View.GONE);
}
}
Log.i("hehe", "interpolatedTime = " + interpolatedTime + " , bottomMargin" +
mViewLayoutParams.bottomMargin);
}
}
动效实现的代码不多,setDuration(duration)设置动效的持续时间。之后调用RelitaveLayout.bottomMargin;对于该属性developer文档解释为The bottom margin in pixels of the child.
mAnimationView.requestLayout();该方法内部会调用Object.layout(...)方法,来重会布局。
至于,listview adapter的重写,就比较简单了。所以,不再贴出全部源码。只说一下需要注意的地方。
首先,你需要在getView(…)中加载自定义listview 的item布局文件:
convertView = myInflater.inflate(R.layout.expand_item, null);
接下来,贴出相应布局文件代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="5dip" >
<RelativeLayout
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<LinearLayout
android:id="@+id/appInfo"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="5dip"
android:orientation="vertical" >
<TextView
android:id="@+id/tvName"
android:layout_width="match_parent"
android:layout_height="45dp"
android:gravity="center|left"
android:text="name"
android:textColor="#000000"
android:layout_marginLeft="20.0dip"
android:textSize="16sp" />
</LinearLayout>
</RelativeLayout>
<RelativeLayout
android:id="@+id/footer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff" >
<Button
android:id="@+id/btnOpen"
android:layout_width="100dip"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginTop="6dip"
android:focusable="false"
android:textColor="#000000"
android:background="@drawable/editbutton"
android:textSize="16sp" />
<Button
android:id="@+id/btnView"
android:layout_width="100dip"
android:layout_height="wrap_content"
android:layout_marginTop="6dip"
android:layout_toRightOf="@id/btnOpen"
android:focusable="false"
android:background="@drawable/start"
android:textColor="#000000"
android:textSize="16sp" />
<Button
android:id="@+id/btnWarning"
android:layout_width="100dip"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginTop="6dip"
android:focusable="false"
android:background="@drawable/tomatodeletebutton"
android:textColor="#000000"
android:textSize="16sp" />
</RelativeLayout>
</LinearLayout>
我设置的是默认在activity onStart时嵌套布局中的第二个RelativeLayout布局文件的内容是被隐藏的。
在BaseAdapter中的设置如下:
RelativeLayout footer = (RelativeLayout) convertView
.findViewById(R.id.footer);
int widthSpec = MeasureSpec.makeMeasureSpec(
(int) (mLcdWidth - 10 * mDensity), MeasureSpec.EXACTLY);
footer.measure(widthSpec, 0);
LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) footer
.getLayoutParams();
params.bottomMargin = -footer.getMeasuredHeight();
footer.setVisibility(View.GONE);
然后,是在onCreate方法中设置setOnItemClickListener方法,在其中设置点击item后,开始动效,再次点击则隐藏,且同一时间只有一个item可以展开(因为个人认为用户不可能在同一时间操作两个 item的隐藏操作),代码如下:
if (mLastTouchTag != null) {
View temp = arg0.findViewWithTag(mLastTouchTag);
if (temp != null) {
View footTemp = temp.findViewById(R.id.footer);
if (footTemp != null
&& (footTemp.getVisibility() != View.GONE)) {
footTemp.startAnimation(new ViewExpandAnimation(
footTemp));
}
}
}
mLastTouchTag = (ViewHolder) v.getTag();
// onion555 end
View footer = v.findViewById(R.id.footer);
footer.startAnimation(new ViewExpandAnimation(footer));
好吧,就写到这里吧,有什么问题,请留言。同样,在最后附上源码下载地址。
点击打开链接
android listview item点击展开
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。