Android控件Toolbar的使用

Toolbar
Toolbar的功能比ActionBar強大(並沒有多少亂用),多搭配側滑DrawerLayout一起使用。
Frist:在gradle文件中添加appcompat_v7包的引用,具體配置如下:

compile fileTree(include: ['*.jar'], dir: 'libs')
compile 'com.android.support:appcompat-v7:23.4.0'

Second:Style中更改默認的主題爲:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">//不使用系統的Actionbar
 -----------------------可選配置開始---------------------------
         <!--導航欄底色-->
        <item name="colorPrimary">@color/accent_material_dark</item>
        <!--狀態欄底色-->
        <item name="colorPrimaryDark">@color/accent_material_light</item>
        <!--導航欄上的標題顏色-->
        <item name="android:textColorPrimary">@android:color/black</item>
        <!--Activity窗口的顏色-->
        <item name="android:windowBackground">@color/material_blue_grey_800</item>
        <!--按鈕選中或者點擊獲得焦點後的顏色-->
        <item name="colorAccent">#00ff00</item>
        <!--和 colorAccent相反,正常狀態下按鈕的顏色-->
        <item name="colorControlNormal">#ff0000</item>
        <!--Button按鈕正常狀態顏色-->
        <item name="colorButtonNormal">@color/accent_material_light</item>
        <!--EditText 輸入框中字體的顏色-->
        <item name="editTextColor">@android:color/white</item>
 ---------------------可選配置結束----------------------------
    </style>

Third:在layout佈局文件中引用 android.support.v7.widget.Toolbar 代碼如下:

 <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        <!--Toolbarshadows,可選配置-->
        android:elevation="2dp"
        <!--設置Toolbar的背景色-->
        android:background="?attr/colorPrimary" >
    </android.support.v7.widget.Toolbar>

Fourth:在XXXActivity中顯示就可以了,代碼如下

    private Toolbar mToolbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mToolbar= (Toolbar) findViewById(R.id.toolbar);
        //設置logo圖片
        mToolbar.setLogo(R.mipmap.ic_launcher);
        //設置標題
        mToolbar.setTitle("Material Desgin");
        //設置副標題
        mToolbar.setSubtitle("test test");
        setSupportActionBar(mToolbar);
        //設置NavigationIcon的圖片
        mToolbar.setNavigationIcon(R.drawable.android);
        //設置菜單的監聽
        mToolbar.setOnMenuItemClickListener(MyOnMenuItemClick);
    }

我的toolbar的效果圖:
至於我的Toolbar爲什麼是圓角的,我的外部佈局是CardView而已
至於我的Toolbar爲什麼是圓角的,我的外部佈局是CardView而已
更多使用詳情請參考:
http://blog.csdn.net/feiduclear_up/article/details/46457433
http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1118/2006.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章