2. 程式人生 > >Android自己定義組件系列【5】——進階實踐（2）

Android自己定義組件系列【5】——進階實踐（2）

阿新 • • 發佈：2017-05-29
col fonts tle 適配 pack tom ica void log

上一篇《Android自己定義組件系列【5】——進階實踐（1）》中對任老師的《可下拉的PinnedHeaderExpandableListView的實現》前一部分進行了實現，這一篇我們來看看ExpandableListView的使用並實現剩下的部分。

原文出處：http://blog.csdn.net/singwhatiwanna/article/details/25546871

一、ExpandableListView的使用方法

ExpandableListView是ListView的子類，它在普通ListView的基礎上進行了擴展，適配器為ExpandableListAdapter。

技術分享

與Adapter相似的是。實現ExpandableListAdapter也有例如以下方式：

1、擴展BaseExpandableListAdapter實現ExpandableListAdapter

2、使用SimpleExpandableListAdapter將兩個List集合包裝成ExpandableListAdapter

3、使用SimpleCursorTreeAdapter將Cursor中的數據包裝成SimpleCursorTreeAdapter

接下來用第一種方式來做個小樣例。來看看ExpandableListView的使用

		ExpandableListAdapter adapter = new BaseExpandableListAdapter() {
			
			@Override
			public boolean isChildSelectable(int arg0, int arg1) {
				// TODO Auto-generated method stub
				return false;
			}
			
			@Override
			public boolean hasStableIds() {
				// TODO Auto-generated method stub
				return false;
			}
			
			@Override
			public View getGroupView(int arg0, boolean arg1, View arg2, ViewGroup arg3) {
				// TODO Auto-generated method stub
				return null;
			}
			
			@Override
			public long getGroupId(int arg0) {
				// TODO Auto-generated method stub
				return 0;
			}
			
			@Override
			public int getGroupCount() {
				// TODO Auto-generated method stub
				return 0;
			}
			
			@Override
			public Object getGroup(int arg0) {
				// TODO Auto-generated method stub
				return null;
			}
			
			@Override
			public int getChildrenCount(int arg0) {
				// TODO Auto-generated method stub
				return 0;
			}
			
			@Override
			public View getChildView(int arg0, int arg1, boolean arg2, View arg3,
					ViewGroup arg4) {
				// TODO Auto-generated method stub
				return null;
			}
			
			@Override
			public long getChildId(int arg0, int arg1) {
				// TODO Auto-generated method stub
				return 0;
			}
			
			@Override
			public Object getChild(int arg0, int arg1) {
				// TODO Auto-generated method stub
				return null;
			}
		};
能夠看到BaseExpandableListApdater中的方法非常多，主要方法介紹例如以下：

getGroupCount():返回組列表數量

getGroupView():返回的View作為組列表項

getChildrenCount():返回子列表項的數量

getChildView():返回的View作為特定組、特定位置的子列表項

package com.example.expandablelistviewtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		ExpandableListAdapter adapter = new BaseExpandableListAdapter() {
			
			int[] logos = new int[] {
				R.drawable.ic_launcher,
				R.drawable.ic_launcher,
				R.drawable.ic_launcher
			};
			
			private String[] groupTypes = new String[]{
				"計算機語言", "人類語言", "動物語言"	
			};
			
			private String[][] childTypes = new String[][] {
					{"Java", "C++", "C", "PHP"},
					{"漢語", "英語", "日語", "法語"},
					{"咕咕", "汪汪", "喵喵"}
			};
			
			// 獲取指定組位置、指定子列表項處的子列表項數據
			@Override
			public Object getChild(int groupPosition, int childPosition) {
				return childTypes[groupPosition][childPosition];
			}

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

			@Override
			public int getChildrenCount(int groupPosition) {
				return childTypes[groupPosition].length;
			}

			private TextView getTextView() {
				AbsListView.LayoutParams lp = new AbsListView.LayoutParams(
						ViewGroup.LayoutParams.MATCH_PARENT, 64);
				TextView textView = new TextView(MainActivity.this);
				textView.setLayoutParams(lp);
				textView.setGravity(Gravity.CENTER_VERTICAL | Gravity.LEFT);
				textView.setPadding(36, 0, 0, 0);
				textView.setTextSize(20);
				return textView;
			}

			// 該方法決定每一個子選項的外觀
			@Override
			public View getChildView(int groupPosition, int childPosition,
					boolean isLastChild, View convertView, ViewGroup parent) {
				TextView textView = getTextView();
				textView.setText(getChild(groupPosition, childPosition)
						.toString());
				return textView;
			}

			// 獲取指定組位置處的組數據
			@Override
			public Object getGroup(int groupPosition) {
				return groupTypes[groupPosition];
			}

			@Override
			public int getGroupCount() {
				return groupTypes.length;
			}

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

			// 該方法決定每一個組選項的外觀
			@Override
			public View getGroupView(int groupPosition, boolean isExpanded,
					View convertView, ViewGroup parent) {
				LinearLayout ll = new LinearLayout(MainActivity.this);
				ll.setOrientation(0);
				ImageView logo = new ImageView(MainActivity.this);
				logo.setImageResource(logos[groupPosition]);
				ll.addView(logo);
				TextView textView = getTextView();
				textView.setText(getGroup(groupPosition).toString());
				ll.addView(textView);
				return ll;
			}

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

			@Override
			public boolean hasStableIds() {
				return true;
			}
		};
		ExpandableListView expandListView = (ExpandableListView) findViewById(R.id.list);
		expandListView.setAdapter(adapter);
	}

}

