深入了解Material Design(一)

2021-08-27 21:44:14 字數 1282 閱讀 8140

material design

material design大家並不陌生,google為了保證android平台上互動及視覺規範化提出了material design這個設計理念,它包括視覺、互動等多個方面。本文,在初步介紹material design的基礎上,以乙個開發者的視角來帶大家來深入了解material design的開發及實現。

一、什麼是material design

官方解釋見鏈結

個人理解material design是google設計的一套視覺語言,將優先的經典的設計原理與科技創新相結合,為開發者提供一套完成視覺和互動設計規範。移動裝置是這套設計語言的基礎物件,讓使用者在不同的平台、不同尺寸的裝置上能保持一致的體驗。

google從動畫、顏色、樣式、觸控反饋、布局等多個方面給出了material design的設計要求。無論是單一的控制項還是**布局,google都給出了明確的設計說明,有興趣的同學可以去上方提到的官方鏈結處做進一步了解,因為更多的涉及到ui和ue上的內容,這裡就不做過多的介紹了。

二、material design的相容性

material design是在android5.0的基礎上提出的全新的設計語言,因此有很多控制項特性都只在5.0及以上的版本才支援。為了更好的向下相容老的平台版本,google提供了v4、v7、v13包,同時在今年又提供了support design包。通過在專案中引入這些包的最新版本,可以很快的完成相關介面的開發工作。

值得注意的是,theme是無法直接向下相容的,因此需要去實現兩套不同的styles.xml來保持在不同平台上的theme的一致性,具體的實現方式,會在後面的**實踐中為大家講解。

三、material design的實踐初體驗

首先為了相容5.0以下的android平台,我們需要引入v7的support jar包。在gradle中加入如下的依賴包。寫法如下:

dependencies

}  布局檔案:

這就是我們希望看到的沉浸式狀態了。那同樣的**,在4.4的機器上又會是如何的表現呢?

深入了解A

一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹,如果你還對a 演算法不清楚的話,請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式,使用這個源程式時,應該遵守一定的公約。二 a ...

深入了解A

一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹,如果你還對a 演算法不清楚的話,請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式,使用這個源程式時,應該遵守一定的公約。二 a ...

深入了解Dojo Data

譯自http www.sitepen.com blog 2010 10 13 dive into dojo data 使用dojo data有助於快速建立web應用的介面,且易於嵌入各種資料來源。它在使用者介面與底層資料之間提供了一層抽象層,使得使用者介面開發人員能夠專注於ui的開發,而無需擔心資料...