最近想写一个小程序,为了实现点击ListView展开的效果,从网上找了一下,也没找到好的实现方法,跟自己想的思路差不多,最后决定还是自己想好了。
一开始是想使用 ExpandableListView 实现点击展开的,做了一下还行效果出来了。
最后还是想使用 ListView来实现。
思路是这样的:
1、先定义ListView里Item的xml布局:
蓝色框住的地方是隐藏的,这里为了显示效果才显示出来。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content"> <RelativeLayout android:layout_width="match_parent" android:layout_height="60dp" android:id="@+id/rl_appitem"> <ImageView android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/iv_icon" android:layout_alignParentTop="true" android:layout_alignParentStart="true" android:layout_marginLeft="10dp" android:layout_marginTop="5dp" android:layout_marginBottom="5dp" android:layout_marginRight="5dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:text="软件名" android:id="@+id/tv_name" android:layout_alignTop="@+id/iv_icon" android:layout_toEndOf="@+id/iv_icon" android:textSize="20dp" android:textColor="@color/text_black" android:singleLine="true" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:text="安装位置" android:id="@+id/tv_location" android:layout_below="@+id/tv_name" android:layout_toEndOf="@+id/iv_icon" android:textSize="16dp" android:singleLine="true" /> </RelativeLayout> <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="48dp" android:layout_alignParentBottom="true" android:layout_alignStart="@+id/iv_icon" android:gravity="center_vertical" android:background="#ffdadada" <span style="color:#FF0000;"> android:visibility="gone"</span> android:id="@+id/ll_app_expand"> <TextView android:layout_width="wrap_content" android:layout_height="40dp" android:textAppearance="?android:attr/textAppearanceMedium" android:text="卸载" android:id="@+id/tv_uninstall" android:layout_weight="1" android:drawableLeft="@mipmap/img1" android:gravity="center_vertical" android:layout_marginLeft="20dp" /> <TextView android:layout_width="wrap_content" android:layout_height="40dp" android:textAppearance="?android:attr/textAppearanceMedium" android:text="打开" android:id="@+id/tv_open" android:layout_weight="1" android:drawableLeft="@mipmap/img2" android:gravity="center_vertical" /> <TextView android:layout_width="wrap_content" android:layout_height="40dp" android:textAppearance="?android:attr/textAppearanceMedium" android:text="分享" android:id="@+id/tv_share" android:layout_weight="1" android:drawableLeft="@mipmap/img3" android:gravity="center_vertical" android:layout_marginRight="20dp" /> </LinearLayout> </LinearLayout>
2、在Activity里定义ListView的点击事件 setOnItemClickListener,点击之后显示隐藏区,就是我们要实现的展开效果:
appList.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { if (position != 0 && position != (userAppListInfo.size() + 1)) { LinearLayout ll = (LinearLayout) view.findViewById(R.id.ll_app_expand); TextView tv_uninstall = (TextView) view.findViewById(R.id.tv_uninstall); TextView tv_open = (TextView) view.findViewById(R.id.tv_open); TextView tv_share = (TextView) view.findViewById(R.id.tv_share); tv_uninstall.setOnClickListener(new MyOnclickListener()); tv_open.setOnClickListener(new MyOnclickListener()); tv_share.setOnClickListener(new MyOnclickListener()); //显示隐藏的bar ll.setVisibility(View.VISIBLE); if (position < (userAppListInfo.size() + 1)) { appInfo = userAppListInfo.get(position - 1); } else { appInfo = sysAppListInfo.get(position-(userAppListInfo.size()+2)); } } } });
3、为三个展开区域的按钮添加点击事件
基本的思路就是这样了。
附上源码:文件不知道怎么上传呢?
直接到GitHub下砸吧:https://github.com/StarsAaron/MobileAssistant.git
要使用Android studio打开哦!!!!!!!