Android的ListView简单使用的实例(附Demo)


 

目录

1.例子1:使用ListView 

ListView的简单使用:

 2.例子2:设置ListView点击效果

3.例子3:为ListView绑定监听器 



Demo地址:https://github.com/zGuangYuan/Androidstudio_example   

1.例子1:使用ListView 

新建一个应用程序,然后再MianActivity中设置一个监听器,跳转到显示ListView控件的这个Activity上:

在布局文件中,简单定义一个按钮:

Android的ListView简单使用的实例(附Demo)_第1张图片

绑定监听器:

Android的ListView简单使用的实例(附Demo)_第2张图片

在原有的包中,新建一个包命名为ListView,和前面的分开,以便管理,在ListView这个包中新建一个(Blank Activity):用来定义ListView控件:

Android的ListView简单使用的实例(附Demo)_第3张图片

然后在上面这个布局文件对应的Activity,获取控件对象,并设置Adapter的属性:

Android的ListView简单使用的实例(附Demo)_第4张图片

接下来的重点就是继承BaseAdapter,然后复写他们里面的方法实现ListView 


ListView的简单使用:

在ListView中新建一个类MyAdapter继承BaseAdapter

Android的ListView简单使用的实例(附Demo)_第5张图片

实现父类的抽象函数:

Android的ListView简单使用的实例(附Demo)_第6张图片

 复写的方法中,主要关注的是:

public View getView(int position, View convertView, ViewGroup parent)方法

 先把上面的放一放,新建一个布局文件:名为,layout_list_item,为listView提示图片和文字的一个布局文件

Android的ListView简单使用的实例(附Demo)_第7张图片

Android的ListView简单使用的实例(附Demo)_第8张图片

代码如下:




    
    
        
        
        
    

 


回到MyAdapter.java这个函数,去复写这其中那个重要的一些方法:

Android的ListView简单使用的实例(附Demo)_第9张图片

新建一个静态类ViewHolder,把需要用的控件给引用过来;

Android的ListView简单使用的实例(附Demo)_第10张图片

复写其中最重要的一个方法: 

Android的ListView简单使用的实例(附Demo)_第11张图片

整体代码如下:

package com.example.yuan.e05_listview.ListView;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.bumptech.glide.Glide;
import com.example.yuan.e05_listview.R;

public class MyAdapter extends BaseAdapter {
    private Context mContext;
    private LayoutInflater mLayoutInflater;
    //MyAdapter的构造函数,一个Context类型的参数,也就是哪一个Activity
    //这里传进去的是 ListViewActivity,ListView所在的Activity
    public MyAdapter(Context context){
        this.mContext=context;
        mLayoutInflater =LayoutInflater.from(context);
    }
    @Override
    public int getCount() {
        return 10;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

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

    //写一个静态的class,把layout_list_item的控件转移过来使用
    static class ViewHolder{
        //声明引用
        public ImageView imageView;
        public TextView tvTitle,tvTime,tvContext;
    }
    //重要的方法
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //实例化ViewHolder
        ViewHolder holder = null;
        //如果视图为空
        if (convertView == null){
            //此处需要导入包,填写ListView的图标和标题等控件的来源,来自于layout_list_item这个布局文件
            convertView = mLayoutInflater.inflate(R.layout.layout_list_item,null);
            //生成一个ViewHolder的对象
            holder = new ViewHolder();
            //把layout_list_item对象转移过来,以便修改和赋值
            holder.imageView = (ImageView) convertView.findViewById(R.id.IV_list_Id);
            holder.tvTitle= (TextView) convertView.findViewById(R.id.TV_listTitle_Id);
            holder.tvTime = (TextView) convertView.findViewById(R.id.TV_listTime_Id);
            holder.tvContext= (TextView) convertView.findViewById(R.id.TV_listContext_Id);
            //把这个holder传递进去
            convertView.setTag(holder);
        }else {
            holder = (ViewHolder) convertView.getTag();
        }
        //给控件赋值
        holder.tvTitle.setText("这是标题!");
        holder.tvTime.setText("2099-09-09!");
        holder.tvContext.setText("显示内容!");
        Glide.with(mContext).load("http://pic18.nipic.com/20120203/2457331_104836021342_2.jpg").into(holder.imageView);
        return convertView;
    }
}

 图片来源于网络,load中的地址就是网络图片地址,关于使用三方库加载ImageView:点我查看

图片来源于下图:

Android的ListView简单使用的实例(附Demo)_第12张图片

运行应用程序:

 Android的ListView简单使用的实例(附Demo)_第13张图片

Android的ListView简单使用的实例(附Demo)_第14张图片

已上就是ListView最简单的使用。


 2.例子2:设置点击效果

 简单的增加一些点击效果,新建一个Drawable文件:

Android的ListView简单使用的实例(附Demo)_第15张图片

命名为list_liem。根布局为selector:

Android的ListView简单使用的实例(附Demo)_第16张图片

选择被按压的效果:

Android的ListView简单使用的实例(附Demo)_第17张图片

注意: 

 

在这里修改:

增加两个需要用到的颜色,透明色代码是#00000000: 

 然后设置这个selector按下是红色,不按下是透明色(也就是没效果):

Android的ListView简单使用的实例(附Demo)_第18张图片

最后一步还需要在ListView的布局文件设置一下按压的属性:

Android的ListView简单使用的实例(附Demo)_第19张图片

运行应用程序,试试看,当我们选中哪个框,哪个框会变成我们设的红色了:

Android的ListView简单使用的实例(附Demo)_第20张图片


3.例子3:为ListView绑定监听器 

 为ListView控件绑定监听器,回到ListViewActivity:

ListView总共有十个条目,我们可以获取到到底是哪一个条目被选中,其中有两个方法,一个是常单击,一个是短点击:

Android的ListView简单使用的实例(附Demo)_第21张图片

设置长按和短按,显示点击的条目,并且长按条目0,调回上一个界面: 

Android的ListView简单使用的实例(附Demo)_第22张图片

 整体代码:

package com.example.yuan.e05_listview.ListView;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

import com.example.yuan.e05_listview.MainActivity;
import com.example.yuan.e05_listview.R;

import static android.widget.AdapterView.*;

public class ListViewActivity extends AppCompatActivity {

    private ListView mLV1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        //获取控件对象
        mLV1=(ListView) findViewById(R.id.lv_1_Id);
        //设置一个设配器,最重要的一个方法
        mLV1.setAdapter(new MyAdapter(ListViewActivity.this));
        //为ListView设置监听器
        mLV1.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                //设置一个弹窗,显示是哪个被点击了
                Toast.makeText(ListViewActivity.this,"点击位置"+position,Toast.LENGTH_SHORT).show();
            }
        });
        mLV1.setOnItemLongClickListener(new OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView parent, View view, int position, long id) {
                //设置一个弹窗,显示是哪个被点击了
                Toast.makeText(ListViewActivity.this,"长按位置"+position,Toast.LENGTH_SHORT).show();
                if(position ==0) {
                    Intent intent = new Intent(ListViewActivity.this, MainActivity.class);
                    startActivity(intent);
                }
                return true;
            }
        });

    }
}

 运行应用程序:

Android的ListView简单使用的实例(附Demo)_第23张图片


 

你可能感兴趣的:(Android,学习笔记)