android應用開發-從設計到實現 3-4 靜態原型的狀態欄
靜態原型的狀態欄
狀態欄Symbol
狀態欄似乎非常復雜，有wifi信號、手機信號、時間、電量等信息，幸好Sketch原生就自帶的現成組件，你能夠直接拿過來就用了。當然。你也能夠自己一個一個去畫，只是既然有了現成的輪子，又何必反復勞動呢。
菜單條中選擇File -> New From Template，在彈出的菜單中選擇Material Design。此時會創建一個新的project文件。
與之前空的project文件不同的是，這裏面已經有了兩個現成的page，裏面的內容就是Material Design會使用到的各種現成的組件。
選擇Material Design Symbol -> Material/Android/Status bar 360dp black
symbol。它是有多個圖形組合後形成的一個通用符號。Symbol能夠被不同的page、項目共享使用。
以後僅僅要看到這個圖案，就知道這是一個symbol了，
我們也能夠創建自己的symbol。只是這個地方還不會用到。
隨著設計開發的深入，在這個章節的後半部分。我們會進行具體的介紹。
使用狀態欄Symbol
使用鼠標右鍵 + Copy（或者cmd + c）之後，將它粘貼（鼠標右鍵 + Paste Over或者cmd + v）到我們之前的weather page之中。
假設狀態欄粘貼之後。並沒有對齊畫板的邊緣。手動將它移動，對齊就能夠了。
此時能夠看到。
Pages以下自己主動多出了一個叫做symbols的頁面，它裏面放的就是我們剛引進的symbol。這時的statusbar還是一個獨立的部分，並沒有隸屬於
Mobile Portrait畫板之下。兩者還是平級的關系。
調整狀態欄Symbol
接下來我們就開始調整statusbar與Mobile Portrait之間的隸屬關系。
- 將狀態欄展開。選中裏面的內容。
- 將各個組件拖入到
Mobile Portrait之下。 - 刪除沒有內容的狀態欄symbol。
- 將剛拖入的組件使用
工具欄上的Group功能組合起來，並將組合後的組件更名為Statusbar。
選中狀態欄，我們能夠看到狀態欄的尺寸是：24px*360px，剛好是前面講過的狀態欄應該的高度。
改動背景色
將狀態欄的背景顏色改動成之前設定的Primary Color：#3F51B5，
本文是《從設計到實現-手把手教你做android應用開發》系列文檔中的一篇。感謝您的閱讀和反饋，對本文有不論什麽的意見和建議請留言，我都會盡量一一回復。
假設您認為本文對你有幫助，請推薦給很多其它的朋友。或者增加我們的QQ群348702074和很多其它的小夥伴一起討論；也希望大家能給我出出主意。讓這些文檔能講的更好，能最大化的幫助到希望學習開發的夥伴們。
除了CSDN公布的文章，本系列最新的文章將會首先公布到我的專屬博客book.anddle.com。大家能夠去那裏先睹為快。
同一時候也歡迎您光顧我們在淘寶的網店安豆的雜貨鋪。店中的積木能夠搭配成智能LED燈。相關的配套文檔也能夠在這裏看到。
這些相關硬件都由我們為您把關購買，為大家節省選擇的精力與時間。同一時候也感謝大家對我們這些碼農的支持。
最後再次感謝各位讀者對安豆的支持，謝謝:)
android應用開發-從設計到實現 3-4 靜態原型的狀態欄