<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=".MainActivity" >
	<ExpandableListView 
	    android:id="@+id/list"
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"/>

</RelativeLayout>

技術分享

二、代碼分析

首先看onCreate方法：

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        expandableListView = (PinnedHeaderExpandableListView) findViewById(R.id.expandablelist);
        stickyLayout = (StickyLayout)findViewById(R.id.sticky_layout);
        initData();

        adapter = new MyexpandableListAdapter(this);
        expandableListView.setAdapter(adapter);

        // 展開全部group
        for (int i = 0, count = expandableListView.getCount(); i < count; i++) {
            expandableListView.expandGroup(i);
        }

        expandableListView.setOnHeaderUpdateListener(this);
        expandableListView.setOnChildClickListener(this);
        expandableListView.setOnGroupClickListener(this);
        stickyLayout.setOnGiveUpTouchEventListener(this);

    }
前面幾行非常easy。和上面的樣例差點兒一樣。我們僅僅須要再關註一下initData()方法和以下的幾行監聽函數。

initData()中是模擬的數據。例如以下：

    void initData() {
        groupList = new ArrayList<Group>();
        Group group = null;
        for (int i = 0; i < 3; i++) {
            group = new Group();
            group.setTitle("group-" + i);
            groupList.add(group);
        }

        childList = new ArrayList<List<People>>();
        for (int i = 0; i < groupList.size(); i++) {
            ArrayList<People> childTemp;
            if (i == 0) {
                childTemp = new ArrayList<People>();
                for (int j = 0; j < 13; j++) {
                    People people = new People();
                    people.setName("yy-" + j);
                    people.setAge(30);
                    people.setAddress("sh-" + j);

                    childTemp.add(people);
                }
            } else if (i == 1) {
                childTemp = new ArrayList<People>();
                for (int j = 0; j < 8; j++) {
                    People people = new People();
                    people.setName("ff-" + j);
                    people.setAge(40);
                    people.setAddress("sh-" + j);

                    childTemp.add(people);
                }
            } else {
                childTemp = new ArrayList<People>();
                for (int j = 0; j < 23; j++) {
                    People people = new People();
                    people.setName("hh-" + j);
                    people.setAge(20);
                    people.setAddress("sh-" + j);

                    childTemp.add(people);
                }
            }
            childList.add(childTemp);
        }

    }
接下來我們看看監聽這幾個監聽函數

public class MainActivity extends Activity implements
        ExpandableListView.OnChildClickListener,
        ExpandableListView.OnGroupClickListener,
        OnHeaderUpdateListener, OnGiveUpTouchEventListener {
從Activity的繼承關系上看。OnChildClickListener和OnGroupClickListener是ExpandableListView類的監聽函數。

    @Override
    public boolean onGroupClick(final ExpandableListView parent, final View v,
            int groupPosition, final long id) {

        return false;
    }

    @Override
    public boolean onChildClick(ExpandableListView parent, View v,
            int groupPosition, int childPosition, long id) {
        Toast.makeText(MainActivity.this,
                childList.get(groupPosition).get(childPosition).getName(), 1)
                .show();

        return false;
    }
再來看看OnHeaderUpdateListener，這個監聽函數實際上是在重寫（自己定義）的ExpandableListView中自己定義的監聽。

    public void setOnHeaderUpdateListener(OnHeaderUpdateListener listener) {
        mHeaderUpdateListener = listener;
        if (listener == null) {
            return;
        }
        mHeaderView = listener.getPinnedHeader();
        int firstVisiblePos = getFirstVisiblePosition();
        int firstVisibleGroupPos = getPackedPositionGroup(getExpandableListPosition(firstVisiblePos));
        listener.updatePinnedHeader(firstVisibleGroupPos);
        requestLayout();
        postInvalidate();
    }

getPinnedHeader()方法創建（得到）一個列表頭。然後通過updatePinnedHeader方法設置當前可見的子列表元素的組名稱。

requestLayout()方法的作用是當view確定自身已經不再適合現有的區域時，該view本身調用這種方法要求parent view又一次調用他的onMeasure onLayout來對又一次設置自己位置。特別的當view的layoutparameter發生改變，而且它的值還沒能應用到view上，這時候適合調用這種方法。

postInvalidate()方法的作用是實現界面刷新。

   public interface OnHeaderUpdateListener {
        /**
         * 採用單例模式返回同一個view對象就可以
         * 註意：view必須要有LayoutParams
         */
        public View getPinnedHeader();

        public void updatePinnedHeader(int firstVisibleGroupPos);
    }
從OnHeaderUpdateListener監聽函數的定義上看。當觸發監聽後會調用兩個方法的實現例如以下：

    @Override
    public View getPinnedHeader() {
        if (mHeaderView == null) {
            mHeaderView = (ViewGroup) getLayoutInflater().inflate(R.layout.group, null);
            mHeaderView.setLayoutParams(new LayoutParams(
                    LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
        }
        return mHeaderView;
    }

    @Override
    public void updatePinnedHeader(int firstVisibleGroupPos) {
        Group firstVisibleGroup = (Group) adapter.getGroup(firstVisibleGroupPos);
        TextView textView = (TextView) getPinnedHeader().findViewById(R.id.group);
        textView.setText(firstVisibleGroup.getTitle());
    }
接下來我們須要知道什麽情況下回觸發這個監聽函數。

   protected void refreshHeader() {
        if (mHeaderView == null) {
            return;
        }
        int firstVisiblePos = getFirstVisiblePosition();
        int pos = firstVisiblePos + 1;
        int firstVisibleGroupPos = getPackedPositionGroup(getExpandableListPosition(firstVisiblePos));
        int group = getPackedPositionGroup(getExpandableListPosition(pos));

        if (group == firstVisibleGroupPos + 1) {
            View view = getChildAt(1);
            if (view.getTop() <= mHeaderHeight) {
                int delta = mHeaderHeight - view.getTop();
                mHeaderView.layout(0, -delta, mHeaderWidth, mHeaderHeight - delta);
            }
        } else {
            mHeaderView.layout(0, 0, mHeaderWidth, mHeaderHeight);
        }

        if (mHeaderUpdateListener != null) {
            mHeaderUpdateListener.updatePinnedHeader(firstVisibleGroupPos);
        }
    }
能夠看到再調用refreshHeader()方法的時候會觸發updatePinnerHeader方法。

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        if (totalItemCount > 0) {
            refreshHeader();
        }
        if (mScrollListener != null) {
            mScrollListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount);
        }
    }
呵呵，這下最終恍然大悟了。在onScroll方法中調用了refreshHeader，這就是說在滑動屏幕的時候OnHeaderUpdateListener監聽會觸發。會不斷的推斷是否應該改變列名稱。

快淩晨1點鐘了，今天就分析到這吧。明天繼續。


再次聲明一下，本文是為了學習Android自己定義組件，對任老師博客《可下拉的PinnedHeaderExpandableListView的實現》進行具體解讀。假設有問題希望指出。

原文出處：http://blog.csdn.net/singwhatiwanna/article/details/25546871













Android自己定義組件系列【5】——進階實踐（2）

相關推薦

Android自己定義組件系列【5】——進階實踐（2）

col fonts tle 適配 pack tom ica void log 上一篇《Android自己定義組件系列【5】——進階實踐（1）》中對任老師的《可下拉的PinnedHeaderExpandableListView的實現》前一部分進行了實現，這一篇我們來看看Ex

Android自己定義組件系列【6】——進階實踐（3）

err ack XML @+ layout apk get ast edi 上一篇《Android自己定義組件系列【5】——進階實踐（2）》繼續對任老師的《可下拉的PinnedHeaderExpandableListView的實現》進行了分析，這一篇計劃中間插一段“知識點

Android自己定義組件系列【1】——自己定義View及ViewGroup

全部 int ++ btn -i pre 剪切 final 界面 View類是ViewGroup的父類，ViewGroup具有View的全部特性。ViewGroup主要用來充當View的容器。將當中的View作為自己孩子，並對其進行管理。當然孩子也能夠是ViewGrou

循序漸進學.Net Core Web Api開發系列【13】：中介軟體（Middleware）

系列目錄 一、概述 本篇介紹如何使用中介軟體（Middleware）。 二、初步演練 先寫幾個中介軟體 public class DemoAMiddleware { private readonly RequestDelegate _next;

【原創】Hibernate自動生成（2）

成了 OS class 項目重構 alt index AS url 改名 本實戰是博主初次學習Java，分析WCP源碼時，學習HibernateTools部分的實戰，由於初次接觸，難免錯誤，僅供參考，希望批評指正。 開發環境： Eclipse Version: Photo

Angularjs進階筆記（2）-自定義指令中的數據綁定

粘貼 文章 發送 制作 取值 不同的 過多 簡單 也會 Angularjs進階筆記（2）-自定義指令中的數據綁定 有關自定義指令的scope參數，網上很多文章都在講這3種綁定方式實現的效果是什麽，但幾乎沒有人講到底怎麽使用，本篇希望聊聊到底怎麽用這個話題。 一. 自定義

【ADNI】資料預處理（2）獲取 subject slices

ADNI Series 1、【ADNI】資料預處理（1）SPM，CAT12 2、【ADNI】資料預處理（2）獲取 subject slices 3、【ADNI】資料預處理（3）CNNs 4、【ADNI】資料預處理（4）Get top k slices according to CNN

【原創】VBA學習筆記（2）--例項，VBA刪除表中的空行

Sub 巨集1迴圈內刪列() '資料不規範，有的空行是4，有的是6，有的是1就不好處理了     For i = 15 To 100 Step 2          Rows(i).Delete Shift:=xlUp &nb

【原創】pygame學習筆記（2）----pie遊戲（需優化）

  測試程式碼情況 （1）做到了弧形可以按出來 （2）數字的顯示正確 （3）出的一些低階錯誤         temp:\\pygame2.txt 這樣的錯誤， temp\\pygame2.txt 導致 這樣的錯誤，

【C++】引用那些事（2）

一、傳值、傳引用效率比較 以值作為引數或者返回值型別，在傳參和返回期間，函式不會直接傳遞實參或者將變數本身直接返回，而是傳遞實 參或者返回變數的一份臨時的拷貝，因此用值作為引數或者返回值型別，效率是非常低下的，尤其是當引數或者返 回值型別非常大時，效率就更低。 #include <ti

【原創】docker原始碼分析（2）---docker server

上一節，分析了Engine和job。那這一節就開始講下docker server。 1、docker server 1.1 主體流程 我們從main函式開始，看看docker server

【C++】類和物件（2）

一、類的作用域 類定義了一個新的作用域，類的所有成員都在類的作用域中。在類體外定義成員，需要使用 :: 作用域解析符 指明成員屬於哪個類域。否則找不到。 class person { public: void PrintfPersonInfo(); private: char _name

【mxGraph】原始碼學習：（2）mxClient

1. mxClient.js檔案 mxClient.js是客戶端的引導機制，此檔案include了執行mxGraph所需的所有原始檔，並載入了其依賴的資原始檔，以及配置了客戶端的語言。 意思就是隻要在需要使用mxGraph的地方用<script>標籤

C語言進階指南（2）丨數組和指針、打樁

編譯器 atexit text ret The 共享 tex 語言 .org 三、指針和數組 盡管在某些上下文中數組和指針可相互替換，但在編譯器看來二者完全不同，並且在運行時所表達的含義也不同。 當我們說對象或表達式有類型的時候，我們通常想的是定位器值的類型，也叫做左值

Android自己定義控件實戰——仿多看閱讀平移翻頁

mar pos sim androi 調用 andro return getview pan 轉載請聲明出處http://blog.csdn.net/zhongkejingwang/article/details/38728119 之前自己做的一個APP須要用到

Android自己定義控件之輪播圖控件

ams 自己 each java min avi trac 一次 適配器 背景 近期要做一個輪播圖的效果。網上看了幾篇文章。基本上都能找到實現，效果還挺不錯，可是在寫的時候感覺每次都要單獨去又一次在Activity裏寫一堆代碼。於是自己封裝了一下。這裏

Android 自己定義控件實現刮刮卡效果 真的就僅僅是刮刮卡麽

pat 微信 protect 有一點 高仿 記錄 ren bounds size 轉載請標明出處：http://blog.csdn.net/lmj623565791/article/details/40162163 ， 本文出自：【張鴻洋的博客】非常久以前也過一個htm

Android 自定義組件 事件處理

items int ems set rect 獲取 控件 pan highlight 以點擊事件為例： 覆寫方法： public boolean dispatchTouchEvent(MotionEvent event); 可以從MotionEvent 獲取事件坐標，

循序漸進學.Net Core Web Api開發系列【5】：檔案上傳

系列目錄 一、概述 本篇介紹通過.NET core WebApi實現檔案上傳。 二、Controller端程式碼 直接上程式碼： [Route("api/files")] [Produces("application/json")] public

Asp.Net Core 通過自定義中間件防止圖片盜鏈的實例（轉）

訪問 沒有 static padding task start leg 自我 header 一、原理 要實現防盜鏈，我們就必須先理解盜鏈的實現原理，提到防盜鏈的實現原理就不得不從HTTP協議說起，在HTTP協議中，有一個表頭字段叫referer，采用URL的格式來表示從哪兒