一手遮天 Android

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

一手遮天 Android - view（ListView）: ListView 的表头，表尾，分隔线，滚动条的显示与隐藏，数据更新与 ListView 刷新，滚动到指定位置，监听 ListView 的滚动状态

示例如下:

/view/listview/ListViewDemo6.java

/**
 * ListView 的表头，表尾，分隔线，滚动条的显示与隐藏，数据更新与 ListView 刷新，滚动到指定位置，监听 ListView 的滚动状态
 *
 * 适配器中包含了数据和项模板
 */

package com.webabcd.androiddemo.view.listview;

import android.content.Context;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;

import com.webabcd.androiddemo.R;
import com.webabcd.androiddemo.utils.Helper;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

public class ListViewDemo6 extends AppCompatActivity {

    private ListView _listView1;
    private Button _button1;
    private Button _button2;
    private TextView _textView1;
    private TextView _textView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_listview_listviewdemo6);

        _listView1 = (ListView) findViewById(R.id.listView1);
        _button1 = (Button) findViewById(R.id.button1);
        _button2 = (Button) findViewById(R.id.button2);
        _textView1 = (TextView) findViewById(R.id.textView1);
        _textView2 = (TextView) findViewById(R.id.textView2);

        sample();
    }

    private void sample() {
        // 构造数据
        final List<MyData> myDataList = new ArrayList<MyData>();
        for (int i = 0; i < 100; i++) {
            myDataList.add(new MyData(R.drawable.img_sample_son, "name " + i, "comment " + i));
        }
        final MyAdapter myAdapter = new MyAdapter(myDataList, this);
        _listView1.setAdapter(myAdapter);

        // 为 ListView 指定表头和表尾
        View headerView = LayoutInflater.from(this).inflate(R.layout.item_view_listview_listviewdemo6_header, null, false);
        View footerView = LayoutInflater.from(this).inflate(R.layout.item_view_listview_listviewdemo6_footer, null, false);
        _listView1.addHeaderView(headerView);
        _listView1.addFooterView(footerView);
        // 是否在表头后绘制分隔线
        _listView1.setHeaderDividersEnabled(true);
        // 是否在表尾前绘制分隔线
        _listView1.setFooterDividersEnabled(true);
        // 分隔线的样式
        _listView1.setDivider(Helper.id2drawable(this, R.drawable.shape_listview_divider));
        // 分隔线的高度
        _listView1.setDividerHeight(Helper.dp2px(this, 1));

        // 不显示滚动条（对应的 xml 的属性为 android:scrollbars 其值为 none|horizontal|vertical）
        _listView1.setVerticalScrollBarEnabled(false);
        _listView1.setHorizontalScrollBarEnabled(false);

        // 更新数据后，刷新 ListView
        _button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 更新数据源
                Random random = new Random();
                for (MyData myData : myDataList) {
                    myData.setName("name " + random.nextInt(10000));
                    myData.setComment("comment " + random.nextInt(10000));
                }

                // 通过调用 BaseAdapter 的 notifyDataSetChanged() 来刷新 ListView（重绘可见区域，不改变当前的滚动位置）
                myAdapter.notifyDataSetChanged();
                // 通过调用 BaseAdapter 的 notifyDataSetInvalidated() 来刷新 ListView（重绘整个控件，且滚动到顶部）
                // myAdapter.notifyDataSetInvalidated();
            }
        });

        // 滚动到指定位置
        _button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // setSelection(int position) - 直接定位到指定索引位置的 item 所在的位置（无滚动的动画效果）
                // _listView1.setSelection(50);

                // smoothScrollToPositionFromTop(int position, int offset, int duration) - 滚动到指定索引位置的 item 所在的位置（有滚动的动画效果）
                //     position - 需要滚动到的 item 的索引位置
                //     offset - 最终位置与指定滚动位置的偏移量（单位：像素）
                //     duration - 滚动到指定位置的时间（单位：毫秒）
                _listView1.smoothScrollToPositionFromTop(50, 0, 100);
            }
        });

        // 监听 ListView 的滚动状态
        _listView1.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                // 0 - AbsListView.OnScrollListener.SCROLL_STATE_IDLE（当前没有发生滚动）
                // 1 - AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL（因为用户触摸导致的滚动）
                // 2 - AbsListView.OnScrollListener.SCROLL_STATE_FLING（因为惯性导致的滚动）
                _textView1.setText(String.format("scrollState:%d", scrollState));
            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                // firstVisibleItem - 当前可视区第一条 item 的索引位置
                // visibleItemCount - 当前可视区显示的 item 的总数
                // totalItemCount - ListView 的 item 的总数
                // AbsListView.getFirstVisiblePosition() - 当前可视区第一条 item 的索引位置
                // AbsListView.getLastVisiblePosition() - 当前可视区最后一条 item 的索引位置
                _textView2.setText(String.format("firstVisibleItem:%d, visibleItemCount:%d, totalItemCount:%d, AbsListView.getFirstVisiblePosition():%d, AbsListView.getLastVisiblePosition():%d",
                        firstVisibleItem, visibleItemCount, totalItemCount, view.getFirstVisiblePosition(), view.getLastVisiblePosition()));
            }
        });
    }

    // 自定义实体类
    class MyData {
        private int _logoId;
        private String _name;
        private String _comment;

        public MyData() {
        }

        public MyData(int logoId, String name, String comment) {
            this._logoId = logoId;
            this._name = name;
            this._comment = comment;
        }

        public int getLogoId() {
            return _logoId;
        }

        public String getName() {
            return _name;
        }

        public String getComment() {
            return _comment;
        }

        public void setLogoId(int logoId) {
            this._logoId = logoId;
        }

        public void setName(String name) {
            this._name = name;
        }

        public void setComment(String comment) {
            this._comment = comment;
        }
    }

    // 自定义 BaseAdapter
    class MyAdapter extends BaseAdapter {

        private List<MyData> _myDataList;
        private Context _context;

        public MyAdapter(List<MyData> myDataList, Context context) {
            this._myDataList = myDataList;
            this._context = context;
        }

        // 需要呈现的 item 的总数
        @Override
        public int getCount() {
            return _myDataList.size();
        }

        // 返回指定索引位置的 item 的对象
        @Override
        public Object getItem(int position) {
            return _myDataList.get(position);
        }

        // 返回指定索引位置的 item 的 id
        @Override
        public long getItemId(int position) {
            return position;
        }

        // 每构造一个 item 就会调用一次 getView() 来获取这个 item 的 view
        // 每次绘制 item 都会调用 getView()
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder = null;
            if (convertView == null) {
                convertView = LayoutInflater.from(_context).inflate(R.layout.item_view_listview_listviewdemo6, parent, false);

                holder = new ViewHolder();
                holder.imgLogo = (ImageView) convertView.findViewById(R.id.imgLogo);
                holder.txtName = (TextView) convertView.findViewById(R.id.txtName);
                holder.txtComment = (TextView) convertView.findViewById(R.id.txtComment);
                convertView.setTag(holder); // 将 holder 保存到 convertView 中
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.imgLogo.setBackgroundResource(_myDataList.get(position).getLogoId());
            holder.txtName.setText(_myDataList.get(position).getName());
            holder.txtComment.setText(_myDataList.get(position).getComment());

            return convertView;
        }

        class ViewHolder {
            ImageView imgLogo;
            TextView txtName;
            TextView txtComment;
        }
    }
}

