Android開發自學筆記(Android Studio)—4.4 AdapterView及其子類

時間 2019-12-12

標籤 android 開發自學筆記 studio 4.4 adapterview 及其子類欄目 Android 简体版

原文原文鏈接

1、引言

AdapterView自己是一個抽象類，而它派生的子類在用法上也基本類似，只是在顯示上有必定區別，所以把他們也歸爲一類。java

AdapterView具備以下特徵：android

AdapterView繼承自ViewGroup，本質是個容器
AdapterView能夠包含多個「列表項」，並將這多個列表項以合適的形式展現。
AdapterView顯示的多個列表項的內容由Adapter提供

AdapterView及其子類的繼承關係以下圖所示：數組

因爲Gallery是一個過期的API，Android推薦使用HorizontalScrollView來替代，因此我也再也不對它進行學習。緩存

而由AdapterView直接派生的三個類：AbsListView、AbsSpinner、AdapterViewAnimator也都是抽象類，因此咱們用的最多的也就是圖中第四行及如下的子類。app

2、ListView

ListView就是咱們所說的列表視圖，也是咱們最經常使用的一個組件，它是以垂直列表的形式展現全部數據項，而生成列表視圖的方式主要有兩種：less

直接用ListView進行建立
讓Activity繼承ListActivity

而一旦獲取到ListView後，對數據的填充就是由Adapter提供內容了，一般使用setAdapter方法。ide

ListView、GridView、Spinner等AdapterView都只是容器，而Apdater負責提供容器的內容。oop

AdapterView則負責採用合適的方式顯示Adapter提供的內容。佈局

AbsListView的經常使用屬性和相關方法見下表：學習

屬性	相關方法	說明
android:choiceMode		設置AbsListView的選擇方式： none：不顯示任何選中項 singleChoice：容許單選 multipleChoice：容許多選 multipleChoiceModal：容許多選
android：drawSelectorOnTop	setDrawSelectorOnTop(boolean)	若是該屬性設置爲true，選中的列表項將會顯示在上面
android：fastScrollEnabled		設置是否容許快速滾動。若是該屬性設置爲true，將會顯示滾動圖標，並容許用戶拖動該滾動圖標進行快速滾動。
android：listSelector	setSelector(int)	指定被選中的列表項上繪製的Drawable
android：scrollingCache		若是設置爲true，則在滾動時將會使用緩存
android：smoothScrollbar	setSmoothScrollbarEnabled(boolean)	若是設置爲false，則不在header View以後繪製分隔條
android：stackFromBottom		設置是否從底端開始排列列表項
android：textFilterEnabled		設置是否對列表項進行過濾。只有當該AdapterView對應的Adapter實現了Filter接口時該屬性纔會做用。
android：transcriptMode		設置組件的滾動模式： disabled：關閉滾動(默認) normal:當該AbsListView收到數據改變通知，且最後一個列表項可見時，該AbsListView將會滾動到底端。 alwaysScroll：該AbsListView總會自動滾動到底端

ListView提供的屬性以下表：

屬性	說明
android:divider	設置List列表項的分隔條(可用顏色分隔，也可用drawable對象分隔)
android：dividerHeiht	設置分隔條的高度
android：entries	指定一個數組資源，Android將根據該數組資源來生成ListView
android：footerDividerEnabled	若是設置成false，則不在footer View以前繪製分隔條
andorid：headerDividerEnabled	若是設置成false，則再也不header View以前繪製分隔條

示例代碼及顯示效果圖以下：

示例佈局中只定義了一個ListView，並經過android:entries指定了數據源，經過android：divider指定了紅色的分隔條。

數據源位於value/arrays.xml中，代碼以下：

使用數組做爲數據源十分簡單，可是侷限性也很大，能定製的內容也很是少，甚至字號大小，顏色都不能改變。

若是想對ListView的外觀、行爲進行定製，就須要把ListView做爲AdapterView使用，經過Adapter控制列表項的顯示和交互。

3、Adapter接口及其實現類

Adapter自己是一個接口，它派生了ListAdapter和SpinnerAdapter兩個子接口，其中ListAdapter爲AbsAdapter提供列表項，而SpinnerAdapter爲AbsSpinner提供列表項。Adapter及其實現類的繼承關係以下圖所示：

其中ArrayAdapter、SimpleAdapter、SimpleCursorAdapter、BaseAdapter都是經常使用的實現類。

1.ArrayAdapter：簡單、易用的Adapter，一般用於將數組或者List集合的多個值包裝爲列表項的數據源

2.SimpleAdapter：功能強大的Adapter，可用於將List集合的多個對象包裝爲列表項的數據源

3.SimpleCursorAdapter：與SimpleAdapter相似，只是用於包裝Cursor提供的數據

