android - support.v7.widget.Toolbar 报错

Question

   <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="@drawable/actionbar_bg_gradient_light"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

出现以下的错误

No resource found that matches the given name(at'minHeight'with value'?attr/actionBarSize') 
No resource found that matches the given name(at'theme'with value'@style/ThemeOverlay.AppCompat.Dark.ActionBar') 
No resource found that matches the given name(at'popupTheme'with value'@style/ThemeOverlay.AppCompat.Light') 

Answer 1

使用 support-v7 的幾個步驟:

• 導入 appcompat_v7 項目(android-sdkextrasandroidsupportv7appcompat)
• 修改 appcompat_v7 build-target 為 21以上
• 宣告 appcompat_v7 為庫項目(選取項目名稱 - 快速鍵 Alt+Enter - Android - 勾選 Is Library)
• 將 appcompat_v7libs 裡面的jar add to Build path
• 修改自己項目 build-target 為 21以上
• 在自己的專案引用 appcompat_v7 , 選取自己專案名稱 - 快速鍵 Alt+Enter - Android - add - appcompat_v7 - ok
• 修改自己專案theme 為 appcompat_v7/res/values/themes.xml 裡的 style

注意檢查 Eclipse 佈局預覽的 樣式是否是 appcompat_v7 定義過的樣式.

<!-- 一段可用的布局代码 -->
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="#d8d8d8"
        android:minHeight="?attr/actionBarSize"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/toolBar"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world" />
    </LinearLayout>

</RelativeLayout>