/layout/activity_view_listview_listviewdemo6.xml

<?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:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="更新数据" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="滚动到指定位置"
            android:layout_marginLeft="5dp"/>

    </LinearLayout>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp" />

</LinearLayout>

/layout/item_view_listview_listviewdemo6_header.xml

<?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:orientation="vertical"
    android:gravity="center">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:textSize="18sp"
        android:text="headerView"
        android:gravity="center"
        android:background="#44BBBB"
        android:textColor="#FFFFFF"/>
</LinearLayout>

/layout/item_view_listview_listviewdemo6_footer.xml

<?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:orientation="vertical"
    android:gravity="center">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:textSize="18sp"
        android:text="footerView"
        android:gravity="center"
        android:background="#44BBBB"
        android:textColor="#FFFFFF"/>
</LinearLayout>

/drawable/shape_listview_divider.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--填充-->
    <solid android:color="@color/green" />
</shape>

/layout/item_view_listview_listviewdemo6.xml

<?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:paddingLeft="10dp"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imgLogo"
        android:layout_width="64dp"
        android:layout_height="64dp" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:id="@+id/txtName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#1D1D1D"
            android:textSize="24sp" />

        <TextView
            android:id="@+id/txtComment"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#B4B4B4"
            android:textSize="14sp" />

    </LinearLayout>

</LinearLayout>

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd