Android学习笔记⑦——UI组件的学习AdapterView相关1

AdapterView是一个非常重要的组件之一，他非常灵活，所以得好好学。。。AdapterView本身是一个抽象类，派生出来的子类用法也十分相似，只是界面有一定的区别，因此本节把他们归为一类

AdapterView的特性有：AdapterView 继承了ViewGroup，即它的本质是一个容器 、AdapterView可以包括多个列表项，并且将他们合适的显示、AdapterView与适配器Adapter是有着千丝万缕的关系的，一般都是AdapterView调用setAdapter()方法来填充。

具体的 继承图如下：图片的来源(http://blog.csdn.net/yongyu_it/article/details/44096953)

ListView配合简单数组实例

下面就让我们先来学习ListView控件的相关用法：

不用Adapter接口来实现内容的填充，直接在values - strings 中添加一个所需要的数组，具体代码如下：

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

     <ListView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:entries="@array/books"
         android:divider="@color/red"
         android:dividerHeight="4px"
         ></ListView>
 </LinearLayout>

strings中的数组代码：

<resources>
    <string name="app_name">AdapterView组件测试 </string>
    <string-array name="books">
        <item>Android基础1</item>
        <item>Android基础2</item>
        <item>Android基础3</item>
        <item>Android基础4</item>
        <item>Android基础5</item>
    </string-array>
</resources>

运行的截图如下：

这是一个简单的运用，其中的 android:entries="@array/books" 是用来得到该列表的数组资源的，使用数组创建ListView十分简单，之所以简单，是因为这样的方法很难定制其他的，比如更改列表项的字体、颜色、外观，所以如果想更改就要把ListView作为AdapterView使用，通过Adapter来实现。

Adapter相关

Adapter本身是一个接口，也派生出来ListAdapter和SpinnerAdapter两个子接口具体的图如下所示：( 图片来自百度图库 )

从上面的继承图可以看出 还是蛮清晰的，几乎所有的Adapter都继承BaseAdapter。那么多，就学习一些常用的吧。

Adapter常用的实现类有：

ArrayAdapter ：简单、易用，通常用于数组或者List集合的多个值包装成多个列表项

SimpleAdapter: 不简单、强大的Adapter，可用于将List集合的多个对象包装成多个列表项

SimpleCursorAdapter：与SimpleAdapter相似、但只包装Cursor提供的数据

BaseAdapter：非常强大、用于扩展，自定义各种需要的列表项

ListView配合ArrayAdapter实例

布局内的代码，两个ListView:

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

     <ListView
         android:id="@+id/list1"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:divider="@color/green"
         android:dividerHeight="3px">
     </ListView>

     <ListView
         android:id="@+id/list2"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:divider="@color/red"
         android:dividerHeight="3px">
     </ListView>
 </LinearLayout>

java代码：

 package com.doliao.helloworld;

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

 /**
  * Created by Administrator on 2016/10/10 0010.
  */

 public class AdapterActivity extends Activity {

     ListView listView1, listView2;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_adapterview2);

         listView1 = (ListView) findViewById(R.id.list1);
         listView2 = (ListView) findViewById(R.id.list2);

         String[] arrayList1 = {"第一个list", "第一个list", "第一个list"};
         String[] arrayList2 = {"第二个list", "第二个list", "第二个list"};
         ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(this, R.layout.array1, arrayList1);
         ArrayAdapter<String> adapter2 = new ArrayAdapter<String>(this, R.layout.array2, arrayList2);

         listView1.setAdapter(adapter1);
         listView2.setAdapter(adapter2);
     }
 }

数组的布局：

 <?xml version="1.0" encoding="utf-8"?>
 <TextView xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
     android:textColor="#000"
     android:textSize="10pt"
     />

运行截图：

ArrayAdapter与ListView结合 跟上一个 ListView与原生的数组结合相比较，一个可以改变字体颜色大小，一个不可改变，那如果想要跟QQ的好友列表类似，那么就要学SimpleAdapter，下面就是学习SimplerAdapter

SimpleAdapter配合ListView实例

布局代码：

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

     <ListView
         android:id="@+id/list3"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
     </ListView>
 </LinearLayout>

设置列表格式的 布局代码：

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

     <ImageView
         android:id="@+id/image_icon"
         android:layout_width="100px"
         android:layout_height="100px" />

     <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:orientation="vertical">

         <TextView
             android:id="@+id/text_name"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textSize="10pt"
             />

         <TextView
             android:id="@+id/text_state"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:textSize="10pt"
              />
     </LinearLayout>
 </LinearLayout>

