android的listview的原始初衷(入门-->会用)

最新推荐文章于 2014-08-14 23:09:03 发布

置顶 lo5sea

最新推荐文章于 2014-08-14 23:09:03 发布

阅读量1.4k

点赞数

分类专栏： android的小解文章标签： listview android layout object image list

本文链接：https://blog.csdn.net/lo5sea/article/details/6653614

版权

android的小解专栏收录该内容

28 篇文章 0 订阅

订阅专栏

某些View容器Widget被设计用来以某种方式显示重复的View对象。这类View容器Widget的代表有ListView、GridView和Gallery。这里主要介绍的是ListView。

ListView：包含一个垂直滚动、水平填充的View对象列表，一般来说，其中的每一项都包含一行数据；用户可以选择其中的一项执行某些操作。

说到ListView，我们应该不能忽略Adapter的存在。这里你回知道如何使用Adapter对象将数据绑定到View对象上。在Android SDK中，Adapter从数据源读取数据，并且按照某种规则将数据提供给View对象，具体的规则则依赖于所使用的Adapter类型。这一View对象随后作为某个AdapterView的子View对象填充其中。

最常见的Adapter(适配器)类是CursorAdapter和ArrayAdapter。见名思意，CursorAdapter是从Cursor获得数据，而ArrayAdapter从一个数组中获取数据。当我们需要从数据库中获取数据的话，则CursorAdapter是最好的选择。ArrayAdapter则适合于读取单列数据或者直接从已知数据中获取数据。

用个实例来跑一下给大家看看把。代码如下：

在Activity类的onCreate()方法中添加下列代码：

         //找到ListView
        ListView mListView = (ListView)findViewById(R.id.listView01);

        //定义数组
        String[] data ={

                  "-------------1-------------",
                  "-------------2-------------",
                  "-------------3-------------",
                  "-------------3-------------",
                  "-------------4-------------",
                  "-------------5-------------",
                  "-------------6-------------",
                  "-------------7-------------",
                  "-------------8-------------"};

        //为ListView提供数组适配器
        /*
              ■android.R.layout.simple_list_item_1   一行text
            ■android.R.layout.simple_list_item_2   一行title，一行text
              ■android.R.layout.simple_list_item_single_choice   单选按钮
            ■android.R.layout.simple_list_item_multiple_choice   多选按钮
            ■android.R.layout.simple_list_item_checked    checkbox
       */
        //创建ArrayAdapter适配器
        ArrayAdapter mAdapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,data);
        //将ArrayAdapter适配器添加到listview
        mListView.setAdapter(mAdapter);

执行的结果如下：

使用CursorAdapter

下面就粘贴处代码：（说明下：是自定义的布局。调的是手机自带的通讯录接口数据库。）

  /*建LinearLayout布局对象 */
  m_LinearLayout = new LinearLayout(this);
  /* 设置布局LinearLayout的属性 */
  m_LinearLayout.setOrientation(LinearLayout.VERTICAL);
  m_LinearLayout.setBackgroundColor(android.graphics.Color.BLACK);

  /* 创建ListView对象 */
  m_ListView = new ListView(this);
  LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
  m_ListView.setBackgroundColor(Color.BLACK);

  /* 添加m_ListView到m_LinearLayout布局 */
  m_LinearLayout.addView(m_ListView, param);

  /* 设置显示m_LinearLayout布局 */
  setContentView(m_LinearLayout);

  // 获取数据库Phones的Cursor
  Cursor cur = getContentResolver().query(ContactsContract.Contacts.CONTENT_URI, null, null, null, null);
  startManagingCursor(cur);

  // ListAdapter是ListView和后台数据的桥梁
  ListAdapter adapter = new SimpleCursorAdapter(this,
   // 定义List中每一行的显示模板
   // 表示每一行包含两个数据项
   android.R.layout.simple_list_item_2,
   // 数据库的Cursor对象
   cur,
   // 从数据库的NAME和NUMBER两列中取数据
   new String[] { PhoneLookup.DISPLAY_NAME, PhoneLookup.NUMBER },
   // 与NAME和NUMBER对应的Views
   new int[] { android.R.id.text1, android.R.id.text2 });

  /* 将adapter添加到m_ListView中 */
  m_ListView.setAdapter(adapter);

以上是ListView经常要用到的两个适配器。代码大家都看到了，不要我给大家总结，大家也应该会知道。

ListView的实现通常是下面几个步骤：

1.在ListView上显示的数据(数组或者数据库取出来的)准备好；

2.适配器（CursorAdapter或者ArrayAdapter);

3.配器添加到listView,最终显示在手机屏幕上。

在Android ListView的使用较为复杂一点，也就是配置其Adapter，Adapter有好多种，用到的就是上面介绍的ArrayAdapter,SimpleAdapter等，首先要生成一个ListView(当然可以使用ListActivity,此Activity整合了ListView)，然后用Adapter来设定ListView的显示数据及布局方式，然后再来响应OnItemClick 事件，或者在ListActivity改写onListItemClick 响应事件函数。看如下代码演示响应了OnItemClick 事件：

        //为ListView设置列表项点击监听器
  mListView.setOnItemClickListener(new OnItemClickListener() {

   @Override
   public void onItemClick(AdapterView<?> parent, View view,
     int position, long id) {
    Toast.makeText(getApplicationContext(),
      "您点击的是："+((TextView) view).getText(), Toast.LENGTH_SHORT).show();
   }
  });

  //为ListView设置长按监听器
  mListView.setOnItemLongClickListener(new OnItemLongClickListener(){

   @Override
   public boolean onItemLongClick(AdapterView<?> parent, View view,
     int position, long id) {
    Toast.makeText(getApplicationContext(),
      "您长按的是："+((TextView) view).getText(), Toast.LENGTH_SHORT).show();
    return false;
   }
  });

