ListViewコントロール

リストビューは、バディリスト情報で、電話帳の連絡先情報、およびQQマイクロチャネルとして、APPに、情報のリストを示す、非常に一般的なAndroidアプリ開発の非常に重要な部分である、ListViewコントロールで作られています。

リストビューを作成するためのアイデア

これは、リストビューを構築し、想像するのは簡単です、我々は最初に知らなければならないのインターフェイスの表示、リストビュービューを作成することで、最初のレイアウトのレイアウトファイルを。
QQの友人や連絡先情報は、リストが表示され、各メッセージが制御され、コントロールのレイアウトを設計する必要があるので、そこに表示されたユーザ情報に別のレイアウトレイアウト設計のコントロールを提出する必要があります。これは図であり、
QQの友人と連絡先が対象であることが必要であるので、クラスを確立するために、ここで名前の、のUserInfoユーザーの名前、年齢、アバターなどを保存、すなわち利用者クラス情報、
今で行うには、ビューとデータを持っている関連付けるデータにし、それを見ます。でAndroidの開発では、各必須バインドListViewコントロールアダプタ。アダプタの実装バインドとビューデータ
一般的なQQの友人や連絡先の詳細よりも、彼らは情報を格納する配列を必要とするので、伝統的な配列では動作しません、私たちは、多くの場合、どのように多くの友人や連絡先を知るために起動しなかったので、友人や連絡先を追加する必要があります。だからここArrayListクラスを持つ可変長配列を定義します。

リストビューを作成する手順

ビューインタフェースを作成します。

活動は、最初ListViewDemoActivity（カスタマイズ可能）という名前の新しいファイルを作成します。コードは以下の通りであります：

public class ListViewDemoActivity extends Activity {
    protected void onCreate(@Nullable Bundle savedInstanceState) {
    	super.onCreate(savedInstanceState);
    	setContentView(R.layout.activity_listview_demo); //相关联的布局文件中有 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">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="电话本"/>
    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</LinearLayout>

リストビューは良いの確立にこのドキュメントを表示するが、このインターフェイスに他のインターフェイスからのジャンプイベントジャンプを設定する必要が、コードはここでは繰り返しません。

ユーザー情報のUserInfoクラスの確立

QQの友人や連絡先などのための型のオブジェクト、抽象クラスに必要な、。
新しいのUserInfoクラスコードは次のよう：

import java.io.Serializable;

public class UserInfo implements Serializable {
    private String mUserName;
    private int mAge;
    private String mAvatarUrl;
    private float mWeight;
    public UserInfo(String mUserName, int mAge) {
        this.mUserName = mUserName;
        this.mAge = mAge;
    }

    public String getmUserName() {
        return mUserName;
    }

    public int getmAge() {
        return mAge;
    }

    public void setmUserName(String mUserName) {
        this.mUserName = mUserName;
    }

    public void setmAge(int mAge) {
        this.mAge = mAge;
    }

    public String getAvatarUrl() {
        return mAvatarUrl;
    }

    public void setAvatarUrl(String avatarUrl) {
        mAvatarUrl = avatarUrl;
    }

    public float getWeight() {
        return mWeight;
    }

    public void setWeight(float weight) {
        mWeight = weight;
    }
}

カテゴリアダプタビューの確立とデータバインディング

今すぐ作成する必要性とビューのデータクラスは、バインドするために使用され
、以下のように、PhoneBookAdapterクラスを確立します：

import android.content.Context;
import android.text.Layout;
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.ArrayList;
import java.util.List;

    public class PhoneBookAdapter extends BaseAdapter {
    private Context mContext;
    private LayoutInflater mLayoutInfalter;
    // 10 中定义 用ArrayList来存储数据，新增数据
    private List<UserInfo> mUserInfos = new ArrayList<>();

    //构造函数，初始化
    public PhoneBookAdapter(Context context, List<UserInfo> userInfos){
        mContext = context;
        mUserInfos = userInfos;
        mLayoutInfalter =(LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }
    @Override
    public int getCount() {
        // 有多少条数据
        return mUserInfos.size();
    }

    @Override
    public Object getItem(int position) {  //position就是这条数据的位置
        //返回某一条数据,
        return mUserInfos.get(position);
    }

    @Override
    public long getItemId(int position) {

        return position;
    }

    //返回某一条数据的视图，因为每一条数据都会有自己的视图
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        //返回一个视图，convertView 就是找到要绑定的视图，LayoutInfalter的主要功能就是解析View
        // 将Layout从xml文件从解析出来，解析成View，一个视图
        convertView=mLayoutInfalter.inflate(R.layout.item_phone_book_friend,null);

        //获取控件，从视图中获取了控件
        TextView nameTextView= (TextView) convertView.findViewById(R.id.name_text_view);
        TextView ageTextView = (TextView) convertView.findViewById(R.id.age_text_view);
        ImageView avatarimageView = (ImageView) convertView.findViewById(R.id.avatar_image_view);
        //和数据之间进行绑定
        nameTextView.setText(mUserInfos.get(position).getmUserName()); //设置文本
        ageTextView.setText(String.valueOf(mUserInfos.get(position).getmAge()));
        avatarimageView.setImageResource(R.drawable.ic_launcher_foreground);

        return convertView;  //返回一个视图
    }
}

コードを説明するコメントは、このクラスは、ユーザ情報、番号、及びユーザ情報により得られなければならず、制御が結合されています。

各ユーザー定義された表示情報制御：

リストビュー、ユーザーの情報の一覧表示では、各情報は、コントロールと同等であり、あなたは、クリックイベントを追加することができます。だから、コントロールのレイアウトを設計するレイアウトファイルを作成する必要があります。パーソナライゼーションは、このセクションでは、主に設計されています。

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

    <ImageView
        android:id="@+id/avatar_image_view"
        android:src="@drawable/ic_launcher_background"
        android:layout_width="48dp"
        android:layout_height="48dp"/>

    <TextView
        android:id="@+id/name_text_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_toRightOf="@+id/avatar_image_view"
        android:text="@string/app_name"/>
    <TextView
        android:id="@+id/age_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/name_text_view"
        android:layout_toRightOf="@+id/avatar_image_view"
        android:text="4岁"/>

</RelativeLayout>