ListView添加分段头信息

zhuimengfb

于 2015-11-11 20:41:53 发布

阅读量537

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/zhuimengfb/article/details/49786223

版权

Android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍如何在ListView中添加分段头信息，通过在Item布局中设置分段头的可见性，以及在MainActivity中初始化ListView，设置滚动监听事件，动态更新顶部的header头信息，实现信息的分类展示。

摘要由CSDN通过智能技术生成

有时候，在ListView中，一段信息可以分为一类，这样就可以为这段信息加一个分段头信息。

可行的方法是在ListView的Item布局中，加入分段头布局，在分段地方设置为可见，其他地方设置为不可见即可。思路特简单，直接上代码。

设置主页类容，包含一个ListView和一个固定在顶部的header用来显示当前段信息。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>

    <include layout="@layout/stage_view" />
</FrameLayout>

其中，stage_view为分段头的布局，通过include进行复用，因为ListView中的Item布局也需要包含这个布局。stage_view布局如下

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorAccent"
    android:textColor="#ffffffff"
    android:paddingLeft="8dp"
    >
</TextView>

ListView中的Item布局listview_item_layout如下

<?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">

    <include layout="@layout/stage_view"/>
    <TextView
        android:id="@+id/tv_listview_item"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:textSize="18sp"
        android:textColor="@color/colorPrimaryDark"
        android:gravity="center_vertical"
        />
</LinearLayout>

布局文件设置好后，重要的是ListView的Adapter的编写，在getView中，判断view的位置的数据和上一个数据是否有区别，有则设置分段头可见，相同者设置为不可见，并且第一个view中的分段头也可见，代码如下

public class MyAdapter extends BaseAdapter {

    private Context context;
    private List<String> data;

    public MyAdapter(Context context, List<String> data) {
        this.context = context;
        this.data = data;
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public Object getItem(int position) {
        return data.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.listview_item_layout, null);
        }
        TextView textView = (TextView) convertView.findViewById(R.id.tv_listview_item);
        textView.setText(data.get(position));
        if (position == 0 || data.get(position).charAt(0) != data.get(position - 1).charAt(0)){
            ( (TextView) convertView.findViewById(R.id.header)).setText(data.get(position).substring(0,1));
        }
        else
            convertView.findViewById(R.id.header).setVisibility(View.GONE);
        return convertView;
    }
}

然后，在MainActivity中初始化view，data，然后设置ListView的滚动监听事件，根据第一个Item来改变固定在顶部的header头信息。

public class MainActivity extends AppCompatActivity {

    private ListView mListView;
    private MyAdapter myAdapter;
    private TextView header;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        initEvent();
    }

    private void initView() {
        mListView = (ListView) findViewById(R.id.listview);
        header = (TextView) findViewById(R.id.header);
    }

    private void initData() {
        List<String> data = new ArrayList<String>();
        data.add("ABC");data.add("ABDDDC");data.add("ABR");data.add("BBC");data.add("BBDDC");data.add("CBC");
        data.add("FBC");data.add("GBC");data.add("GGBC");data.add("LGBC");data.add("LGfdBC");data.add("RGggBC");
        data.add("RGfdBC");data.add("TGBC");
        myAdapter = new MyAdapter(getApplicationContext(), data);
        mListView.setAdapter(myAdapter);
        header.setText(data.get(0).substring(0,1));
    }

    private void initEvent() {
        mListView.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {

            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                header.setText(myAdapter.getItem(firstVisibleItem).toString().substring(0,1));
            }
        });
    }
}

最后显示如下