GridView分頁控件樣式自定義

在Android中，GridView分頁控件的樣式自定義可以通過以下步驟實現：

1. 創建一個新的XML布局文件，用于自定義GridView的分頁控件樣式。例如，創建一個名為grid_page_indicator.xml的文件，并在其中添加以下內容：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/indicator"
        android:layout_width="8dp"
        android:layout_height="8dp"
        android:background="@drawable/page_indicator_background" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="8dp"
        android:text="Page 1"
        android:textColor="@android:color/white" />
</LinearLayout>

在這個布局文件中，我們定義了一個包含ImageView和TextView的線性布局，用于顯示分頁控件的樣式。你可以根據需要自定義這些屬性。

2. 在你的Activity或Fragment中，創建一個PageIndicator類，繼承自View，并重寫其onDraw方法以自定義分頁控件的繪制邏輯。例如：

public class PageIndicator extends View {

    private int currentPage = 1;
    private List<Integer> pageCount;

    public PageIndicator(Context context) {
        super(context);
    }

    public PageIndicator(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public void setPageCount(List<Integer> pageCount) {
        this.pageCount = pageCount;
        invalidate();
    }

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        int count = pageCount == null ? 0 : pageCount.size();
        if (count == 0) {
            return;
        }

        int indicatorWidth = getWidth() / count;
        int padding = (getWidth() - count * indicatorWidth) / (count + 1);

        for (int i = 0; i < count; i++) {
            int left = padding + i * (indicatorWidth + padding);
            int right = left + indicatorWidth;
            int top = getHeight() / 2 - getHeight() / 4;
            int bottom = top + getHeight() / 4;

            if (i == currentPage - 1) {
                canvas.drawRect(left, top, right, bottom, getResources().getDrawable(R.drawable.page_indicator_active));
            } else {
                canvas.drawRect(left, top, right, bottom, getResources().getDrawable(R.drawable.page_indicator_inactive));
            }
        }
    }
}

在這個類中，我們定義了currentPage和pageCount屬性，分別表示當前頁碼和總頁數。我們還重寫了onDraw方法，根據當前頁碼和總頁數繪制分頁控件。

3. 在你的Activity或Fragment中，將自定義的PageIndicator添加到GridView中，并設置適配器。例如：

public class MyActivity extends AppCompatActivity {

    private GridView gridView;
    private PageIndicator pageIndicator;
    private List<String> data;
    private CustomAdapter adapter;

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

        gridView = findViewById(R.id.gridview);
        pageIndicator = findViewById(R.id.page_indicator);

        data = new ArrayList<>();
        for (int i = 1; i <= 20; i++) {
            data.add("Item " + i);
        }

        adapter = new CustomAdapter(this, data);
        gridView.setAdapter(adapter);

        // 設置分頁控件的頁面數量
        List<Integer> pageCount = new ArrayList<>();
        for (int i = 1; i <= data.size() / 2; i++) {
            pageCount.add(i);
        }
        pageIndicator.setPageCount(pageCount);

        // 設置分頁控件的當前頁碼
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (position == data.size() - 2) {
                    pageIndicator.setCurrentPage(pageCount.get(pageCount.size() - 1));
                } else {
                    pageIndicator.setCurrentPage(position + 1);
                }
            }
        });
    }
}

在這個示例中，我們首先創建了一個包含20個條目的數據列表，并將其設置為GridView的適配器。然后，我們創建了一個PageIndicator實例，并將其添加到GridView中。我們還設置了分頁控件的頁面數量和當前頁碼。最后，我們為GridView設置了OnItemClickListener，以便在點擊最后一項時跳轉到最后一頁。

現在，你已經成功地自定義了GridView分頁控件的樣式。你可以根據需要進一步調整樣式和邏輯。