listview添加标题并且悬停顶部

最新推荐文章于 2024-05-15 00:36:53 发布
最新推荐文章于 2024-05-15 00:36:53 发布
阅读量5.1k 收藏 5
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luckrr/article/details/54946217
版权

给listview添加标题并且随着手势的滑动标题可以悬停在屏幕顶部，效果图如下：



效果实现起来也不是很复杂，需要自定义listview，答题的思路就是自定义的listview顶部有个textview的title，适配器的顶部也有一个，当满足一定条件的时候标题变化，

/***
 * 带标题的listview
 * 
 * @author zhang
 * 
 */
public class TitledListView extends ListView {

	private View mTitle;
	TextView title_text;
	public static boolean FLAG_VIEW;// 隐藏title标识,true:gone ； false:visibile（如果要不显示标题，改值一定要在刷新适配器值前调用）

	public TitledListView(Context context) {
		super(context);
	}

	public TitledListView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public TitledListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		if (mTitle != null) {
			measureChild(mTitle, widthMeasureSpec, heightMeasureSpec);
		}
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		super.onLayout(changed, l, t, r, b);
		if (mTitle != null) {
			mTitle.layout(0, 0, mTitle.getMeasuredWidth(), mTitle.getMeasuredHeight());
		}
	}

	@Override
	protected void dispatchDraw(Canvas canvas) {
		super.dispatchDraw(canvas);
		if (FLAG_VIEW) {
			mTitle.setVisibility(View.GONE);
		} else {
			if (mTitle != null) {

				drawChild(canvas, mTitle, getDrawingTime());
			}
		}
	}

	@Override
	public void setAdapter(ListAdapter adapter) {
		super.setAdapter(adapter);
		LayoutInflater inflater = LayoutInflater.from(getContext());
		mTitle = inflater.inflate(R.layout.title, this, false);
		title_text = (TextView) mTitle.findViewById(R.id.titled_text);
	}

	public void moveTitle(String title) {
		View bottomChild = getChildAt(0);
		if (bottomChild != null) {
			int bottom = bottomChild.getBottom();
			int height = mTitle.getMeasuredHeight();
			int y = 0;
			if (bottom < height) {
				y = bottom - height;
			}
			if (title != null) {
				title_text.setText(title);
			}
			mTitle.layout(0, y, mTitle.getMeasuredWidth(), mTitle.getMeasuredHeight() + y);
		}
	}

	public void updateTitle(String title) {
		if (title != null) {
			title_text.setText(title);
		}
		mTitle.layout(0, 0, mTitle.getMeasuredWidth(), mTitle.getMeasuredHeight());
	}

	public String getTitle() {
		return title_text.getText().toString();
	}
}


主页面布局：

 <LinearLayout
        android:id="@+id/ll_group_hoster"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/bg_white"
        android:orientation="vertical" >

        <com.jingxinlawyer.lawchat.widget.TitledListView
            android:id="@+id/lv_group_hoster"
            android:layout_width="match_parent"
            android:layout_height="fill_parent"
            android:cacheColorHint="#00000000" >
        </com.jingxinlawyer.lawchat.widget.TitledListView>
    </LinearLayout>

适配器布局： 


