摘要:今天我們主要講的使用,我們都知道是在以后推出來的,之前都是這個控件。我相信雖然谷歌在以后推出了,但是用的人肯定很少,因為個人認為它比較惡心。而且對的界定很模糊和在外觀上并沒有太大的區別,只是說更加自由了,而不像那樣有太多系統定制的條條框框。
Toolbar包含哪些元素呢今天我們主要講Toolbar的使用,我們都知道Toolbar是在Android 5.0以后推出來的,之前都是ActionBar這個控件。我相信雖然谷歌在3.0以后推出了ActionBar,但是用的人肯定很少,因為個人認為它比較惡心。而且Android對ActionBar的界定很模糊,Toolbar和ActionBar在外觀上并沒有太大的區別,只是說Toolbar更加自由了,而不像ActionBar那樣有太多系統定制的條條框框。
一個Toolbar包含哪些元素呢?通過我們看API文檔可以知道,Toolbar包含如下這些元素:
導航按鈕
應用程序的標志logo
標題和子標題
一個和多個自定義的視圖控件
操作菜單
基本使用 效果圖我們知道了一個Toolbar大概包含了5種元素,那我們就介紹一下它們的基本使用。先看做出來的效果圖,如下:
Toolbar的效果圖上,從左往右依次是:導航按鈕,logo,標題和子標題,自定義控件和action menu操作菜單。
上面效果圖實現的布局代碼如下:
布局代碼中的app:logo,app:subtitle等我就不一一介紹了,相信大家都能看懂是什么意思。這些東西可以在布局文件中寫,當然也可以在代碼中實現,比如:
toolbar.setNavigationIcon(); toolbar.setLogo(); toolbar.setTitle(); toolbar.setSubtitle(); ……標題和子標題樣式
對于標題和子標題的樣式,我們也是可以修改的,比如:顏色,大小等。在style文件中如下:
操作菜單
對于操作菜單(action menu),我們先在menu中配置item,如下:
然后我們通過這行代碼加入到toolbar中:
toolbar.inflateMenu(R.menu.toolbar_menu);
其實這樣配置也是可以的,如下:
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.toolbar_menu, menu); return true; }Activity中的代碼和點擊事件
public class ToolbarActivity extends AppCompatActivity { private Toolbar toolbar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); supportRequestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_toolbar); toolbar = (Toolbar) findViewById(R.id.toolbar); toolbar.inflateMenu(R.menu.toolbar_menu); //action menu操作菜單按鈕的點擊事件 toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { switch (item.getItemId()){ case R.id.share: Toast.makeText(ToolbarActivity.this,"分享",Toast.LENGTH_SHORT).show(); break; case R.id.setting: Toast.makeText(ToolbarActivity.this,"設置",Toast.LENGTH_SHORT).show(); break; } return false; } }); //導航按鈕的點擊事件 toolbar.setNavigationOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { finish(); } }); } }修改menu中三個點(更多)的樣式
通過效果圖我們可以看到更多三個點的顏色和我們的menu按鈕的顏色不統一,特別丑,如果我們要想修改成白色該怎么做呢?
配置style
在toolbar中設置主題
android:theme="@style/Theme.ToolBar.More"
效果圖
顏色是不是統一了,好看了很多?
Toolbar以前剛開始用的時候有過很多坑,不過這一次我在給大家寫博客的時候,重寫的時候,發現以前的坑都沒有了,看來谷歌是修復了,越弄越好了。關于Toolbar就講這些吧。這個再說一遍,這個系列確實都是在講Material Design控件的使用,都是一些基本的用法和遇到的一些坑,這些Material Design風格控件都會用了的,如果閑很基礎,可以略過,Material Design出來很久了,確實時間很長了,寫這個系列的目的是為了那些沒用過Material Design的同學。所謂眾口難調,還請大家擔待點。
demo的github地址:https://github.com/loonggg/MaterialDesignDemo 去star吧,我會慢慢完善的。
歡迎關注微信公眾號:非著名程序員(smart_android),每天每周定時推送原創技術文章。所有技術文章, 均會在微信訂閱號首發,關注微信公眾號可以及時獲得技術文章推送。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/64866.html
摘要:從今天開始,我們講一個關于風格控件系列的文章。個人認為風格還是非常漂亮和好看的。包含,一設置側滑菜單欄就形成了。分為兩部分,一部分是,一部分是。就是對應菜單的頂部部分,一般用來顯示用戶信息什么的,則對應實際的菜單選項。 從今天開始,我們講一個關于Material Design風格控件系列的文章。個人認為Material Design風格還是非常漂亮和好看的。關于Material Des...
閱讀 4150·2021-09-22 15:34
閱讀 2765·2021-09-22 15:29
閱讀 490·2019-08-29 13:52
閱讀 3351·2019-08-29 11:30
閱讀 2259·2019-08-26 10:40
閱讀 833·2019-08-26 10:19
閱讀 2256·2019-08-23 18:16
閱讀 2311·2019-08-23 17:50