GridView自定義分頁控件

在Android開發中，自定義分頁控件可以幫助你更好地控制分頁邏輯和界面顯示。下面是一個簡單的示例，展示如何創建一個自定義的GridView分頁控件。

1. 創建布局文件

首先，創建一個布局文件來定義分頁控件的樣式。

<!-- res/layout/pagination_control.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center">

    <TextView
        android:id="@+id/textViewPageInfo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Page 1 of 10"
        android:textSize="16sp" />

    <Button
        android:id="@+id/buttonPrevious"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Previous" />

    <Button
        android:id="@+id/buttonNext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Next" />
</LinearLayout>

2. 創建自定義分頁控件類

接下來，創建一個自定義的分頁控件類，繼承自View。

// CustomPaginationControl.java
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

public class CustomPaginationControl extends LinearLayout {

    private TextView textViewPageInfo;
    private Button buttonPrevious;
    private Button buttonNext;
    private int currentPage = 1;
    private int totalPages = 10;

    public CustomPaginationControl(Context context) {
        this(context, null);
    }

    public CustomPaginationControl(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CustomPaginationControl(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = inflater.inflate(R.layout.pagination_control, this, true);

        textViewPageInfo = view.findViewById(R.id.textViewPageInfo);
        buttonPrevious = view.findViewById(R.id.buttonPrevious);
        buttonNext = view.findViewById(R.id.buttonNext);

        updatePageInfo();

        buttonPrevious.setOnClickListener(v -> {
            if (currentPage > 1) {
                currentPage--;
                updatePageInfo();
            }
        });

        buttonNext.setOnClickListener(v -> {
            if (currentPage < totalPages) {
                currentPage++;
                updatePageInfo();
            }
        });
    }

    private void updatePageInfo() {
        textViewPageInfo.setText(String.format("Page %d of %d", currentPage, totalPages));
    }

    public int getCurrentPage() {
        return currentPage;
    }

    public void setCurrentPage(int currentPage) {
        this.currentPage = currentPage;
        updatePageInfo();
    }

    public int getTotalPages() {
        return totalPages;
    }

    public void setTotalPages(int totalPages) {
        this.totalPages = totalPages;
        updatePageInfo();
    }
}

3. 在Activity中使用自定義分頁控件

最后，在你的Activity中使用這個自定義分頁控件。

// MainActivity.java
import android.os.Bundle;
import android.widget.GridView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private GridView gridView;
    private CustomPaginationControl paginationControl;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        gridView = findViewById(R.id.gridView);
        paginationControl = findViewById(R.id.paginationControl);

        // 設置GridView的分頁邏輯
        gridView.setAdapter(new CustomGridAdapter(this, 10));

        // 設置自定義分頁控件的監聽器
        paginationControl.setOnClickListener(v -> {
            // 處理分頁邏輯
        });
    }
}

4. 創建自定義GridView適配器

為了完整性，這里還需要創建一個自定義的GridView適配器。

// CustomGridAdapter.java
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomGridAdapter extends BaseAdapter {

    private Context context;
    private int itemsPerPage = 10;

    public CustomGridAdapter(Context context, int itemsPerPage) {
        this.context = context;
        this.itemsPerPage = itemsPerPage;
    }

    @Override
    public int getCount() {
        // 這里可以根據實際情況返回總項目數
        return 100;
    }

    @Override
    public Object getItem(int position) {
        // 這里可以根據實際情況返回項目數據
        return "Item " + position;
    }

    @Override
    public long getItemId(int position) {
        // 這里可以根據實際情況返回項目ID
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.grid_item, parent, false);
        }

        TextView textView = convertView.findViewById(R.id.textViewItem);
        ImageView imageView = convertView.findViewById(R.id.imageViewItem);

        textView.setText("Item " + position);
        imageView.setImageResource(R.drawable.ic_launcher_background);

        return convertView;
    }
}

5. 創建GridView和分頁控件布局文件

最后，創建一個包含GridView和分頁控件的布局文件。

<!-- res/layout/activity_main.xml -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <GridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:numColumns="auto_fit"
        android:columnWidth="100dp"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        android:stretchMode="columnWidth" />

    <LinearLayout
        android:id="@+id/paginationControl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        android:padding="10dp">

        <TextView
            android:id="@+id/textViewPageInfo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Page 1 of 10"
            android:textSize="16sp" />

        <Button
            android:id="@+id/buttonPrevious"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Previous" />

        <Button
            android:id="@+id/buttonNext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Next" />
    </LinearLayout>
</LinearLayout>

這樣，你就創建了一個自定義的GridView分頁控件，可以在你的應用中使用它來控制分頁邏輯和界面顯示。