4.BaseAdapter：通用用於被擴展。擴展BaseAdapter能夠對各個列表項進行最大程度的定製。

3.1 ArrayAdapter

佈局頁和示意圖以下：

佈局中只有一個ListView，設置了分隔條爲紅色。看一下後臺代碼：

其中定義了一個字符串數組，經過ArrayAdapter進行包裝做爲listView的數據源，R.layout.array_item則是數據項的佈局，代碼以下：

(上右圖爲運行效果圖)經過ArrayAdapter實現Adapter很簡單、易用，可是它的功能也很是有限，它的每一個列表項必須只能是TextView，若是咱們想要更負責的列表項，ArrayAdapter就不能勝任了。

3.2 SimpleAdatper

SimpleAdapter是個很是強大的Adapter實現類，絕大多數ListView的使用場景，SimpleAdapter均可以搞定。咱們看一組示例：

首先頁面佈局很簡單：

頁面只聲明瞭一個ListView

設置分隔線爲紅色，高度爲2px

而後咱們定義一個ListViewItem的佈局：

頁面佈局說明：

1.總體採用線性佈局，並以水平排列

2.左邊第一項定義一個ImageView組件，用來顯示圖片。

3.右邊嵌套一個線性佈局，並以垂直排列

4.嵌套的線性佈局裏面定義了兩個TextView，一個顯示名字，一個顯示介紹。

關於TextView字體、顏色、邊距參加代碼。

而後咱們看一下後臺代碼：

說明：

1.咱們定義了一個字符串數組，用來定義名稱。

2.而後又定義了一個字符串數字，用來定義介紹

3.準備幾張圖片做爲頭像，拷貝到drawable文件夾，而後定義一個int數組，把圖片ID加進來

4.定義一個List<Map<String,Object>>集合，用來存儲列表項

5.循環填充數據

6.建立一個SimpleAdapter對象

7.設置ListView的Adapter爲剛建立的SimpleAdapter

而後咱們來看一下運行效果：

由於手機屏幕顯示大小有限，咱們定義了四組數據，只顯示出了三組，實際操做能夠拖動繼續顯示，你們也能夠跟着一塊兒作一下。

那咱們如何處理這個ListView的單擊事件呢？

咱們只須要在後臺代碼的最後加上綁定事件監聽器(選中事件相似，只是選中事件綁定的是OnItemSelection事件)：

3.3 BaseAdapter

雖然書上介紹說BaseAdapter是個擴展性很強的Adapter，但我從瘋3這本書上並無學太明白，因此這裏佔個位，等回頭吃透了再把這部分補上有營養的內容。

3.4 ListActivity

若是程序的窗口只須要顯示一個列表，就可讓Activity直接繼承ListActivity來實現，ListActivity的子類無需調用setContextView方法來顯示界面，而是能夠直接傳入一個內容Adapter，這裏再也不詳細介紹，你們能夠直接百度一下內容，我以爲真正要實現高度的可定製化，這個用的很少，因此這裏不詳細說了。

4、GridView

GridView從詞義上也能夠看出它是行、列形式在界面上展現組件和數據信息。GridView和ListView有共同的父類AbsListView，它們都是列表項，惟一的區別就是ListView顯示一列數據，而GridView能夠顯示多列數據，從這個角度上看，ListView也算一個特殊的GridView，當GridView只顯示一列時，就變成了ListView，下面給出GridView的屬性和相關方法：

屬性	方法	說明
android:columnWidth	setColumnWidth(int)	設置列的寬度
android:gravity	setGravity(int)	設置對其方式
android:horizontalSpacing	setHorizontalSpacing(int)	設置各元素之間的水平間距
android:numColums	setNumColums(int)	設置列數
android：stretchMode	setStretchMode(int)	設置拉伸方式
android:verticalSpacing	setVerticalSpacing(int)	設置各元素之間的垂直間距

GridView的數據填充與ListView一直，均可以以上以上介紹的幾種Adapter進行填充，下面直接看示例：

主Activity佈局以下：

主要佈局元素：

1.設置水平間距爲1pt

2.設置垂直間距爲1pt

3.設置對其方式是居中對齊

4.定義列數爲4列

看一下咱們對單元格樣式的定義：

主要佈局思路：

1.單元格顯示的內容分上下兩部分，因此外部採用線性佈局

2.內部一個圖片顯示組件ImageView，下方一個TextView用來顯示文字名稱

看一下後臺代碼：

說明：

1.imgID爲自定的一組圖標

2.文字標題這裏沒有單獨的再定義，直接去了ID的字符串的前五位，主要爲了保持顯示整齊。

3.這裏是採用SimpleAdapter做爲填充Adapter

4.單擊和選中事件這裏沒有編寫，請參看ListView環節，方法同樣。

最後一張圖補一下顯示效果：