<?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="match_parent"
    android:background="@drawable/selector_rl_item"
    android:descendantFocusability="beforeDescendants"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/catalog2"
        android:layout_width="fill_parent"
        android:layout_height="32dp"
        android:background="@color/bg_gray"
        android:gravity="center_vertical"
        android:paddingLeft="@dimen/pdingLeftRight"
        android:textColor="@color/text_black" />

    <View style="@style/line" />

    <RelativeLayout
        android:id="@+id/rl_member"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:descendantFocusability="beforeDescendants"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/ivGroupHeader2"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:contentDescription="@string/description"
            android:scaleType="fitXY" />

        <TextView
            android:id="@+id/tvGroupName2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/ivGroupHeader2"
            android:ellipsize="end"
            android:maxLength="12"
            android:text="name"
            android:singleLine="true"
            android:textColor="@color/text_black"
            android:textSize="@dimen/text_name" />
        <TextView
            android:id="@+id/tv_kq_no2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_toRightOf="@id/tvGroupName2"
            android:singleLine="true"
            android:layout_toLeftOf="@+id/tvGroupTime2"
            android:textColor="@color/text_gray"
            android:textSize="@dimen/text_name" />

        <LinearLayout
            android:id="@+id/llGroupIntroduce"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/tvGroupName2"
            android:layout_below="@id/tvGroupName2"
            android:gravity="center" >

         
            <LinearLayout
                android:id="@+id/tvGroupSexAge2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="3dp"
                android:background="@drawable/shape_sex"
                android:gravity="center_vertical"
                android:orientation="horizontal"
                android:paddingLeft="3dp"
                android:paddingRight="3dp" >

                <ImageView
                    android:id="@+id/iv_sex"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/description"
                    android:src="@drawable/qz_nan" />

                <TextView
                    android:id="@+id/tv_age"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="3dp"
                    android:singleLine="true"
                    android:textColor="@color/text_white"
                    android:textSize="12sp" />
            </LinearLayout>

            <TextView
                android:id="@+id/tvGroupHoster2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/shape_near_lawyer_item"
                android:maxLength="12"
                android:padding="2dp"
                android:singleLine="true"
                android:text="律师"
                android:textColor="@color/text_pink"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/tvGroupWork2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="3dp"
                android:background="@drawable/shape_near_lawyer_item"
                android:maxLength="12"
                android:padding="2dp"
                android:singleLine="true"
                android:text="IT"
                android:textColor="@color/text_pink"
                android:textSize="12sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/llUserIntroduce"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/ivGroupHeader2"
            android:layout_alignLeft="@id/tvGroupName2"
            android:layout_below="@id/tvGroupName2"
            android:layout_marginRight="30dp"
            android:gravity="center"
            android:visibility="gone" >

            <TextView
                android:id="@+id/tvContent"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:singleLine="true"
                android:textColor="@color/text_gray"
                android:textSize="@dimen/annotion_text" />
        </LinearLayout>

        <TextView
            android:id="@+id/tvGroupTime2"
            style="@style/user_comment_text"
            android:layout_alignBottom="@id/tvGroupName2"
            android:layout_alignParentRight="true"
            android:singleLine="true" />

        <TextView
            android:id="@+id/tvGroupManger2"
            android:layout_width="35dp"
            android:layout_height="25dp"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/tvGroupTime2"
            android:layout_marginTop="2dp"
            android:background="@drawable/selector_btn1"
            android:gravity="center"
            android:singleLine="true"
            android:text="管理"
            android:textColor="@color/text_white"
            android:visibility="gone" />

        <TextView
            android:id="@+id/tvAddfriend"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/tvGroupTime2"
            android:background="@drawable/selector_btn1"
            android:gravity="center"
            android:singleLine="true"
            android:text="添加"
            android:textColor="@color/text_white"
            android:visibility="gone" />
    </RelativeLayout>

</LinearLayout>

主页面listview的滚动监听判断是否需要替换标题：

 OnScrollListener onScroll = new OnScrollListener() {

        @Override
        public void onScrollStateChanged(AbsListView arg0, int arg1) {

        }

        @Override
        public void onScroll(AbsListView view, int firstVisibleItem,
                             int visibleItemCount, int totalItemCount) {
            if (listUser.size() == 1) {
                ((TitledListView) view).updateTitle(listUser.get(
                        firstVisibleItem).getStrTitle());
            }
            if (listUser != null && listUser.size() > 1) {

                // 第一项与第二项标题不同，说明标题需要移动
                if (!TextUtils
                        .equals(listUser
                                .get(firstVisibleItem)
                                .getStrTitle(), listUser.get(firstVisibleItem + 1)
                                .getStrTitle())) {
                    ((TitledListView) view).moveTitle(listUser.get(
                            firstVisibleItem).getStrTitle());
                } else {
                    ((TitledListView) view).updateTitle(listUser.get(
                            firstVisibleItem).getStrTitle());
                }
            }
        }
    };

适配器判断标题的显示： 

     vh.tvTitle.setText(grouper.getStrTitle());
                if (position == 0) {
                    vh.tvTitle.setVisibility(View.VISIBLE);
                } else if (position < getCount()
                        && !TextUtils.equals(listMember.get(position)
                        .getStrTitle(), listMember.get(position - 1)
                        .getStrTitle())) {
                    vh.tvTitle.setVisibility(View.VISIBLE);

                } else {
                    vh.tvTitle.setVisibility(View.GONE);

                }



