android listView学习

1、最简单的ListView
main.xml布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".ListiView" >
    <!--这里是一个ListView组建设置了分割线的颜色(android:divider="#f00")分割线亮度(android:dividerHeight)-->
    <!--在该ListView中引用了一个数组资源name-->
    <ListView 
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:divider="#f00"
        android:dividerHeight="2px"
        android:headerDividersEnabled="false"
        android:entries="@array/name"
        />
</RelativeLayout>
数组资源在res目录layout目录下的array.xml中
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="name">
        <item>Lucy</item>
        <item>Lily</item>
        <item>Hnamei</item>
        <item>Hanlei</item>
    </string-array>
</resources>
通过下面代码运行
package android.listview.listview_1;
import android.os.Bundle;
import android.app.Activity;
public class ListiView extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}
2、使用Adapter类
ArrayAdapter(Context, int, array)第一个参数是上下文,第二个参数是显示的TextView,
第三个参数需要显示的数据。ArrayAdapter的作用就是将相应的数据显示在相应的TextView
中去。
首先布局main.xml在其中需要有两个ListView来显示两个View列表
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <!-- 两个ListView的分隔符颜色不同 -->
    <ListView
        android:id="@+id/list1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:divider="#f00"
        android:dividerHeight="2px"
        android:headerDividersEnabled="false" />
    <ListView
        android:id="@+id/list2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:divider="#0f0"
        android:dividerHeight="2px"
        android:headerDividersEnabled="false" />
</LinearLayout>
分别建立两个布局,都是只有一个TextView组件(布局组件都不包括)。即是两种显示方式
name.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
/>

nation.xml
<?xml version="1.0" encoding="utf-8"?>
<CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:checkMark="?android:attr/textCheckMark"
/>
利用下面程序对布局Adapter进行组装运行
package android.listview.listview_2;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class ListView_Adapter extends Activity {
    private static String [] names = {"Lucy", "Lily", "HanMei", "LiLei"};
    private static String [] nations = {"US", "UK", "CN", "CA"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        // 得到list1并且给它添加ArrayAdapter
        ListView v1 = (ListView)findViewById(R.id.list1);
        /* 第一个参数是当前的上下文(ListView_Adapter对象),第二个是一个仅仅含有TextView组件的布局,第三个是
        一个数组(数据)*/
        // 将数组数据分别放在了每一个View中并且显示
        ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(this, R.layout.name, names); 
        v1.setAdapter(adapter1);
        
        ListView v2 = (ListView)findViewById(R.id.list2);
        ArrayAdapter<String> adapter2 = new ArrayAdapter<String>(this, R.layout.nation, nations); 
        v2.setAdapter(adapter2);
    }    
}
3、继承ListActivity
不需要setContentView(R.layout.main)来创建视图,而是以setListAdapter(adapter)添加adapter来创建视图。
代码如下
package android.listview.listview_3;

import android.app.ListActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
public class ListView_3 extends ListActivity {
    private static String [] names = {"Lucy", "Lily", "HanMei", "HanLei"}; 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.main);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.main, names);
        this.setListAdapter(adapter);
    }    
}
需要一个用来显示的组建TextView,这个文件在main.xml中
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#0000ff" 
/>
这样就可以达到列表显示数据的效果了。
4、SimpleAdapter的使用
在总体布局中需要一个ListView组件,用来显示每一个需要显示的条目
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
    <ListView
        android:id="@+id/mylist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>
需要一个显示每条条目的布局
row.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip" >
    <ImageView
        android:id="@+id/head"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:textSize="14dp" />
        <TextView
            android:id="@+id/desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:textSize="10dp" />
    </LinearLayout>
</LinearLayout>
在运行的时候程序会将整个条目放入到ListView中去,达到显示效果
通过以下程序进行组装数据和组件
package android.listview.listview_4;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;

public class SampleAdapterTs extends Activity {
    private static String [] names = {"Lucy", "Lily", "HanMei", "HanLei"};
    private static String [] descs = {"I'm Lucy", "I'm Lily", "I'm HanMei", "I'm HanLei"};
    private static int [] heads = {R.drawable.h1,R.drawable.h2,R.drawable.h3,R.drawable.h4};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ListView list = (ListView)findViewById(R.id.mylist);

        List<Map<String, Object>> items = new ArrayList<Map<String, Object>>();
        for(int i =0 ;i < names.length; i++){
            Map<String, Object> item = new HashMap<String, Object>();
            item.put("head", heads[i]);
            item.put("name", names[i]);
            item.put("desc", descs[i]);
            items.add(item);
        }
        // 参数说明:
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, items, R.layout.row, new String[]{"head","name","desc"}, new int[]{R.id.head, R.id.name, R.id.desc});
        list.setAdapter(simpleAdapter);
        
        // 可以添加上点击事件
        list.setOnItemClickListener(new OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                // 此处的Context应该是自己的Activity
                Toast.makeText(SampleAdapterTs.this, names[position] + " say hello~", Toast.LENGTH_SHORT).show();
            }});
        }
    }
}
SimpleAdapter 需要5个参数,第一个是上下文,第二个就是我们组建的一个数据结构,第三个是每个条目的布局,第四个是我们设置的键值,
最后一个是显示值的所有组件。
(第四个参数:通过键值可以找到每一个item中的值,第五个参数告诉程序将值放入相应的组件中去)
5、BaseAdapter的使用
可以对BaseAdapter的方法,来完成自己的需求
一个布局main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:
    <ListView
        android:id="@+id/mylist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>
主要程序
package android.listview.listview_5;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class BaseAdapterTest extends Activity {
    private TextView text;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ListView myList = (ListView) findViewById(R.id.mylist);
        BaseAdapter baseAdapter = new BaseAdapter() {
            // 创建的记录数
            @Override
            public int getCount() {
                return 20;
            }
            @Override
            public Object getItem(int position) {
                return null;
            }
            @Override
            public long getItemId(int position) {
                return position;
            }
            // 一条项显示的内容,返回一个项
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                LinearLayout line = new LinearLayout(BaseAdapterTest.this);
                line.setOrientation(0);
                ImageView image = new ImageView(BaseAdapterTest.this);
                image.setImageResource(R.drawable.ic_launcher);
                text = new TextView(BaseAdapterTest.this);
                text.setText("第" + (position + 1) + "个元素");
                text.setTextSize(20);
                text.setTextColor(Color.RED);
                line.addView(image);
                line.addView(text);
                return line;
            }
        };
        myList.setAdapter(baseAdapter);
        // 添加事件
        myList.setOnItemClickListener(new OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                Toast.makeText(BaseAdapterTest.this, "第" + (position + 1) + "元素", Toast.LENGTH_SHORT).show();
            }
        });
    }
}
这就是对ListView的学习。

 

转载于:https://www.cnblogs.com/xinyuyu/p/3660361.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值