記:實(shí)用的Material Design

Material Design:

Google 推出的一個(gè)Design Support庫(kù)埋酬,包含了很多具有代表性的控件及效果

以下內(nèi)容為邊學(xué)邊學(xué)系列

1.Toolbar

(1)在xml文件中:
 <android.support.v7.widget.Toolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

app:popupTheme為了兼容5.0以下,使用淺色部分文字
android:theme為了讓菜單變成深色

(2)在activity文件中(必寫):

setSupportActionBar(toolBar);

這樣慰丛,一個(gè)普普通通的ToolBar就寫成了

(3)在toolbar上加上按鈕:

在res-menu中建立一個(gè)名字為toolbar.xml的文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/backUp"
        android:icon="@drawable/ic_back"
        android:showAsAction="always"
        android:title="Back" />

    <item
        android:id="@+id/rain"
        android:icon="@drawable/ic_big_rain"
        android:showAsAction="ifRoom"
        android:title="Rain" />

    <item
        android:id="@+id/sun"
        android:icon="@drawable/ic_fan"
        android:showAsAction="never"
        android:title="sun" />
</menu>
(4)在activity中分別重寫onCreateOptionsMenu()方法和onOptionsItemSelected方法:
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.toolbar, menu);
        return true;
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.backUp:
                make("后退");
                break;
            case R.id.rain:
                make("下雨");
                break;
            case R.id.sun:
                make("晴天");
                break;
        }
        return true;
    }

這樣就好了朽们。

重點(diǎn)部分說明帘饶,看郭霖大神的書,覺得總結(jié)的最好,各位吃瓜群眾拿小本本記好:

android:showAsAction有如下幾種值可選:always表示永遠(yuǎn)顯示在Toolbar中,如果屏幕空間不夠則不顯示蕊蝗;ifRoom表示屏幕空間足夠的情況下顯示在Toolbar中,否則不顯示赖舟;never則表示永遠(yuǎn)顯示在菜單欄中蓬戚。注意,Toolbar中的action按鈕只會(huì)顯示圖標(biāo)宾抓,菜單欄中的action按鈕只會(huì)顯示文字W愉觥!石洗!

2.FloatingActionBar

雖然只是一個(gè)懸浮的按鈕幢泼,我們平時(shí)也許會(huì)拿button直接用,但這個(gè)有陰影讲衫,效果我覺得還不錯(cuò)缕棵。

(1)在build.gradle中引用design(這里我用的是 compile 'com.android.support:design:25.2.0')

(2)在xml文件中寫布局

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/btFloatingAction"
        android:src="@drawable/ic_fan"
        android:elevation="10dp"
        android:background="#FFFFFF"
        android:layout_width="wrap_content"
        android:layout_margin="20dp"
        android:layout_gravity="bottom|end"
        android:layout_height="wrap_content" />

就這樣,毫無難度涉兽,對(duì)吧挥吵?

有一個(gè)知識(shí)點(diǎn) android:elevation=“10dp”用來設(shè)置陰影高度,數(shù)值從小到大花椭,陰影也是從小到大

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市房午,隨后出現(xiàn)的幾起案子矿辽,更是在濱河造成了極大的恐慌,老刑警劉巖郭厌,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件袋倔,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡折柠,警方通過查閱死者的電腦和手機(jī)宾娜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來扇售,“玉大人前塔,你說我怎么就攤上這事〕斜” “怎么了华弓?”我有些...
    開封第一講書人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)困乒。 經(jīng)常有香客問我寂屏,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任迁霎,我火速辦了婚禮吱抚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘考廉。我一直安慰自己秘豹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開白布芝此。 她就那樣靜靜地躺著憋肖,像睡著了一般。 火紅的嫁衣襯著肌膚如雪婚苹。 梳的紋絲不亂的頭發(fā)上岸更,一...
    開封第一講書人閱讀 49,760評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音膊升,去河邊找鬼怎炊。 笑死,一個(gè)胖子當(dāng)著我的面吹牛廓译,可吹牛的內(nèi)容都是我干的评肆。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼非区,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼瓜挽!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起征绸,我...
    開封第一講書人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤久橙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后管怠,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體淆衷,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年渤弛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了祝拯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡她肯,死狀恐怖佳头,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晴氨,我是刑警寧澤畜晰,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站瑞筐,受9級(jí)特大地震影響凄鼻,放射性物質(zhì)發(fā)生泄漏腊瑟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一块蚌、第九天 我趴在偏房一處隱蔽的房頂上張望闰非。 院中可真熱鬧,春花似錦峭范、人聲如沸财松。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽辆毡。三九已至,卻和暖如春甜害,著一層夾襖步出監(jiān)牢的瞬間舶掖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工尔店, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留眨攘,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓嚣州,卻偏偏與公主長(zhǎng)得像鲫售,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子该肴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容