Android 開發技術 第四課

概要

這節課我們講了ListView自定義Adapter的方法，只要繼承BaseAdapter實現我們自己的類就可以了。我們還講了使用HTTP協議連接網絡的方法，用HttpURLConnection即可。下面就給大家說說它們的詳細用法。

BaseAdapter的使用方法

在上節課中，我們學到了ArrayAdapter和SimpleAdapter，但是這兩個Adapter不夠靈活，前者只能改變item中的一條文字，后者則能改變item中的多個圖片，多條文字。但是這樣的功能還是太簡單，好多情況并不能滿足我們的需求。比如，我們要實現一個列表，每行之間的背景色都不同，這樣的需求雖然簡單，但是使用上述的兩個Adapter，我們卻并不能很好的實現。
這時候，BaseAdapter就登場了。從名字可以看出，他是一個基本的Adapter，里面關于顯示item的東西都要我們自己實現。使用BaseAdapter大致需要如下幾步

  1. 創建一個類，并繼承BaseAdapter
    創建完，我們會發現，竟然出現錯誤了，怎么回事？因為BaseAdapter實現了Adapter接口，所以我們要實現接口定義的方法。在紅線上按Alt+Enter，選擇Implement Methods，全選所有方法，按OK即可。
  2. 幾個重寫的方法的介紹
  • public int getCount()
    返回數據的個數，或者說ListView中，item的個數。通常寫return list.size();
  • public Object getItem(int position)
    返回item所對應的數據，通常寫return list.get(position);
  • public long getItemId(int position)
    返回item對用的id，通常寫return position;
  • public View getView(int position, View convertView, ViewGroup parent)
    這個是我們最關注的方法，在這里我們返回ListView中每個item對應的View。
  1. 通常需要設置的類內變量
    不知道大家發現沒有，我們自定義的Adapter并沒有數據源，這怎么辦呢，當然是給它當變量傳進來啊。
    不過，還有一個問題需要解決，在getView()方法中，我們怎么返回View呢，我們只是創建了item對應的布局(layout)啊。這時候，LayoutInflater這個類就出場了，它可以將我們的布局文件(xxx.xml)轉換成對應的View。這么說，大家可能不太理解，大家可以回憶一下，我們創建的Activity是怎樣顯示的布局文件呢。有人可能會說了，我怎么知道，我根本沒關過它，它自己就顯示出來了。其實因為我們新建工程時，Android Studio已經給我們生成好代碼了，那就是在onCreate()函數中的setContentView(R.layout.activity_main)方法，其實它的內部就是使用LayoutInflater，把我們的布局文件，轉化成對應的View并顯示出來的。那么具體怎么用呢，我們使用這句話就好了。
View view = LayoutInflater.from(context).inflate(R.layout.xxx, null);

我們可以看出，在自定義的Adapter中，并沒有Context對象，所以我們也把它當參數傳進來就哦了。那個null是什么呢，那個參數要為返回的view指定一個父布局Parent View。我們不用管它，傳null就好了。

  1. 具體演示
    引用一句比較火的話

Talk is cheap. Show me the code

布局文件item.xml

<?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="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:src="@drawable/head1" />

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:text="周杰倫"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:text="龍卷風"
        android:textSize="20sp" />
</LinearLayout>

布局文件activity_main.xml

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.sunny.muke_scrollview1.MainActivity">

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

實體類Song.java，可以理解為存放歌曲信息的數據結構

package com.sunny.muke_scrollview1;
/**
 * 歌曲實體類
 * Created by Sunny  An on 2016/5/29.
 */
public class Song {
    //歌曲名
    private String songName;
    //歌手名
    private String singer;
    //圖片
    private int picture;

    public String getSongName() {
        return songName;
    }

    public void setSongName(String songName) {
        this.songName = songName;
    }

    public String getSinger() {
        return singer;
    }

    public void setSinger(String singer) {
        this.singer = singer;
    }

    public int getPicture() {
        return picture;
    }

    public void setPicture(int picture) {
        this.picture = picture;
    }
}

自定義的適配器CustomAdapter.java

package com.sunny.muke_scrollview1;
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;
/**
 * 自定義Adapter
 * Created by Sunny  An on 2016/5/29.
 */
public class CustomAdapter extends BaseAdapter {
    private List<Song> data;
    private Context context;
    private LayoutInflater inflater;

    public CustomAdapter(List<Song> data, Context context) {
        this.data = data;
        this.context = context;
        inflater = LayoutInflater.from(this.context);
    }

    @Override
    public int getCount() {
        return data.size();
    }

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

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //將布局文件轉化成View
        View view = inflater.inflate(R.layout.item, null);
        //找控件
        TextView tvSongName = (TextView) view.findViewById(R.id.tv1);
        TextView tvSinger = (TextView) view.findViewById(R.id.tv2);
        ImageView ivPic = (ImageView) view.findViewById(R.id.iv);
        //設置數據
        Song song = data.get(position);
        tvSongName.setText(song.getSongName());
        tvSinger.setText(song.getSinger());
        ivPic.setBackgroundResource(song.getPicture());
        //設置背景
        if (position % 2 == 0) {
            view.setBackgroundColor(Color.LTGRAY);
        } else {
            view.setBackgroundColor(Color.DKGRAY);
        }
        return view;
    }
}

在MainActivity.java中的初始化代碼

List<Song> data = new ArrayList<>();
for (int i = 0; i < 100; i++) {
    Song song = new Song();
    song.setSinger("歌手" + i);
    song.setSongName("歌曲" + i);
    if (i % 2 == 0) {
        song.setPicture(R.drawable.head1);
    } else {
        song.setPicture(R.drawable.head2);
    }
    data.add(song);
}
ListView listView = (ListView) findViewById(R.id.listView);
CustomAdapter adapter = new CustomAdapter(data, MainActivity.this);
listView.setAdapter(adapter);
  1. 最終效果
    效果圖

    實現了，有木有。但是，這個LIstView在性能上來說，并不是最優的，更好的使用方法，請參見文末的鏈接。

HttpURLConnection的使用方法

這個我就不說太多了，都是Java的知識，大家看看書，或者看文末鏈接吧，我就把代碼貼出來了。需要注意的是，要在AndroidManifest.xml中加入網絡權限，否則應用不能聯網。同時，使用HttpURLConnection訪問網絡的操作不能放到UI線程中，請創建非UI線程。

<uses-permission android:name="android.permission.INTERNET" />

使用GET方式訪問百度頁面

new Thread(new Runnable() {
    @Override
    public void run() {
        try {
            URL url = new URL("https://m.baidu.com/");
            //返回值是URLConnection，我們要做一次強制轉換
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            //設置連接超時時間5秒
            connection.setConnectTimeout(5 * 1000);
            //設置請求方式為GET
            connection.setRequestMethod("GET");
            //包裝輸入流
            BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            StringBuilder sb = new StringBuilder();
            String line;
            //獲取所有文本
            while ((line = reader.readLine()) != null) {
                sb.append(line).append("\n");
            }
            //把他打印出來
            Log.v("result",sb.toString());
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}).start();

運行結果


補充鏈接

Java中entity（實體類）的寫法規范
BaseAdapter的逗逼、普通、文藝寫法
LayoutInflater的獲取與使用
Java Thread 總結
HTTP協議的介紹
HttpURLConnection在 Java 幫助文檔 中的介紹
Java輸入輸出流

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容