Android Material Design系列之主題樣式介紹說明等

今天這篇文章應該算是Material Design系列的補充篇养叛,因為這篇文章本來應該放到前面講的翠忠,因為講的是主題嘛形入,對于一些狀態(tài)和顏色的介紹,因為我們一新建一個項目時藕赞,系統(tǒng)自帶了三個屬性的顏色成肘,現(xiàn)在就重點介紹這三個顏色屬性的意義和作用。講明白這個斧蜕,留著以后講別的用双霍。

最常用的三個顏色屬性

  • colorPrimary
  • colorPrimaryDark
  • colorAccent

這三個分別代表什么意思呢?

  • colorPrimaryDark 是狀態(tài)欄底色
  • colorPrimary 如果你不手動自己去修改toolbar背景色的話,它就是默認的toolbar背景色
  • colorAccent 各控制元件(比如:checkbox洒闸、switch 或是 radio) 被勾選 (checked) 或是選定 (selected) 的顏色

文字描述可能還不是很直觀染坯,來看張圖,如下:


image
image

其他屬性相關(guān)介紹

  • navigationBarColor 導航欄的背景色丘逸,但只能用在 API Level 21 以上的版本单鹿,也就是5.0以上才可以
  • windowBackground App 的背景色
  • colorControlNormal 這個也只能在API21以上才能用各控制元件的預設(shè)顏色和colorAccent正好對應

在Style上設(shè)置

以上的顏色屬性均是在 style 的屬性中設(shè)置。如下:


image
image

關(guān)于這些顏色的屬性介紹就到這里了深纲,相信大家應該都明白了仲锄。要是光講這些文章有點短,不太充實囤萤,所以今天我們再補充兩個非常簡單的 Material Design 風格的控件昼窗,可能大家都知道了,知道的就不用看了哈涛舍,略過就好澄惊。

TextInputLayout

TextInputLayout繼承LinearLayout,因此我們需要將EditView包含在TextInputLayout之內(nèi)才可以使用富雅,言外之意:TextInputLayout不能單獨使用掸驱。里面可以包含一個且只能有一個EditText,與傳統(tǒng)的EditText不同,在輸入時EditText的hint提示文字會滑到上方没佑,在用戶輸入的同時提示用戶當前要輸入的是什么毕贼,同時還可以設(shè)置輸入錯誤的提示信息。

代碼布局如下:

<android.support.design.widget.TextInputLayout
        android:id="@+id/email_textlayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="35dp"
        >

        <EditText
            android:id="@+id/email_et"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="請輸入你的郵箱"
            android:inputType="textEmailAddress"
            android:textColor="@color/text_color"/>


</android.support.design.widget.TextInputLayout>

TextInputLayout常用的方法有如下:

  • setHint():設(shè)置提示語蛤奢。
  • getEditText():得到TextInputLayout中的EditView控件鬼癣。
  • setErrorEnabled():設(shè)置是否可以顯示錯誤信息。
  • setError():設(shè)置當用戶輸入錯誤時彈出的錯誤信息啤贩。

特別注意:TextInputLayout不能單獨使用待秃,必須包裹EditView組件,且只能一個,設(shè)置錯誤提示信息時一定要先setErrorEnabled(true);再設(shè)置setError()痹屹。

TextInputEditText

TextInputEditText和TextInputLayout類似章郁,Design包還有一個組件TextInputEditText,它繼承了AppCompatEditText,可以在右側(cè)顯示出錯誤信息的小彈窗提示。用法和TextInputEditText類似志衍,而且不用設(shè)置錯誤信息消除暖庄,重新在TextInputEditText輸出會自動取消,非常的靈活和人性化楼肪。

用法很簡單:

 <android.support.design.widget.TextInputEditText
        android:id="@+id/pwd_et"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:hint="請輸入密碼"
        android:inputType="textEmailAddress"
        android:textColor="@color/text_color"/>

效果圖

image
image

到這里今天的內(nèi)容就講完了培廓,Material Design系列其實還沒有完,今天講了主題樣式春叫,下次就有可能講根據(jù)主題樣式設(shè)置夜間模式肩钠,還有以后的轉(zhuǎn)場動畫等內(nèi)容俘侠。這個系列可能有些基礎(chǔ),但是眾口難調(diào)還請大家理解蔬将,會的同學可以略過爷速,不會的就好好學習∠蓟常總之惫东,都是為了大家更進一步。重口難調(diào)毙石,還請大家理解廉沮。

這個系列的講解和實例都會整理在一個demo里,demo的github地址:https://github.com/loonggg/MaterialDesignDemo 去star吧徐矩,我會慢慢完善的滞时。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市滤灯,隨后出現(xiàn)的幾起案子坪稽,更是在濱河造成了極大的恐慌,老刑警劉巖鳞骤,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窒百,死亡現(xiàn)場離奇詭異,居然都是意外死亡豫尽,警方通過查閱死者的電腦和手機篙梢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來美旧,“玉大人渤滞,你說我怎么就攤上這事×裥幔” “怎么了妄呕?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長录肯。 經(jīng)常有香客問我趴腋,道長吊说,這世上最難降的妖魔是什么论咏? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮颁井,結(jié)果婚禮上厅贪,老公的妹妹穿的比我還像新娘。我一直安慰自己雅宾,他們只是感情好养涮,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般贯吓。 火紅的嫁衣襯著肌膚如雪懈凹。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天悄谐,我揣著相機與錄音介评,去河邊找鬼。 笑死爬舰,一個胖子當著我的面吹牛们陆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播情屹,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼坪仇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了垃你?” 一聲冷哼從身側(cè)響起椅文,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惜颇,沒想到半個月后雾袱,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡官还,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年芹橡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片望伦。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡林说,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出屯伞,到底是詐尸還是另有隱情腿箩,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布劣摇,位于F島的核電站珠移,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏末融。R本人自食惡果不足惜钧惧,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勾习。 院中可真熱鬧浓瞪,春花似錦、人聲如沸巧婶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至英岭,卻和暖如春湾盒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背诅妹。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工历涝, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人漾唉。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓荧库,卻偏偏與公主長得像,于是被迫代替她去往敵國和親赵刑。 傳聞我的和親對象是個殘疾皇子分衫,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

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