Android 自定义View基础(四)－－ListView

小鱼儿 2022-09-29 05:19 222阅读 0赞

这篇文章主要是总结ListView的使用：

首先来说说ListView，几乎所有的app都在使用listview，所以熟练使用ListView是作为Android移动开发必不可少的。

*  **Adapter**
 *  **ViewHolder**
 *  **setEnpty()**
 *  **自动隐藏,显示的ListView**
 *  **聊天界面的ListView**

--------------------

## Adapter ##

对于ListView而言，Adapter就是“弹夹”，給ListView添加数据和视图，这里只讲解继承自BaseAdapter的自定义Adapter。模版代码如下：

public class ViewHolderAdapter extends BaseAdapter { 
        private List<String> list;
        private LayoutInflater inflater;
    
        public ViewHolderAdapter(Context context, List<String> list) {
            this.list = list;
            inflater = LayoutInflater.from(context);
        }
        //返回item个数
        @Override
        public int getCount() {
            return list == null ? 0 : list.size();
        }
       //返回position对应的数据
        @Override
        public Object getItem(int position) {
            return list.get(position);
        }
      //返回position
        @Override
        public long getItemId(int position) {
            return position;
        }
      //返回item的视图View
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder viewHolder;
            if (convertView == null) {
                convertView = inflater.inflate(R.layout.listview_itm, null);
                viewHolder = new ViewHolder();
                viewHolder.iv = (ImageView)                
                            convertView.findViewById(R.id.list_iv);
                 viewHolder.tv = (TextView) 
                            convertView.findViewById(R.id.list_tv);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.iv.setText(list.get(position));
            viewHolder.tv.setImageResource(R.mipmap.ic_launcher);
            return convertView;
        }
    
        public final class ViewHolder { 
            private ImageView iv;
            private TextView tv;
    }

## ViewHolder ##

如上代码中ViewHolder可以提高视图的重复利用，提高效率。通常都是在adapter中创建内部类。参数就是我们item view中的对应的控件。

## setEnpty() ##

在实际开发中，我们都知道，当网络不好的时候，我们的app是无法从服务端获取数据的,那么这时就需要加载不同的布局給用户。  
这里就需要到setEnpty(),使用代码如下

adapter = new ViewHolderAdapter(this, dataList);
            lv.setAdapter(adapter);
            lv.setEmptyView(findViewById(R.id.empty_view));

添加我们要展示的控件，当然这里可以自定控件来实现布局的加载。  
处理没有数据时应该加载的布局

## 自动隐藏,显示的ListView ##

![SouthEast][]  
这里在Activity上实现View.OnTouchListener,然后重写onTouch方法，在方法中我们判断ActionBar的显示和隐藏。把如下代码中的bin换为，你想隐藏，显示的控件。

@Override
        public boolean onTouch(View v, MotionEvent event) {
    
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mFirstY = (int) event.getY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    mCurrentY = (int) event.getY();
                    if (mCurrentY - mFirstY > mTouchSlop) {
                        direction = 0;//down
                    } else if (mFirstY - mCurrentY > mTouchSlop) {
                        direction = 1;//up
                    }
                    Log.e(TAG, "direction==" + direction);
                    if (direction == 0) {
                        if (btn.getVisibility() != View.VISIBLE) {
                            btn.setVisibility(View.VISIBLE);
                        }
                    }
                    if (direction == 1) {
                        if (btn.getVisibility() != View.GONE) {
                            btn.setVisibility(View.GONE);
                        }
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    break;
            }
            return false;//这里必须返回false,不然listView的基本功能都没有了
        }

然后就是在onCreate中使用listview的setonTouchListener.

//获取系统认为的最低滑动距离 mTouchSlop==36
            mTouchSlop = ViewConfiguration.get(this).getScaledEdgeSlop();
            lv.setOnTouchListener(this);

## 聊天界面的ListView ##

最后再实现一个类似于聊天界面，简单实现一下。

![SouthEast 1][]

首先我们需要两个itemViewLayout.代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >
        <ImageView android:id="@+id/icon_in" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" />
        <TextView android:id="@+id/text_in" android:layout_marginLeft="20dp" android:layout_toRightOf="@+id/icon_in" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:background="@android:color/black" android:textColor="@android:color/white" android:textSize="20sp" />
    </RelativeLayout>

因为两个除位置不同其它都相同，所以这里只贴出一个的代码。

然后，就是Adapter的实现，与我们以往的同这里需要多实现两个方法，

//获取listView中position的布局类型
        @Override
        public int getItemViewType(int position) {
            return data.get(position).getType();
        }
        //获取listView中的布局类型个数
        @Override
        public int getViewTypeCount() {
            return 2;
        }

在getView中做相应的改变，我们的Adapter中代码如下：

public class ChartListAdapter extends BaseAdapter { 
        private List<ChartBean> data;
        private LayoutInflater inflater;
    
        public ChartListAdapter(Context context, List<ChartBean> list) {
            this.data = list;
            inflater = LayoutInflater.from(context);
        }
    