运行最终的界面如下：（什么操作会出现对应的提示）

再来一个带有图片的ListView。

这时我通过xml文件来布局。

imagelistview.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">
<ImageView android:id="@+id/image"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="5px"/>
<LinearLayout android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<TextView android:id="@+id/title"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="#FFFFFFFF"
  android:textSize="25px" />
<TextView android:id="@+id/message"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="#FFFFFFFF"
  android:textSize="15px" />
</LinearLayout>
</LinearLayout>

MianActivity类

public class MainActivity extends ListActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  //创建SimpleAdapter适配器
  SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.imagelistview,
  new String[]{"title","info","img"},
  new int[]{R.id.title,R.id.message,R.id.image});
  setListAdapter(adapter);
}

private List<Map<String, Object>> getData() {

  List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
  Map<String, Object> map = new HashMap<String, Object>();
map.put("title", "Android简介");
  map.put("message", "google公司");
  map.put("image", R.drawable.away);
  list.add(map);
  map = new HashMap<String, Object>();
  map.put("title", "运行第一个Android程序");
  map.put("message", "java的环境");
  map.put("image", R.drawable.busy);
  list.add(map);
  map = new HashMap<String, Object>();
  map.put("title", "Android的常用UI控件");
  map.put("message", "很多中，如TextView、");
  map.put("image", R.drawable.msn);   list.add(map);
  return list;
}
}

运行的最终界面如下：

再来一个带有按钮的吧。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
  android:id="@+id/image"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
   android:layout_margin="5px"/>
<LinearLayout
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
<TextView
  android:id="@+id/title"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="#FFFFFFFF"
  android:textSize="25px" />
<TextView
  android:id="@+id/message"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="#FFFFFFFF"
  android:textSize="15px" />
<Button
  android:id="@+id/button"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="查看详情"
  android:layout_gravity="left" />
</LinearLayout>
</LinearLayout>

MianActivity类：

public class MainActivity extends ListActivity {
private List<Map<String, Object>> mData;
@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  mData = getData();
  MyAdapter adapter = new MyAdapter(this);
  setListAdapter(adapter);
}
private List<Map<String, Object>> getData() {
  List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
  Map<String, Object> map = new HashMap<String, Object>();
  map.put("title", "Android简介");
  map.put("message", "google公司");
  map.put("image", R.drawable.away);
  list.add(map);
  map = new HashMap<String, Object>();
  map.put("title", "运行第一个Android程序");
  map.put("message", "java的环境");
  map.put("image", R.drawable.busy);
  list.add(map);
  map = new HashMap<String, Object>();
  map.put("title", "Android的常用UI控件");
  map.put("message", "很多中，如TextView、");
  map.put("image", R.drawable.msn);
  list.add(map);
  return list;
}

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {

}

public void showInfo(){
  new AlertDialog.Builder(this)
  .setTitle("我的listview")
  .setMessage("介绍...")
  .setPositiveButton("确定", new DialogInterface.OnClickListener() {
   @Override
   public void onClick(DialogInterface dialog, int which) {
   }
  })
  .show();
}
public final class ViewHolder{
  public ImageView image;
  public TextView title;
  public TextView message;
  public Button button;
}
public class MyAdapter extends BaseAdapter{
  private LayoutInflater mInflater;
  public MyAdapter(Context context){
   this.mInflater = LayoutInflater.from(context);
  }

  @Override
  public int getCount() {
   return mData.size();
  }
  @Override
  public Object getItem(int arg0) {
   return null;
  }
  @Override
  public long getItemId(int arg0) {
   return 0;
  }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   ViewHolder holder = null;
   if (convertView == null) {
    holder=new ViewHolder();
    convertView = mInflater.inflate(R.layout.buttonlistview, null);
    holder.image = (ImageView)convertView.findViewById(R.id.image);
    holder.title = (TextView)convertView.findViewById(R.id.title);
    holder.message = (TextView)convertView.findViewById(R.id.message);
    holder.button = (Button)convertView.findViewById(R.id.button);
    convertView.setTag(holder);
   }else {
    holder = (ViewHolder)convertView.getTag();
   }
   holder.image.setBackgroundResource((Integer)mData.get(position).get("image"));
   holder.title.setText((String)mData.get(position).get("title"));
   holder.message.setText((String)mData.get(position).get("message"));
   holder.button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     showInfo();
    }
   });
   return convertView;
  }
}
}

看看最后的运行结果吧：

好了。再不懂ListView的朋友，是不是应该........拉出去........呵呵，开玩笑的啦。相信大家应该懂了吧。再不懂的朋友就把我写的代码自己再一个字母一个字母的敲吧。再有不懂的就留言吧。

lo5sea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
android的listview的原始初衷(入门-->会用)

某些View容器Widget被设计用来以某种方式显示重复的View对象。这类View容器Widget的代表有ListView、GridView和Gallery。这里主要介绍的是ListView。 ListView：包含一个垂直滚动、水平填充的View对象列表
复制链接

扫一扫