如何為我的 Android 上的 listView 新增自定義介面卡？

本示例演示如何為 android 中的 listView 新增自定義介面卡。

步驟 1 − 在 Android Studio 中新建一個專案，前往檔案 ⇒ 新建專案並填寫所有必需的詳細資訊以新建一個專案。

步驟 2 − 向 res/layout/activity_main.xml 新增以下程式碼。

<?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">
   <ListView
      android:id="@+id/listView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>
</LinearLayout>

步驟 3 − 向 src/MainActivity.java 新增以下程式碼

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;
import java.util.ArrayList;
public class MainActivity extends AppCompatActivity {
   ListView listView;
   ArrayList<MyData> arrayList = new ArrayList<>();
   MyAdapter adapter;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      listView = findViewById(R.id.listView);
      arrayList.add(new MyData(1, " Mashu","987576443"));
      arrayList.add(new MyData(2, " Azhar","8787576768"));
      arrayList.add(new MyData(3, " Niyaz","65757657657"));
      adapter = new MyAdapter(this, arrayList);
      listView.setAdapter(adapter);
   }
}

步驟 4 − 建立一個 java 類 (MyData.java) 並新增以下程式碼

public class MyData {
   private int serialNum;
   private String name;
   private String mobileNumber;
   public MyData(int num, String name, String mobileNumber) {
      this.serialNum = num;
      this.name = name;
      this.mobileNumber = mobileNumber;
   }
   public int getNum() {
      return serialNum;
   }
   public void setNum(int num) {
      this.serialNum = num;
   }
   public String getName() {
      return name;
   }
   public void setName(String name) {
      this.name = name;
   }
   public String getMobileNumber() {
      return mobileNumber;
   }
   public void setMobileNumber(String mobileNumber) {
      this.mobileNumber = mobileNumber;
   }
}

步驟 5 − 建立一個 java 類 (MyAdapter.java) 並新增以下程式碼 −

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import java.util.ArrayList;
public class MyAdapter extends BaseAdapter {
   private Context context;
   private ArrayList<MyData> arrayList;
   private TextView serialNum, name, contactNum;
   public MyAdapter(Context context, ArrayList<MyData> arrayList) {
      this.context = context;
      this.arrayList = arrayList;
   }
   @Override
   public int getCount() {
      return arrayList.size();
   }
   @Override
   public Object getItem(int position) {
      return position;
   }
   @Override
   public long getItemId(int position) {
      return position;
   }
   @Override
   public View getView(int position, View convertView, ViewGroup parent) {
      convertView = LayoutInflater.from(context).inflate(R.layout.row, parent, false);
      serialNum = convertView.findViewById(R.id.serailNumber);
      name = convertView.findViewById(R.id.studentName);
      contactNum = convertView.findViewById(R.id.mobileNum);
      serialNum.setText(" " + arrayList.get(position).getNum());
      name.setText(arrayList.get(position).getName());
      contactNum.setText(arrayList.get(position).getMobileNumber());
      return convertView;
   }
}

步驟 6 − 建立一個佈局資原始檔 (row.xml) 並新增以下程式碼 −

<?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"
   android:padding="4dp">
   <TextView
      android:id="@+id/serailNumber"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Number"
      android:textColor="@color/colorPrimary"
      android:textSize="16sp" />
   <TextView
      android:id="@+id/studentName"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Name"
      android:textColor="#000000"
      android:textSize="16sp" />
   <TextView
      android:id="@+id/mobileNum"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Mobile Number"
      android:textColor="@color/colorAccent"
      android:textSize="16sp" />
</LinearLayout>

步驟 7 − 向 androidManifest.xml 新增以下程式碼

<?xml version="1.0" encoding="utf-8"?>
<manifest
   xmlns:android="http://schemas.android.com/apk/res/android"
   package="app.com.sample">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action
               android:name="android.intent.action.MAIN" />
            <category
               android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

讓我們嘗試執行你的應用程式。我假設你已將你的實際 Android 移動裝置與你的電腦連線。要從 Android Studio 執行應用程式，請開啟你的一個專案活動檔案，然後單擊工具欄中的執行圖示。選擇你的移動裝置作為選項，然後檢視將顯示預設螢幕的移動裝置 −