        @Override
        public int getCount() {
            return data == null ? 0 : 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) {
            ViewHolder viewHolder=null;
            if (convertView == null) {
    
                if (getItemViewType(position)==0){
                    viewHolder = new ViewHolder();
                    convertView = inflater.inflate(R.layout.chat_item_itemin, null);
                    ImageView iv = (ImageView) convertView.findViewById(R.id.icon_in);
                    TextView tv = (TextView) convertView.findViewById(R.id.text_in);
                    viewHolder.setIv(iv);
                    viewHolder.setTv(tv);
                }
                if (getItemViewType(position)==1){
                    viewHolder = new ViewHolder();
                    convertView = inflater.inflate(R.layout.chat_item_itemout, null);
                    ImageView iv = (ImageView) convertView.findViewById(R.id.icon_out);
                    TextView tv = (TextView) convertView.findViewById(R.id.text_out);
                    viewHolder.setIv(iv);
                    viewHolder.setTv(tv);
                }
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.tv.setText(data.get(position).getText());
            viewHolder.iv.setImageBitmap(data.get(position).getIcon());
            return convertView;
        }
    
    
        //获取listView中position的布局类型
        @Override
        public int getItemViewType(int position) {
            return data.get(position).getType();
        }
        //获取listView中的布局类型个数
        @Override
        public int getViewTypeCount() {
            return 2;
        }
    
        public final class ViewHolder { 
    
           ImageView iv;
           TextView tv;
    
            public ImageView getIv() {
                return iv;
            }
    
            public void setIv(ImageView iv) {
                this.iv = iv;
            }
    
            public TextView getTv() {
                return tv;
            }
    
            public void setTv(TextView tv) {
                this.tv = tv;
            }
        }
    }

如果你已经看完上面的代码，会发现有一个ChartBean，这是什么呢？实际上这就是一个模拟聊天信息中的数据的一个基本类，

public class ChartBean {
        int type;
        private String text;
    
        public int getType() {
            return type;
        }
    
        public void setType(int type) {
            this.type = type;
        }
    
        public String getText() {
            return text;
        }
    
        public void setText(String text) {
            this.text = text;
        }
    
        public Bitmap getIcon() {
            return icon;
        }
    
        public void setIcon(Bitmap icon) {
            this.icon = icon;
        }
    
        private Bitmap icon;
    }

[SouthEast]: /images/20220708/e6c2ab57dd6c482d8ec548c4adcf9dc0.png
[SouthEast 1]: /images/20220708/3cc3e037bca84130a1e4764a3f70dec9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android自定义View基础

Android中有两种坐标系，分别称之为Android坐标系和视图坐标系,而对应的方法获取坐标系的坐标值,以下是作出区别: Android的坐标系是什么样的? 屏幕上的默认

怼烎@/ 2023年07月19日 12:30/ 0 赞/ 44 阅读

相关 Android 自定义View基础(五)--DragView

接着前面几篇文章，我们这篇文章实现拖动控件的效果： ![SouthEast][] 实现如上的效果有以下几种方法： layout() offsetLeftAnd

﹏ヽ暗。殇╰゛Y/ 2022年09月29日 12:00/ 0 赞/ 231 阅读

相关 Android 自定义View基础(四)－－ListView

这篇文章主要是总结ListView的使用：首先来说说ListView，几乎所有的app都在使用listview，所以熟练使用ListView是作为Android移动开发必不

小鱼儿/ 2022年09月29日 05:19/ 0 赞/ 223 阅读

相关 Android 自定义View基础(三)－－ViewGroup

本文主要是实现类似于ScrollView的一个控件,代码相当简单： ![SouthEast][] 自定义ViewGroup通常需要重写onMeasure()来对子View进

叁歲伎倆/ 2022年09月29日 04:06/ 0 赞/ 311 阅读

相关 Android 自定义View基础(二)

接着上一篇[《Android 自定义View基础(一)》][Android _View]，这一篇我们真正的来实现一个文字自定义控件：自定义控件的步骤：自定义属性

偏执的太偏执、/ 2022年09月27日 15:21/ 0 赞/ 239 阅读

相关 Android 自定义View基础(一)

该博客主要时记录简单的自定义的View的使用： -------------------- 学习Android的童鞋都知道，View这是最基本也是最重要的部分，在开发过程中，

怼烎@/ 2022年09月27日 07:07/ 0 赞/ 295 阅读

相关 Android自定义View基础之自定义View分类及须知

自定义View的分类继承View重写onDraw方法该方法主要用于实现一些不规则的效果，即这种效果不方便通过布局的组合方式来达到，往往需要静态或动态的显

妖狐艹你老母/ 2022年07月14日 09:38/ 0 赞/ 286 阅读

相关 Android自定义View

前几天在郭霖大神的博客上看了自定义View的知识，感觉受益良多，大神毕竟大神。在此总结一下关于Android 自定义View的用法：首先，自定义View可以由基本控件或者组

左手的ㄟ右手/ 2022年07月11日 13:10/ 0 赞/ 422 阅读

相关 Android自定义View

如何自定义控件 1. 自定义属性的声明和获取 2. 测量onMeasure：测量自定义控件的尺寸 3. 绘制onDraw：绘制自定义控件 4. 状态的存储与恢复：

蔚落/ 2022年05月30日 09:13/ 0 赞/ 408 阅读

相关 android 自定义listview

android 自定义listview MainActivity.java public class MainActivity extends AppCompa

短命女/ 2022年03月11日 05:08/ 0 赞/ 334 阅读