1. 程式人生 > >Android簡單使用ListView和Adapter

Android簡單使用ListView和Adapter

說明:使用ListView顯示圖片和文字資訊,點選按鈕刪除最後一項內容
  • 在主佈局檔案中新增ListView和Button控制元件
<?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="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/game_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/remove_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/text"
        android:layout_centerHorizontal="true"
        android:text="刪除一個列表項" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_alignParentBottom="true" />

</RelativeLayout>
  • 新建ListView子項佈局檔案
<?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="match_parent">

    <ImageView
        android:id="@+id/game_img"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginStart="10dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/ic_launcher_background" />

    <TextView
        android:id="@+id/game_name"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="10dp"
        android:layout_toEndOf="@+id/game_img"
        android:gravity="start|center_vertical"
        android:text="休閒益智"
        android:textSize="16sp"
        android:textStyle="bold" />

</RelativeLayout>
  • 在MainActivity.java檔案中編寫邏輯程式碼
package com.youngpain.listviewdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private Button button;
    //填充ListView的圖片
    private int[] gameImages = {R.drawable.yizhi, R.drawable.celue, R.drawable.tiyu
            , R.drawable.qipai, R.drawable.sheji, R.drawable.banyan};
    //填充ListView的文字
    private String[] gameNames = {"休閒益智", "經營策略", "體育競速", "棋牌桌遊", "動作射擊", "角色扮演"};
    //圖片和文字的集合
    private List<Map<String, Object>> gameInfo = new ArrayList<>();
    //ListView最後一項的索引
    private int itemIndex = 5;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //去頂欄
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        //初始化
        init();
        //建立Adapter
        final SimpleAdapter simpleAdapter = new SimpleAdapter(this, gameInfo, R.layout.game_item
                , new String[]{"image", "name"}, new int[]{R.id.game_img, R.id.game_name});
        //繫結Adapter
        listView.setAdapter(simpleAdapter);
        //設定監聽事件
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (itemIndex >= 0) {
                    //刪除最後一項資料
                    gameInfo.remove(itemIndex);
                    itemIndex--;
                }
                simpleAdapter.notifyDataSetChanged();
                listView.invalidate();
            }
        });
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                //點選子項時獲取子項內容並顯示
                String itemName = (String) gameInfo.get(position).get("name");
                Toast.makeText(MainActivity.this, itemName, Toast.LENGTH_SHORT).show();
            }
        });
    }

    /**
     * 初始化操作
     */
    private void init() {
        //獲取ListView
        listView = findViewById(R.id.game_list);
        //獲取Button
        button = findViewById(R.id.remove_item);
        //將圖片和文字新增到集合中
        for (int i = 0; i < gameImages.length; i++) {
            Map<String, Object> map = new HashMap<>();
            map.put("image", gameImages[i]);
            map.put("name", gameNames[i]);
            gameInfo.add(map);
        }
    }
}