5、AutoCompleteTextView

從詞面上就能看出來這是個自動完成文本框組件，侍從EditText派生而來，實際上它也是個編輯框，只是比編輯框多了一個功能，就是當它進行輸入時，自動完成文本框會顯示一個下拉菜單供用戶選擇，用戶選擇後把選中的內容回填到文本框中。

AutoCompleteTextView除了可使用EditText支持的屬性和方法之外，還支持如下所示的屬性和方法：

屬性	相關方法	說明
android:completionHint	setCompletionHint(CharSequence)	設置下拉文本中的提示標題
android:completionHintView		設置下拉文本中提示標題的視圖
android:completionThreshold	setThreshold(int)	設置用戶至少輸入幾個字符纔會顯示提示
android：dropDownAnchor	setDropDownAnchor(int)	設置下拉文本的定位錨點，若是不指定該屬性，將使用TextView自己做爲錨點
android：dropDownHeight	setDropDownHeight(int)	設置下拉文本的高度
android：dropDownHorizontalOffset		設置下拉文本與文本框之間的水平偏移
android：dropDownVerticalOffset		設置下拉文本與文本框之間的垂直偏移
android：dropDownWidth	setDropDownWidth(int)	設置下拉菜單的寬度
android：popupBackground	setDropDownBackgroundResource(int)	設置下拉菜單的背景
android:dropDownSelector		下拉列表被選中的行的背景

使用AutoCompleteTextView比較簡單，只須要給它設置一個提供下拉文本的數據適配器就能夠了，這也是把這個組件歸到這小節介紹的緣由。直接給出示例代碼：

代碼很簡單，看下效果圖（虛擬機裏沒調出來中文輸入，因此就隨便填了些英文）:

6、ExpandableListView

ExpandableListView是經過分類列表來組織數據的一種ListView,在用戶點擊分組時他能夠自動摺疊或展開分組,最多見的就是咱們平時用的最多的QQ，他的好友分組列表就是個很典型的例子。

由於它是ListView的子類，因此與ListView的用法基本相似，只是數據源的提供須要由ExpandableLisAdapter提供，由於ExpandableListAdapter是個接口，因此一般咱們經常使用的實現方式會有以下幾種：

擴展實現BaseExpandableListAdapter實現ExpandableListAdapter
使用SimpleExpandableListAdapter將兩個List集合包裝成ExpandableListAdapter
使用SimpleCursorTreeAdapter將Cursor中的數據包裝成ExpandableListAdapter

說明：

ExpandableListAdapter接口繼承圖請自行查看API，我這裏PD忽然壞了打不開了，就不畫了。

ExpandableListView額外支持的屬性以下表：

屬性	說明
android:childDivider	指定各組內各子列表之間的分隔條
android:chileIndicator	顯示在子列表旁的圖片
android:groupIndicator	顯示在組列表旁的圖片

下面咱們直接來個示例用ExpandableListView來模仿QQ的好友分組顯示效果學習一下ExpandableListView的簡單用法

界面佈局：

樣式很簡單，只有一個ExpandableListView控件。我把父節點和子項的顯示模板也定義一下：

這裏也沒有用複雜的樣式簡單的放一個TextView顯示。後臺代碼此次有點多，此次直接貼代碼了。

package com.boyliupan.studylessions.listview;

import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.TextView;

import com.boyliupan.studylessions.R;

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

public class ExpandListViewActivity extends AppCompatActivity {

