安卓學習筆記自定義介面卡
阿新 • • 發佈：2018-11-10
- BaseAdapter：是所有介面卡類的父類，可以對列表項進行最大限度的定製
1.1 自定義介面卡中的方法
getCount
getView
getItem
getItemId
1.2 LayoutInflater(佈局解析器)
–LayoutInflater有三種獲得方式，資料中有詳細介紹
用來把layout佈局檔案解析成一個View物件，不可以new，需要使用系統服務獲得
inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
自定義介面卡例子：
主介面
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height 項資源listview_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" >
<ImageView
android:id="@+id/iv_listviewitem_image"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3"
android:padding="10dp"
android:scaleType="fitXY"
android:src="@drawable/book1" />
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="6"
android:orientation="vertical"
android:padding="10dp" >
<TextView
android:id="@+id/tv_listviewitme_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="狂人攝影日記"
android:textColor="@color/red"
android:textSize="20sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="書本作者："
android:textColor="@color/black" />
<TextView
android:id="@+id/tv_listviewitme_author"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="阿劉" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="書本價格："
android:textColor="@color/black" />
<TextView
android:id="@+id/tv_listviewitme_price"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="$123"
android:textColor="@color/black" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text=" 出版社："
android:textColor="@color/black" />
<TextView
android:id="@+id/tv_listviewitme_publish"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:text="電子出版社"
android:textColor="@color/black" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="2"
android:text="書本簡介："
android:textColor="@color/black" />
<TextView
android:id="@+id/tv_listviewitme_remark"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:ellipsize="end"
android:maxLines="2"
android:text="很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天很冷的一個冬天"
android:textColor="@color/black" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="20dp"
android:orientation="horizontal" >
<ImageButton
android:id="@+id/bt_listviewitme_btn1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_weight="1"
android:src="@drawable/btn_shopping" />
<ImageButton
android:id="@+id/bt_listviewitme_btn2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_weight="1"
android:src="@drawable/btn_accounts" />
</LinearLayout>
</LinearLayout>
</LinearLayout>具體程式碼
package com.example.app11;
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.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private ListView main_lv;//ListView控制元件
private List<Book> data;//書籍
private MyBaseAdapter adapter;//自定義介面卡
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化資料
main_lv =findViewById(R.id.main_lv);
data=new BookDao().list();
adapter=new MyBaseAdapter((LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE));
//給控制元件繫結自定義介面卡
main_lv.setAdapter(adapter);
}
public class MyBaseAdapter extends BaseAdapter {//自定義介面卡繼承BaseAdapter 內部類
private LayoutInflater inflater ;
public class ViewHolder {
ImageView iv;
TextView tv1;
TextView tv2;
TextView tv3;
TextView tv4;
TextView tv5;
}
public MyBaseAdapter(LayoutInflater inflater) {//重寫構造方法
this.inflater = inflater;
}
//重寫4個方法
@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 v =convertView;
if(v==null){
ViewHolder vh =new ViewHolder();
v=inflater.inflate(R.layout.listview_item,null);
vh.iv=v.findViewById(R.id.iv_listviewitem_image);
vh.tv1=v.findViewById(R.id.tv_listviewitme_title);
vh.tv2=v.findViewById(R.id.tv_listviewitme_author);
vh.tv3=v.findViewById(R.id.tv_listviewitme_price);
vh.tv4=v.findViewById(R.id.tv_listviewitme_publish);
vh.tv5=v.findViewById(R.id.tv_listviewitme_remark);
v.setTag(vh);
}
Book book =data.get(position);
ViewHolder vh = (ViewHolder) v.getTag();
vh.iv.setImageResource(book.getImage());
vh.tv1.setText(book.getTitle());
vh.tv2.setText(book.getAuthor());
vh.tv3.setText(book.getPrice()+"");
vh.tv4.setText(book.getPublish());
vh.tv5.setText(book.getRemark());
return v;
}
}
}