Android自定義View實現導航欄

導航欄是Android應用的一個重要組成部分，它可以幫助用戶快速切換應用內的頁面，提高用戶體驗。在實際開發中，我們經常會遇到導航欄的定製需求，而自定義View就成了一個很好的選擇。本文將介紹如何使用自定義View實現導航欄。

一、實現思路

實現導航欄需要以下步驟：

1. 創建自定義View，重寫onMeasure()、onDraw()方法。

2. 在onMeasure()方法中計運算元View的大小，並確定整個View的大小。

3. 在onDraw()方法中繪製View。

4. 在Activity中使用自定義View作為導航欄。

二、實現步驟

1. 創建自定義View

我們首先需要創建一個新的類作為自定義View：

public class NavigationView extends ViewGroup {

    ... // 省略其他方法
}

我們需要重寫onMeasure()和onDraw()方法，因此先給出方法的聲明：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {}
protected void onDraw(Canvas canvas) {}

2. 計運算元View大小和整個View大小

我們首先需要確定導航欄的高度，可以定義一個常量：

private static final int NAVIGATION_BAR_HEIGHT = 50; // dp

在onMeasure()方法中，我們需要計運算元View的大小，並確定整個View的大小。我們可以遍歷所有子View，並調用measureChild()方法計算它們的大小。在計運算元View的大小時，每個子View的寬度都應該等於父View的寬度除以子View的數量。具體實現如下：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // 獲取父View的大小
    int parentWidth = MeasureSpec.getSize(widthMeasureSpec);
    int parentHeight = NAVIGATION_BAR_HEIGHT;

    // 遍歷所有子View並計算它們的大小
    int childCount = getChildCount();
    for (int i = 0; i < childCount; i++) {
        View childView = getChildAt(i);
        int childHeightMeasureSpec = MeasureSpec.makeMeasureSpec(parentHeight, MeasureSpec.EXACTLY);
        int childWidthMeasureSpec = MeasureSpec.makeMeasureSpec(parentWidth / childCount, MeasureSpec.EXACTLY);
        childView.measure(childWidthMeasureSpec, childHeightMeasureSpec);
    }

    // 確定整個View的大小
    setMeasuredDimension(parentWidth, parentHeight);
}

這裡我們使用MeasureSpec.makeMeasureSpec()方法創建子View的MeasureSpec。MeasureSpec是一個32位的int值，它包含兩個主要部分：測量模式和測量大小。我們使用MeasureSpec.EXACTLY模式來指定子View的大小。這意味著子View的大小將是我們傳遞給它的值。

3. 繪製View

在onDraw()方法中，我們需要繪製所有子View。具體實現如下：

protected void onDraw(Canvas canvas) {
    // 繪製每個子View
    int childCount = getChildCount();
    for (int i = 0; i < childCount; i++) {
        View childView = getChildAt(i);
        canvas.save();
        canvas.translate(i * childView.getMeasuredWidth(), 0);
        childView.draw(canvas);
        canvas.restore();
    }
}

這裡我們使用Canvas.save()和Canvas.restore()方法保存和恢復畫布狀態。這是因為Canvas繪圖狀態是可以被改變的，因此我們需要保存並恢復狀態，以便後續繪圖調用不被影響。

4. 在Activity中使用自定義View作為導航欄

在Activity中，我們可以使用布局文件引入自定義View：

    ... // 添加子View

然後在Activity中獲取NavigationView的引用，並設置為ActionBar：

NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
ActionBar actionBar = getSupportActionBar();
actionBar.setCustomView(navigationView);
actionBar.setDisplayShowCustomEnabled(true);

這樣，我們就能夠使用自定義View作為導航欄了。

三、總結

使用自定義View實現導航欄可以滿足應用的定製需求。通過重寫onMeasure()和onDraw()方法，我們可以靈活地控制View的大小和繪製，從而實現複雜的定製效果。