Android的ListView简单使用的实例


目录

1.例子1:使用ListView 

ListView的简单使用:

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

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



1.例子1:使用ListView 

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

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

绑定监听器:

 

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

 

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

 

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


ListView的简单使用:

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

实现父类的抽象函数:

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

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

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

 

代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp">

    <ImageView
        android:id="@+id/IV_list_Id"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="@color/colorAccent"
        android:scaleType="centerCrop"
        android:layout_marginRight="20dp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:id="@+id/TV_listTitle_Id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="这是标题"
            android:textSize="20dp"
            android:textColor="#ff0000"/>
        <TextView
            android:id="@+id/TV_listTime_Id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2018-8-28"
            android:textSize="20dp" />
        <TextView
            android:id="@+id/TV_listContext_Id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="显示内容"
            android:textSize="20dp"
            android:textColor="#ff9900"
            />
    </LinearLayout>

</LinearLayout>

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

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

 

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

 

整体代码如下:

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:点我查看

图片来源于下图:

运行应用程序:

 

 

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


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

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

命名为list_liem。根布局为selector:

选择被按压的效果:

 

注意: 

 

在这里修改:

 

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

 

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

 

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

 

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

 


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

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

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

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

 

 整体代码:

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;
            }
        });

    }
}

 运行应用程序:


猜你喜欢

转载自blog.csdn.net/qq_36243942/article/details/82085986