java界面的代码：

 package com.doliao.helloworld;

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

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

 /**
  * Created by Administrator on 2016/10/10 0010.
  */

 public class SimpleAdapterActivity extends Activity {

     ListView listView;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_adapterview3);
         listView = (ListView) findViewById(R.id.list3);

         int[] imageIds = new int[]{R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4, R.drawable.pic5};
         String[] names = new String[]{"射箭", "网球", "足球", "滑雪", "登山"};
         String[] states = new String[]{"百发百不中的射手", "一直捡球的网球手", "护国足球", "滑雪滑雪滑雪滑雪", "登高登高登高赏菊"};

         List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
         for (int i = 0; i < names.length; i++) {
             Map<String, Object> map = new HashMap<String, Object>();
             map.put("pic", imageIds[i]);
             map.put("name", names[i]);
             map.put("state", states[i]);
             listItems.add(map);
         }
         SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItems, R.layout.simpleadapter, new String[]{"pic", "name", "state"},
                 new int[]{R.id.image_icon, R.id.text_name, R.id.text_state});

         listView.setAdapter(simpleAdapter);
     }
 }

运行截图如下：

以上就是自定义内容，使的列表内容变得丰富，主要用到的是SimpleAdapter，SimpleAdapter有五个参数，会用这五个参数是十分关键的！

第一个参数：Context 上下文参数

第二个参数：参照源码是  List<? extends Map<String, ?>>  这种类型的集合对象

第三个参数：页面布局的一个序列号 一般是R.layout.xxxx 中的xxxx

第四个参数：这个参数是一个String[]类型的参数，取决于Map<String,?> 对象的中的哪些key对应的value来生成列表项

第五个参数：这个参数是一个int[]类型的参数，取决于你第三个参数界面中的对应组件的id

BaseAdapter 与ListView 实例

布局代码：

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

     <ListView
         android:id="@+id/list4"
         android:layout_width="match_parent"
         android:layout_height="wrap_content">

     </ListView>
 </LinearLayout>

java代码：

 package com.doliao.helloworld;

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

 /**
  * Created by Administrator on 2016/10/10 0010.
  */

 public class BaseAdapterActivity extends Activity {

     ListView listView;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_adapterview4);
         listView = (ListView) findViewById(R.id.list4);

         BaseAdapter baseAdapter = new BaseAdapter() {
             @Override
             public int getCount() {
                 return 30;
             }

             @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 linear = new LinearLayout(BaseAdapterActivity.this);
                 linear.setOrientation(0);
                 ImageView imageView = new ImageView(BaseAdapterActivity.this);
                 imageView.setImageResource(R.drawable.yes);
                 TextView textView = new TextView(BaseAdapterActivity.this);
                 textView.setText("第" + (position + 1) + "个列表项");
                 textView.setTextSize(20);
                 textView.setTextColor(Color.RED);
                 linear.addView(imageView);
                 linear.addView(textView);
                 return linear;
             }
         };

         listView.setAdapter(baseAdapter);
     }
 }

运行截图：

当创建一个BaseAdapter的时候，该对象要重写4个方法：

getCount() 该方法的返回值会控制Adapter将会包含多少个列表项，

getItem(int position) 返回值决定第position处的列表项的内容

getItemId(id position) 返回值觉得第position出的列表项的ID

getView(int position,View convertView ,View Group parent)  这个方法不是非常的明白，于是百度了下 见  http://blog.csdn.net/pkxiuluo01/article/details/7380974 这边比较详细的介绍了参数的用途。

SimpleCursorAdapter

是与数据库中的数据相关的，暂时先不学。。。

AutoCompleteTextView(自动提示框)

AutoCompleteTextView 是由EditView派生出来的一个子类，他的作用跟EditView相似，唯一不同的就是AutoCompleteTextView 组件，当你输入一些内容时，会根据内容给出一些提示，当然这些提示是你要事先设置好的， 设置的方法就是设置一个Adapter了，Adapter封装了所需要的提示文本，这样以来就OK了。当然AutoCompleteTextView 也蛮厉害的他也生了一个儿子MultiAutoCompleteTextView ,它的功能就更加强大了——允许输入多个提示项，多个提示项目之间用逗号隔开，当然使用的方法是一样的，都是通过Adapter。

下面就来个实例，布局代码：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/activity_main"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.doliao.helloworld.MainActivity">

 <AutoCompleteTextView
     android:id="@+id/autotext"
     android:layout_width="match_parent"
     android:layout_height="wrap_content" />
 </LinearLayout>

java代码：

 package com.doliao.helloworld;

 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
 import android.widget.ArrayAdapter;
 import android.widget.AutoCompleteTextView;

 public class MainActivity extends AppCompatActivity {

     AutoCompleteTextView autoCompleteTextView;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         autoCompleteTextView = (AutoCompleteTextView) findViewById(R.id.autotext);

         String []array = new String[]{"JAVA","AJAX","XML","Android"};

         ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this,R.layout.autotext,array);

         autoCompleteTextView.setAdapter(arrayAdapter);
     }
 }

在设置ArrayAdapter的时候，第二个参数的布局代码我就不贴了，前面有的。

运行截图为：