《Android》『DrawerLayout』- 左側開合選單佈局模式

《Android Developers 參考文獻》

➥Creating a Navigation Drawer

 

《簡單介紹》

Navigation Drawer 是一種左側開合的導覽選單,其中並結合了 ToolBar 與 FloatingActionButton 等元件,一開始 Google 並沒有提供一個統一的元件,大部分的應用程式必須自行改寫 Menu 或是上網尋找高人的開源碼,而後來這種設計方式越來越普遍,Google 終於才定義了關於此功能的名稱 Navigation Drawer,目的是讓眾多不同的 Android 設計界面,能盡量有一個一致且統一的使用者流程體驗。

在這裡我們要來介紹的是在實作左側開合的導覽選單時所需用到的 DrawerLayout 介面佈局

 

《基本用法》

要實作左側開合選單,我們必須使用到 DrawerLayout 這個佈局,這個佈局裡只可以包含兩個 Layout,第一個 Layout 代表主要的介面,第二個 Layout 則代表了左側開合選單的介面,範例程式碼如下 –

activity_main.xml

在 activity_main.xml 中,我們首先加入了一個 DrawerLayout 元件,並在其中加入兩個 Layout ,id 分別為 content_frameleft_drawer,依照順序,DrawerLayout 會把第一個 Layout 視為主要介面,第二個 Layout 視為左側開合介面。若是我們想要加入更複雜的介面,則將這兩個介面各用一個 Container Layout 包含即可。

下一篇我們將直接透過 Android Studio 中的 NavigationDrawer 新增專案,來說明如何實作包含 ToolBar、FloatingActionButton 以及 DrawerLayout 佈局的導覽功能。

 

賽肥膩膩

我們是低調到不行的肥膩夫妻檔,一路上一邊吵鬧一邊記錄著生活大小事,偶爾一起暴飲暴食再偶爾一起節食減肥,最沒恆心與毅力但一路走來也持續減肥了好幾次,我們重量不重質,所以完全沒有效果也是理所當然的事。

上 / 下一篇文章

臉書留言

一般留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *