昨天的（今天凌晨）的博文《Android中Fragment和ViewPager那點事兒》中，我們通過使用Fragment和ViewPager模仿實現了微信的布局框架。今天我們來通過使用ListView實現其中聯系人一欄的基本視圖，效果如下：
要實現上圖的效果，我們要用到兩個知識點：
1、這里我們使用自定義適配實現圖文列表（當然也可以用SimpleAdapter）
通過繼承BaseAdapter（抽象類）自定義適配器可以實現更靈活更復雜的列表。
自定義適配器ListView的優化：
（1）使用固定寬高（match_parent）的ListView，有助于在填充item（ListView中每行的布局）時避免重復渲染ListView組件，導致重復多次調用getView方法。
（2）Convertview用來重復使用已被影藏的item對象，從而避免重復創建每個item的view對象。
（3）使用ViewHolder優化提高容器中查找組件的效率。
2、ListView自定義分割線
中默認添加分割線（Divider），但這個默認分割線太丑，我們往往需要自定義分割線樣式提升用戶體驗，這里介紹兩種方法
（1）在layout中的ListView組件中添加android:divider ="#FFFFFF"，然后在ListView對應的item布局中使用View組件添加分割線（后面代中會演示）
（2）在drawable建立inset文件來定義分割線的位置以及顏色，在values下的diments.xml中添加屬性定義分割線的粗細（dp）
drawable建立inset文件如下：
<?xml version="1.0" encoding="utf-8"?><inset xmlns:android="http://schemas.android.com/apk/res/android" android:insetLeft="5dp" android:insetRight="5dp" android:drawable="@color/colorline"> </inset>
inset屬性：定義嵌入的可繪制資源。它必須是根元素。屬性如下（ATTRIBUTES）：
xmlns:android 字符串值，必須的。它定義了XML的命名空間，必須是：http://schemas.android.com/apk/res/android
android:drawable ：要繪制的資源，必須的，它指向一個要嵌入的可繪制資源。
android:insetTop ：尺寸值。用尺寸值或Dimension資源定義頂部的嵌入位置。
android:insetRight ：尺寸值。用尺寸值或Dimension資源定義右邊的嵌入位置。
android:insetBottom ：尺寸值。用尺寸值或Dimension資源定義底部的嵌入位置。
android:insetLeft ：尺寸值。用尺寸值或Dimension資源定義左邊的嵌入位置。
values下的diments.xml文件如下（list_item_line為自定義的分割線粗細）：
<resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">dp</dimen> <dimen name="activity_vertical_margin">dp</dimen> <dimen name="list_item_line">dp</dimen> </resources>
ListView中的聲明方式（添加divider以及dividerHeight屬性分別設置為drable以及diments中自定義的樣式）：
<ListView android:id="@+id/contact_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignParentStart="true" android:divider="@drawable/list_item_divider" android:dividerHeight="@dimen/list_item_line"/>
以上就是我們本次主要使用的知識點，下面我們繼續昨天的代碼，做整體效果演示：
第一步：重構昨天layout中contactlist_fragment.xml文件：
ListView組件中添加android:divider ="#FFFFFF"，使默認分割線不可見
<?xml version="." encoding="utf-"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="聯系人管理" android:textSize="sp"/> <ListView android:id="@+id/contact_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignParentStart="true" android:divider ="#FFFFFF"/> </LinearLayout>
第二步：layout中添加listView對應的item布局文件contactlist_item.xml
后面添加了View組件用于自定義分割線
<?xml version="." encoding="utf-"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="dp" android:orientation="horizontal"> <ImageView android:id="@+id/friend_iv" android:layout_width="dp" android:layout_height="dp" android:background="@mipmap/ic_launcher" /> <TextView android:id="@+id/friend_tv" android:layout_width="match_parent" android:layout_height="dp" android:layout_marginLeft="dp" android:gravity="center_vertical" android:text="wu" android:textSize="dp" /> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="dp" android:layout_marginLeft="dp" android:layout_marginRight="dp" android:background="@color/colorline"/> </LinearLayout>
第三步：重寫昨天java中對應的ContactListFragment.java文件
import android.content.Context; import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; /** * Created by panchengjia on //. */ public class ContactListFragment extends Fragment { ListView contact_list; String[] names = {"郭嘉", "黃月英", "華佗", "劉備", "陸遜", "呂布", "呂蒙", "馬超", "司馬懿", "孫權", "孫尚香", "夏侯
主站蜘蛛池模板：
门头沟区|
余姚市|
合阳县|
兴宁市|
东方市|
时尚|
翁源县|
文水县|
阳高县|
中阳县|
萨嘎县|
邛崃市|
湘阴县|
婺源县|
兰溪市|
伊通|
调兵山市|
敦煌市|
洞头县|
德化县|
沙湾县|
许昌市|
崇左市|
上思县|
札达县|
腾冲县|
扎囊县|
石阡县|
安宁市|
梅州市|
庆云县|
怀安县|
元谋县|
齐河县|
苗栗市|
廉江市|
桑植县|
定南县|
竹溪县|
乐陵市|
芦溪县|