android 開發Topbar模板

前段時間公司安卓的項目剛剛啓動,並且項目時間也很趕。界面也是至關的多。用一個月的時間去拷貝一個應用的界面。以前在網龍的時候,看見過項目團隊中使用的一種他們本身自定義的相似Actionbar的頂部工具條。固然那個時候好像Toolbar還沒出來。不過Toolbar就是比Actionbar靈活度更高了吧。android

目前國內的不少app應用並無遵循Google官方提供的設計主題樣式,界面的設計風格基本都是頂部的工具條位置不會有什麼變化,一直在頂部保持不變。在Google官方新出的android design的支持包中,有些組件對Toolbar進行包裹以後的效果仍是很是棒的。可是主要仍是按照產品的設計來吧,因此本身設計了一個自由度還算蠻高的,可以基本適應國內設計風格下的全部變更。可以自定義的根據須要去填充須要的控件。app

不過,我想這些東西應該在大公司裏都很是的常見了吧。可是以前COPY的那個app,看了一下,每一個界面的頂部都是用相對佈局組件不斷的重複的一樣的代碼拼湊出來的,水平可見通常。框架

那麼我這個具體思路是這樣的:工具

1,頂部工具條的左側基本就是返回鍵的功能,多是圖片,也多是文字。全部我把這個部分的內容開放出去,經過自定義的屬性來設置這裏面須要顯示什麼。固然這個自定義屬性接受的參數時layout的佈局資源的id。這個我想在網龍的那個項目組的同事也是沒想到的吧。而後這個佈局裏顯示什麼都是能夠的了。佈局

2,居中的佈局,我特殊的處理了一下,讓中間能夠顯示文本也能夠顯示自定義的佈局。自定義佈局的操做和上一步同樣。動畫

3,右側暫時定爲三個開放式佈局。同樣的思路。設計

由於通常的手機,寬度的限制,因此在頂部的右側,我將自定義開放式佈局的個數限制在了3個如下。那麼在使用的時候能夠根據須要去自定義須要顯示的多少個,顯示什麼功能按鈕。圖片


這個就是大致上的設計思路了,在後面的開發過程當中,不少界面我都是直接拷貝黏貼,有特殊的經過在外部自定義一個佈局文件,在文件中自定義的添加控件,而後將這個佈局文件的id傳入到自定義屬性中,讓這個頂部工具條本身去顯示這個控件。效率仍是至關的快的。哈哈資源

若是須要作什麼動畫顯示,或者模仿Google官方的設計樣式,那也是很是簡單的,使用android第三方的動畫框架,搭配FrameLayout來操做,相信效果仍是比較讚的。開發

相關文章
相關標籤/搜索