Toolbar的完全自定義

[Android Pro] Toolbar的完全自定義 

reference to : http://blog.csdn.net/elder_sword/article/details/46634751

Toolbar是什麼,不知道的可以去大神的博客瞻仰下 
http://blog.csdn.net/lmj623565791/article/details/45303349 
我當時也是看這篇學習的,但是怎麼說,看完之後想在自己的項目中把Toolbar完全自定義的時候,博客中並沒有講解。這篇博客也只是一個記載,並沒有很高深的技術,廢話不多說。

我自己項目中的樣子 
這裏寫圖片描述

下面的佈局裏你就可以隨便寫你的Toolbar了。注意下面在設置title等屬性的時候要用app命名空間,android打頭的也有,但是可能設置不會顯示 
toolbar.xml

複製代碼
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:segmentedgroup="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:navigationIcon="@drawable/press_back"
    app:title=" " >
 <TextView
        android:id="@+id/toolbar_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_marginLeft="16dp"
        android:text="num"
        android:textColor="#fff"
        android:visibility="gone"
        android:textSize="16dp" />
    <com.hs.diskmanager.view.SegmentedGroup
        android:id="@+id/toolbar_segment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_margin="10dp"
        android:orientation="horizontal"
        segmentedgroup:border_width="1dp"
        segmentedgroup:checked_text_color="#ff33b5e5"
        segmentedgroup:corner_radius="10dp"
        segmentedgroup:tint_color="@android:color/white" >

        <RadioButton
            android:id="@+id/toolbar_phone"
            style="@style/RadioButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="One" />

        <RadioButton
            android:id="@+id/toolbar_udisk"
            style="@style/RadioButton"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Two" />
    </com.hs.diskmanager.view.SegmentedGroup>

    <TextView
        android:id="@+id/toolbar_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginRight="16dp"
        android:text="編輯"
        android:textColor="#fff"
        android:textSize="16dp" />

</android.support.v7.widget.Toolbar>
複製代碼

對應佈局引用

複製代碼
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <include layout="@layout/toolbar"  android:id="@+id/id_toolbar"/>
    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/id_toolbar">
    </FrameLayout>
</RelativeLayout>
複製代碼

可能有點人用完會發現自己下面的佈局蓋在Toolbar的佈局上了,解決方法上面也有寫到,就是below,其它不再多說.

發佈了60 篇原創文章 · 獲贊 6 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章