• 一手遮天 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

  • 相关阅读:
    js 右击
    javascript 中的函数,控制流, 事件委托
    javascript 的 this , js 线程
    javascript 中的var : 隐含变量 全局变量 变量提升
    明日
    ajax循环json 中的 for(var prop in data) 与 hasProperty()
    js继承机制
    callee, caller,toString(),String()
    解决eclipse中jsp下无代码提示问题
    商业模式
  • 原文地址:https://www.cnblogs.com/webabcd/p/android_view_listview_ListViewDemo6.html
Copyright © 2020-2023  润新知