    ExpandableListView expandableListView=null;
    List<String> parent=null;
    Map<String,List<String>> map=null;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_expand_list_view);
        expandableListView= (ExpandableListView) findViewById(R.id.expandLview);
        initData();
        expandableListView.setAdapter(new MySelfAdapter());

    }
    public void initData()
    {
        parent = new ArrayList<String>();
        parent.add("個人好友");
        parent.add("家人");
        parent.add("朋友");

        map = new HashMap<String, List<String>>();

        List<String> list1 = new ArrayList<String>();
        list1.add("張三");
        list1.add("李四");
        list1.add("王五");
        map.put("個人好友", list1);

        List<String> list2 = new ArrayList<String>();
        list2.add("劉邦");
        list2.add("劉霞");
        list2.add("劉萌");
        map.put("家人", list2);

        List<String> list3 = new ArrayList<String>();
        list3.add("影墜");
        list3.add("霍元子");
        list3.add("噩夢領主");
        map.put("朋友", list3);
    }
    class MySelfAdapter extends BaseExpandableListAdapter
    {

        @Override
        public int getGroupCount() {
            return parent.size();
        }

        @Override
        public int getChildrenCount(int groupPosition) {
            String key = parent.get(groupPosition);
            int count=map.get(key).size();
            return count;
        }

        @Override
        public Object getGroup(int groupPosition) {
            return parent.get(groupPosition);
        }

        @Override
        public Object getChild(int groupPosition, int childPosition) {
            String key = parent.get(groupPosition);
            return (map.get(key).get(childPosition));
        }

        @Override
        public long getGroupId(int groupPosition) {
            return groupPosition;
        }

        @Override
        public long getChildId(int groupPosition, int childPosition) {
            return childPosition;
        }

        @Override
        public boolean hasStableIds() {
            return true;
        }

        @Override
        public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
            if (convertView == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandListViewActivity.this
                        .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                convertView = inflater.inflate(R.layout.layout_ex_parent, null);
            }
            TextView tv = (TextView) convertView
                    .findViewById(R.id.parenTv);
            tv.setText(ExpandListViewActivity.this.parent.get(groupPosition));
            return convertView;
        }

        @Override
        public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
            String key = ExpandListViewActivity.this.parent.get(groupPosition);
            String info = map.get(key).get(childPosition);
            if (convertView == null) {
                LayoutInflater inflater = (LayoutInflater) ExpandListViewActivity.this
                        .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                convertView = inflater.inflate(R.layout.layout_ex_children, null);
            }
            TextView tv = (TextView) convertView
                    .findViewById(R.id.childTv);
            tv.setText(info);
            return convertView;
        }

        @Override
        public boolean isChildSelectable(int groupPosition, int childPosition) {
            return true;
        }
    }
}

效果圖以下：

這個例子寫下來感受不理想，還須要再研究一下，精髓感受沒把握住。給出兩個參考連接：

1.ExpandableListView使用介紹

2.Android中ExpandableListView控件基本使用

6、Spinner

Spinner是一個列表選擇框，功能使用也比較簡單，只須要給它指定對應的數據源，Spinner數據源的設定支持兩種方式，由於Spinner支持android:entries屬性，因此當設計時就能夠肯定下拉選項時，就能夠直接指定entries屬性就可讓Spinner正常工做，而若是Spinner的下拉項是動態的，則能夠經過第二種方式就是adapter方式設定數據源。

在佈局文件裏，定義了兩個Spinner，第一個就是採用設定entries屬性的方式綁定數據源，第二種就是後臺綁定數據。entries綁定的array就是個string的數組，這裏再也不貼代碼了。咱們看一下後臺動態添加代碼的實現：

代碼很簡單，主要用到了前面說的ArrayAdapter，若是下來列表想用更復雜的樣式，也能夠用別的Adapter來實現。最終的顯示效果見下圖：

7、AdapterViewFlipper

AdapterViewFlipper繼承自AdapterViewAnimator，它會顯示Adapter提供的多個組件，可是每次只能顯示一個，能夠經過調用它自身的方法切換上一個和下一個。

AdapterViewAnimator的屬性以下：

屬性	說明
android:animateFirstView	設置顯示該組件的第一個View時是否使用動畫
android:inAnimation	設置組件顯示時使用的動畫
android:loopViews	設置循環到最後是否返回到第一個
android：outAnimation	設置組件隱藏時的動畫

AdapterViewFlipper額外支持的屬性以下：

屬性	相關方法	說明
android:autoStart	startFlipping()	設置是否自動播放
android:flipInterval	setFlipInterval(int)	設置自動播放的間隔

下面給出一個簡單的示例來演示：

佈局如圖：上面3個按鈕，下面一個AdapterViewFlipper。後臺代碼以下，代碼中已經加了註釋，再也不解釋說明：

package com.boyliupan.studylessions44678;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class ViewFlipperActivity extends AppCompatActivity {

    int[] imgIDs=new int[]{R.drawable.head1,R.drawable.head2,R.drawable.head3,
        R.drawable.head4,R.drawable.head5};
    AdapterViewFlipper viewFlipper;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_flipper);

        viewFlipper= (AdapterViewFlipper) findViewById(R.id.flipper);
        BaseAdapter adapter=new BaseAdapter() {
            @Override
            public int getCount() {
                return  imgIDs.length;
            }

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

            @Override
            public long getItemId(int position) {
                return position;
            }
            //表明每一項的視圖
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                ImageView imageView=new ImageView(ViewFlipperActivity.this);
                imageView.setImageResource(imgIDs[position]);
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);//設置縮放方式
                //設置佈局參數
                imageView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
                return imageView;
            }
        };
        viewFlipper.setAdapter(adapter);
    }
    //顯示上一個
    public void pre(View view) {
        viewFlipper.showPrevious();
        viewFlipper.stopFlipping();
    }
    //顯示下一個
    public void next(View view) {
        viewFlipper.showNext();
        viewFlipper.stopFlipping();
    }
    //自動播放
    public void auto(View view) {
        viewFlipper.startFlipping();
    }
}