Android開發(fā)之開發(fā)者頭條(二)實(shí)現(xiàn)左滑菜單
在上篇文章給大家介紹了Android開發(fā)之開發(fā)者頭條(一)啟動頁實(shí)現(xiàn),感興趣的朋友可以參考下。
title: 帶你實(shí)現(xiàn)開發(fā)者頭條(二) 實(shí)現(xiàn)左滑菜單
tags: 左滑菜單,android 自帶側(cè)滑,DrawerLayout
grammar_cjkRuby: true
今天開始模仿開發(fā)者頭條的側(cè)滑菜單,是本系列第二篇文章,相信大家已經(jīng)看到很多app使用這種側(cè)滑。今天我來教大家用android自帶DrawerLayout控件實(shí)現(xiàn)。
DrawerLayout是SupportLibrary包中實(shí)現(xiàn)了側(cè)滑菜單效果的控件,可以說DrawerLayout是因?yàn)榈谌娇丶鏜enuDrawer等的出現(xiàn)之后,google借鑒而出現(xiàn)的產(chǎn)物。DrawerLayout分為側(cè)邊菜單和主內(nèi)容區(qū)兩部分,側(cè)邊菜單可以根據(jù)手勢展開與隱藏(DrawerLayout自身特性),主內(nèi)容區(qū)的內(nèi)容可以隨著菜單的點(diǎn)擊而變化(這需要使用者自己實(shí)現(xiàn))。
一.先給大家展示下效果圖:
二.代碼實(shí)現(xiàn)
1.drawerLayout其實(shí)是一個布局控件,跟LinearLayout等控件是一種東西,但是drawerLayout帶有滑動的功能。只要按照drawerLayout的規(guī)定布局方式寫完布局,就能有側(cè)滑的效果。我這邊把側(cè)滑菜單的內(nèi)容放一個布局文件了。
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:clipToPadding="true" android:fitsSystemWindows="true" > <include android:id="@+id/rl_title" layout="@layout/layout_main_title" /> <!-- The main content view --> <FrameLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/rl_title" android:background="@color/white_normal" > </FrameLayout> </RelativeLayout> <!-- The navigation view --> <FrameLayout android:id="@+id/left_drawer" android:layout_width="280dp" android:layout_height="match_parent" android:layout_gravity="start" > <!-- 左側(cè)菜單 --> <include layout="@layout/layout_main_left" /> </FrameLayout> </android.support.v4.widget.DrawerLayout>
注意事項(xiàng)
主內(nèi)容區(qū)的布局代碼要放在側(cè)滑菜單布局的前面,這可以幫助DrawerLayout判斷誰是側(cè)滑菜單,誰是主內(nèi)容區(qū)
側(cè)滑菜單的部分的布局(這里是ListView)可以設(shè)置layout_gravity屬性,他表示側(cè)滑菜單是在左邊還是右邊。
2.MainActivity.java 繼承FragmentActivity
1).設(shè)置內(nèi)容Fragment,設(shè)置狀態(tài)欄
2).處理左側(cè)點(diǎn)擊事件,在點(diǎn)擊事件中設(shè)置選中背景,關(guān)閉左邊側(cè)滑菜單。
public class MainActivity extends FragmentActivity{
private DrawerLayout mDrawerLayout;
private RelativeLayout rlHome, rlGift, rlShare;
private int currentSelectItem = R.id.rl_home;// 默認(rèn)首頁
private ContentFragment contentFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
findViewById(R.id.iv_menu).setOnClickListener(clickListener);
initLeftMenu();//初始化左邊菜單
contentFragment=new ContentFragment();
getSupportFragmentManager().beginTransaction().add(R.id.content_frame,contentFragment).commit();
setWindowStatus();
}
private void initLeftMenu() {
rlHome = (RelativeLayout) findViewById(R.id.rl_home);
rlGift = (RelativeLayout) findViewById(R.id.rl_gift);
rlShare = (RelativeLayout) findViewById(R.id.rl_share);
rlHome.setOnClickListener(onLeftMenuClickListener);
rlGift.setOnClickListener(onLeftMenuClickListener);
rlShare.setOnClickListener(onLeftMenuClickListener);
rlHome.setSelected(true);
}
private OnClickListener onLeftMenuClickListener = new OnClickListener() {
@Override
public void onClick(View v) {
if (currentSelectItem != v.getId()) {//防止重復(fù)點(diǎn)擊
currentSelectItem=v.getId();
noItemSelect();
switch (v.getId()) {
case R.id.rl_home:
rlHome.setSelected(true);
contentFragment.setContent("這是首頁");
break;
case R.id.rl_gift:
rlGift.setSelected(true);
contentFragment.setContent("這是禮物兌換");
break;
case R.id.rl_share:
rlShare.setSelected(true);
contentFragment.setContent("這是我的分享");
break;
}
mDrawerLayout.closeDrawer(Gravity.LEFT);
}
}
};
private void noItemSelect(){
rlHome.setSelected(false);
rlGift.setSelected(false);
rlShare.setSelected(false);
}
private OnClickListener clickListener = new OnClickListener() {
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_menu:// 打開左邊抽屜
mDrawerLayout.openDrawer(Gravity.LEFT);
break;
}
}
};
// 設(shè)置狀態(tài)欄
private void setWindowStatus() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
// 透明狀態(tài)欄
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// 透明導(dǎo)航欄
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
// 設(shè)置狀態(tài)欄顏色
getWindow().setBackgroundDrawableResource(R.color.main_color);
}
}
}
3.左側(cè)菜單item選中背景的布局文件 selector_left_menu_item.xml。
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/menu_left_item_select" android:state_selected="true"/> <item android:drawable="@color/white_normal"/> </selector>
4.ContentFragment 顯示內(nèi)容的Fragment 這里我加了一個設(shè)置內(nèi)容的方法,就是用來點(diǎn)擊左側(cè)切換顯示用的。
public class ContentFragment extends Fragment{
private TextView tvContent;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState){
View rootView=LayoutInflater.from(getActivity()).inflate(R.layout.fragment_content, null);
tvContent=(TextView) rootView.findViewById(R.id.tv_content);
return rootView;
}
public void setContent(String content){
tvContent.setText(content);
}
}
5.drawerLayout與Fragment是什么關(guān)系?
我們看到很多使用drawerLayout的代碼中都同時使用了Fragment,這會造成誤解,以為使用drawerLayout必須用到Fragment,其實(shí)這是錯誤的,使用Fragment是因?yàn)樵趥?cè)滑菜單被點(diǎn)擊的時候,主內(nèi)容區(qū)如果內(nèi)容比較復(fù)雜,用Fragment去填充會更容易,如果你的主內(nèi)容區(qū)只是一個簡單的字符串,只想在不同菜單點(diǎn)擊的時候更新一下字符串的內(nèi)容,我覺得沒必要用Fragment。我這邊用Fragment所做的就是更新字符串內(nèi)容這么簡單。
以上內(nèi)容是針對Android開發(fā)之開發(fā)者頭條(二)實(shí)現(xiàn)左滑菜單的全部介紹,希望對大家有所幫助!
相關(guān)文章
Android開發(fā)中的ViewModel使用實(shí)戰(zhàn)案例
在Android應(yīng)用開發(fā)中,ViewModel作為架構(gòu)組件,重要的功能是管理UI數(shù)據(jù)與生命周期,文章深入分析ViewModel如何感知View的生命周期,以及其核心優(yōu)勢,包括生命周期感知、數(shù)據(jù)持久化和與UI層解耦,幫助開發(fā)者利用ViewModel優(yōu)化應(yīng)用架構(gòu),需要的朋友可以參考下2024-10-10
Flutter Reusable Lottie Animations技巧
這篇文章主要為大家介紹了Flutter Reusable Lottie Animations技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12
Android Studio3.6設(shè)置Gradle Offline Mode的方法
這篇文章主要介紹了Android Studio3.6設(shè)置Gradle Offline Mode的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Android5.1 取消錄制屏幕跳出的權(quán)限對話框問題
這篇文章主要介紹了Android5.1 取消錄制屏幕跳出的權(quán)限對話框問題,需要的朋友可以參考下2017-04-04
PagerSlidingTabStrip制作Android帶標(biāo)簽的多界面滑動切換
這篇文章主要介紹了使用PagerSlidingTabStrip制作Android帶標(biāo)簽的多界面滑動切換效果的方法,PagerSlidingTabStrip是GitHub上的一個開源項(xiàng)目,調(diào)用這個庫可以少寫不少代碼XD 需要的朋友可以參考下2016-04-04
Android 利用三階貝塞爾曲線繪制運(yùn)動軌跡的示例
本篇文章主要介紹了Android 利用三階貝塞爾曲線繪制運(yùn)動軌跡的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Android開發(fā)實(shí)現(xiàn)的獲取sdcard大小及內(nèi)存大小工具類
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)的獲取sdcard大小及內(nèi)存大小工具類,涉及Android針對手機(jī)硬件SD卡及內(nèi)存相關(guān)操作技巧,需要的朋友可以參考下2017-11-11

