十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要為大家展示了“DrawerLayout如何結合Tollbar實現(xiàn)菜單側滑效果”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“DrawerLayout如何結合Tollbar實現(xiàn)菜單側滑效果”這篇文章吧。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于網(wǎng)站建設、成都網(wǎng)站制作、大同網(wǎng)絡推廣、小程序定制開發(fā)、大同網(wǎng)絡營銷、大同企業(yè)策劃、大同品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供大同建站搭建服務,24小時服務熱線:18980820575,官方網(wǎng)址:www.cdcxhl.com
具體內(nèi)容如下
DrawerLayout(抽屜布局):谷歌官方的控件,可以簡單的實現(xiàn)側滑菜單;
此Demo主要是DrawerLayout結合Toolbar實現(xiàn)側滑左上角返回鍵實現(xiàn)動畫效果,點擊左上角返回鍵實現(xiàn)動畫效果并且滑出滑入側滑菜單;
xml布局文件:
布局文件非常簡單,就是一個線性布局,上面是toolbar,下面是DrawerLayout,抽屜布局里面放兩個容器布局,上面的是主頁面,下面的是菜單頁面;
想要實現(xiàn)左上角返回按鈕的動畫必須給toolbar設置樣式(app:theme="@style/DrawerArrowStyle"):
接下來設置Toolbar和DrawerLayout:
toolbar = (Toolbar) findViewById(R.id.toolbar); mDrawerLayout= (DrawerLayout) findViewById(R.id.drawerLayout); /***************************************Toolbar設置****************************************/ //把布局中的Toolbar當作ActionBar setSupportActionBar(toolbar); //設置標題 getSupportActionBar().setTitle("頤眾商城"); //設置返回鍵 getSupportActionBar().setDisplayHomeAsUpEnabled(true); /**********************************DrawerLayout設置****************************************/ //第一步:創(chuàng)建返回鍵,并實現(xiàn)打開關/閉監(jiān)聽 ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, 0, 0) { @Override //打開Drawer public void onDrawerOpened(View drawerView) { super.onDrawerOpened(drawerView);//開關狀態(tài)改為opened } @Override //關閉Drawer public void onDrawerClosed(View drawerView) { super.onDrawerClosed(drawerView);//開關狀態(tài)改為closed } }; //第二步:該方法會自動和actionBar關聯(lián), 將開關的圖片顯示在了action上,如果不設置,也可以有抽屜的效果,不過是默認的圖標 mDrawerToggle.syncState(); //第三步:設置抽屜滑出來,和滑進去的監(jiān)聽 mDrawerLayout.setDrawerListener(mDrawerToggle);
以上是“DrawerLayout如何結合Tollbar實現(xiàn)菜單側滑效果”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!