Android Material Design-Using the Material Theme(使用Material主題)-(二)

來源:互聯網
上載者:User

Android Material Design-Using the Material Theme(使用Material主題)-(二)

 

新的material主題提供了:

l 可以讓你設定調色盤的系統控制項。

l 為控制項(設計的)觸摸反饋動畫。

l Activity過渡動畫

 

你可以根據調色盤,控制你定製的material主題。你也可以調整標題列(Action Bar),並使用主題屬性的狀態列,三。

 

提供的系統控制項有了全新的設計和觸摸反饋動畫。你可以在app中自訂調色盤,觸摸反饋的動畫,和activity的過渡動畫。

 

Material主題定義為如下:

l @android:style/Theme.Material (dark version)

l @android:style/Theme.Material.Light (light version)

l @android:style/Theme.Material.Light.DarkActionBar

 

更多可使用的material樣式,請參閱R.style的API參考。

圖一:dark material theme 圖二:light material theme

 

注意:這個material主題只有在Android 5.0(API層級21)以上才可用。在v7支援庫中提供了一些控制項的material主題樣式和調色盤的相容支援,要瞭解更多資訊,請參閱Maintaining Compatibility(未更新)。

 

自訂調色盤

要定義主題的基礎顏色去適應你的(app設計)品牌,定義你自己的顏色在(material)主題中使用這個顏色屬性:

 

 

自訂狀態列

 

使用該material主題,你可以輕鬆地自訂狀態列,你也可以指定一個顏色基調去適應你的(app設計)品牌並 提供足夠的對比去顯示白色的狀態列表徵圖。要自訂狀態列的顏色,你可以在繼承了material主題後使用android:statusBarColor屬性。預設情況下android:statusBarColor屬性的值是android:colorPrimaryDark。

你也可以自己定義狀態列的表現形式。例如,如果你想在一張照片之上顯示透明的狀態列,用一種微妙的深色漸層確保白色狀態表徵圖是可見的。要做到這點,(應該)把android:statusBarColor屬性設定為@android:color/transparent(透明),同時根據需要調整視窗的標識。你也可以使用Window.setStatusBarColor()方法用於動畫或者褪色(fading)。

圖三:自訂material主題

 

注意:狀態列應該總是跟工具列有一個明顯的界定,除非你在這裡展示了邊緣到邊緣之間豐富的映像或者媒體內容,(或者你)使用了漸層確保了表徵圖仍然可見的情況下。

 

 

 

主題的個人建議

在XML布局裡的元素也可以定義android:theme屬性,該屬性是引用佈景主題資源。這個屬性修改的主題元素和任何的子項目是用於在一個特別的介面中改變佈景主題色彩調色盤。

 

Demo示範效果:

 

 

 

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.