发型不给力
关注
带有标题头的listview
BriskLyer的博客
06-22 1304
1.首先是两个数据模型类 package com.example.titlelistviewdemo; public class Data { private String text1, text2, text3; //数据1 2 3 public Data(String text1, String text2, String text3) { this.text1
ListView标题置顶
05-27
这是一个ListView的标题置顶功能的实现
android--ListView实现带标题栏效果（附源码）
04-01
android--ListView实现带标题栏效果（附源码）
listview 加标题
pudongdong的博客
04-21 1690
1）在窗体上布置一个ListView 2）在listView1的“属性”中 将 GridLines设置为True 将 View设置为 Details 3）在listView1的“属性”中，找到 “Columns"属性，点右侧 ...按钮。在编辑器中，点 “添加”按钮，然后修改ColumnHeader的Text属性 4）效果
Listview 标题
weixin_33991727的博客
03-27 92
//只含有list的view View menuview = View.inflate(mActivity, R.layout.news_menu_detail, null); mlvNewsDetail = (ListView) menuview.findViewById(R.id.lv_new_detail); //只含有to...
android 中ListView添加标题和图片,技术要点是自定义SlidingListviewAdapter适配器
jintingbo的专栏
03-06 1232
一、listview控件添加标题: 1、新建一个项目,ListViewDemo，MainActivity.java代码如下: public class MainActivity extends Activity { String[] nameList ={"banbana","apple","orange","Watermelon","Pear","Grape"}; priva...
开发有标题的ListView
gaoxueyi551的专栏
02-05 5154
第一步: 老生常谈, 首先定义相关的布局文件, 和普通的ListView一样, 不再赘述;第二步: 定义一个实体类, 用该实体类来存储一个标题以及该标题下的所有Item的数据，具体示例代码如下; public class MealCategoryEntity { private String mCategoryName; // Item列表, 不...
listview 中添加title的方法
mxnxsyu的专栏
03-14 1898
1.      该view (headertitle.xml )的页面样式在本页面中（headertitle.xml）自己调好；而不是在父页面中调试； 2.
Android listView头部悬停
08-07
这个是listview实现头部悬停功能的Demo，用Android studio直接导入就可以使用
带索引标题listview
09-29
android带索引和标题的listview 有标题 很好用 易懂的源码实现。
android 带固定标题的listview
12-17
带固定标题的listview，支持竖向滚动和横向滚动
android 分组+悬停 listview
06-12
项目中是经常用到的分组+悬停listview。博客地址：http://blog.csdn.net/yehui928186846/article/details/51644756
自定义ListView，头部视图悬停
a23qws的专栏
08-06 1554
实现的效果如下图：
android ListView+自定义标题栏
热门推荐
世上无难事，只要肯攀登
10-10 1万+
1.简单的单行ListView。 代码很如下： public class ListViewOne extends ListActivity{ String [] str = new String [] {"C","Java","C++","PHP","Python","Perl","Rudy","JavaScript"}; @Override public void onCr
2024年最新android Listview固定列头_android scrollview 布局怎么固定标题，2024年最新40岁程序员面试
最新发布
2401_84862187的博客
05-15 948
深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！ 既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新需要这份系统化的资料的朋友，可以戳这里获取 android:id=“@+id/text_check_type” android:la
ListView实现头部悬停效果
qq_lzty的博客
09-21 586
1.布局 2.代码控制
StickListView--悬停效果
pengkv的专栏
05-27 2087
效果图实现思路监听ListView的滑动，等目的项为列表第一个可见的ItemView时，添加一个一个的布局，产生悬停效果实现代码public class CustomViewAcyivity extends BaseActivity { Toolbar toolbar; WindowManager mWindowManager; WindowManager.LayoutPara
ListView 列表悬浮
phenomenon123的博客
11-29 488
项目中要实现Listview中的第一行向上滑动的过程中，随着向上滑动，用户永远可以看到第一行悬浮在屏幕上方。 实现这种效果，主要是监听listview 的滑动事件判断当第一行滑出屏幕后，如何显示第一行的问题。当第一行滑出屏幕后，用户看到的其实是另外一个布局，原来的listview的第一行，其实随着滚动，用户已经看不见了。
android顶部悬停效果(仅用ListView实现)
zyh2525246的博客
08-13 2046
先看一下效果图。。。主要说的是原理。所以界面丑就丑点，大家凑合着看吧。1.布局文件 activity_main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="m
动态ListView添加删除陷阱揭秘：实战指南
"在Android开发中，ListView等AdapterView组件经常用于展示数据列表，然而，在运行时动态添加或删除列表项并非易事，尤其是当涉及到数据源的变化和视图的更新时。本文将揭示在实现这一功能时可能遇到的陷阱和解决...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值