Android DrawerLayout+ fragment 布局实现左右侧滑

技术要点： android.support.v4.widget.DrawerLayout

打开抽屉： DrawerLayout .openDrawer();

关闭抽屉：DrawerLayout.closeDrawer( );

**为slidingLayout设置一个layout_grative属性
**

** **

**中间![](http://www.2cto.com/uploadfile/Collfiles/20140226/20140226092627200.jpg) 左侧![](http://www.2cto.com/uploadfile/Collfiles/20140226/20140226092627201.jpg) 右侧 ![](http://www.2cto.com/uploadfile/Collfiles/20140226/20140226092627202.jpg)
**

点击first ![](http://www.2cto.com/uploadfile/Collfiles/20140226/20140226092627203.jpg) 点击second ![](http://www.2cto.com/uploadfile/Collfiles/20140226/20140226092628204.jpg)

** **

代码：

activity_main.xml
<喎�”http://www.2cto.com/kf/ware/vc/” target=”_blank” class=”keylink”>vc3Ryb25nPjwvcD4KPHA+PHN0cm9uZz48L3N0cm9uZz48L3A+CjxwcmUgY2xhc3M9″brush:java;”><frameLayout android:id=”@+id/fragment_layout” android:layout_width=”fill_parent” android:layout_height=”fill_parent” >

first.xml

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;linearlayout xmlns:android=``"&lt;a href="http://schemas.android.com/apk/res/android">http://schemas.android.com/apk/res/android&lt;/a>"` `android:id=``"@+id/drawer_layout"` `android:layout_width=``"match_parent"` `android:layout_height=``"match_parent"` `android:orientation=``"vertical"``&gt;`
        </div>
        
        <div class="line number2 index1 alt1">
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``&lt;textview android:id=``"@+id/textView1"` `android:layout_width=``"wrap_content"` `android:layout_height=``"wrap_content"` `android:text=``"first"` `android:textappearance=``"?android:attr/textAppearanceLarge"``&gt;`
        </div>
        
        <div class="line number4 index3 alt1">
          `  `
        </div>
        
        <div class="line number5 index4 alt2">
          `&lt;/textview&gt;&lt;/linearlayout&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

**
second.xml**

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `&lt;linearlayout xmlns:android=``"&lt;a href="http://schemas.android.com/apk/res/android">http://schemas.android.com/apk/res/android&lt;/a>"` `android:id=``"@+id/drawer_layout"` `android:layout_width=``"match_parent"` `android:layout_height=``"match_parent"` `android:orientation=``"vertical"``&gt;`
        </div>
        
        <div class="line number2 index1 alt1">
        </div>
        
        <div class="line number3 index2 alt2">
          `    ``&lt;textview android:id=``"@+id/textView1"` `android:layout_width=``"wrap_content"` `android:layout_height=``"wrap_content"` `android:text=``"second"` `android:textappearance=``"?android:attr/textAppearanceLarge"``&gt;`
        </div>
        
        <div class="line number4 index3 alt1">
          `  `
        </div>
        
        <div class="line number5 index4 alt2">
          `&lt;/textview&gt;&lt;/linearlayout&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

** **

MainActivity.java

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
      
      <div class="line number19 index18 alt2">
        19
      </div>
      
      <div class="line number20 index19 alt1">
        20
      </div>
      
      <div class="line number21 index20 alt2">
        21
      </div>
      
      <div class="line number22 index21 alt1">
        22
      </div>
      
      <div class="line number23 index22 alt2">
        23
      </div>
      
      <div class="line number24 index23 alt1">
        24
      </div>
      
      <div class="line number25 index24 alt2">
        25
      </div>
      
      <div class="line number26 index25 alt1">
        26
      </div>
      
      <div class="line number27 index26 alt2">
        27
      </div>
      
      <div class="line number28 index27 alt1">
        28
      </div>
      
      <div class="line number29 index28 alt2">
        29
      </div>
      
      <div class="line number30 index29 alt1">
        30
      </div>
      
      <div class="line number31 index30 alt2">
        31
      </div>
      
      <div class="line number32 index31 alt1">
        32
      </div>
      
      <div class="line number33 index32 alt2">
        33
      </div>
      
      <div class="line number34 index33 alt1">
        34
      </div>
      
      <div class="line number35 index34 alt2">
        35
      </div>
      
      <div class="line number36 index35 alt1">
        36
      </div>
      
      <div class="line number37 index36 alt2">
        37
      </div>
      
      <div class="line number38 index37 alt1">
        38
      </div>
      
      <div class="line number39 index38 alt2">
        39
      </div>
      
      <div class="line number40 index39 alt1">
        40
      </div>
      
      <div class="line number41 index40 alt2">
        41
      </div>
      
      <div class="line number42 index41 alt1">
        42
      </div>
      
      <div class="line number43 index42 alt2">
        43
      </div>
      
      <div class="line number44 index43 alt1">
        44
      </div>
      
      <div class="line number45 index44 alt2">
        45
      </div>
      
      <div class="line number46 index45 alt1">
        46
      </div>
      
      <div class="line number47 index46 alt2">
        47
      </div>
      
      <div class="line number48 index47 alt1">
        48
      </div>
      
      <div class="line number49 index48 alt2">
        49
      </div>
      
      <div class="line number50 index49 alt1">
        50
      </div>
      
      <div class="line number51 index50 alt2">
        51
      </div>
      
      <div class="line number52 index51 alt1">
        52
      </div>
      
      <div class="line number53 index52 alt2">
        53
      </div>
      
      <div class="line number54 index53 alt1">
        54
      </div>
      
      <div class="line number55 index54 alt2">
        55
      </div>
      
      <div class="line number56 index55 alt1">
        56
      </div>
      
      <div class="line number57 index56 alt2">
        57
      </div>
      
      <div class="line number58 index57 alt1">
        58
      </div>
      
      <div class="line number59 index58 alt2">
        59
      </div>
      
      <div class="line number60 index59 alt1">
        60
      </div>
      
      <div class="line number61 index60 alt2">
        61
      </div>
      
      <div class="line number62 index61 alt1">
        62
      </div>
      
      <div class="line number63 index62 alt2">
        63
      </div>
      
      <div class="line number64 index63 alt1">
        64
      </div>
      
      <div class="line number65 index64 alt2">
        65
      </div>
      
      <div class="line number66 index65 alt1">
        66
      </div>
      
      <div class="line number67 index66 alt2">
        67
      </div>
      
      <div class="line number68 index67 alt1">
        68
      </div>
      
      <div class="line number69 index68 alt2">
        69
      </div>
      
      <div class="line number70 index69 alt1">
        70
      </div>
      
      <div class="line number71 index70 alt2">
        71
      </div>
      
      <div class="line number72 index71 alt1">
        72
      </div>
      
      <div class="line number73 index72 alt2">
        73
      </div>
      
      <div class="line number74 index73 alt1">
        74
      </div>
      
      <div class="line number75 index74 alt2">
        75
      </div>
      
      <div class="line number76 index75 alt1">
        76
      </div>
      
      <div class="line number77 index76 alt2">
        77
      </div>
      
      <div class="line number78 index77 alt1">
        78
      </div>
      
      <div class="line number79 index78 alt2">
        79
      </div>
      
      <div class="line number80 index79 alt1">
        80
      </div>
      
      <div class="line number81 index80 alt2">
        81
      </div>
      
      <div class="line number82 index81 alt1">
        82
      </div>
      
      <div class="line number83 index82 alt2">
        83
      </div>
      
      <div class="line number84 index83 alt1">
        84
      </div>
      
      <div class="line number85 index84 alt2">
        85
      </div>
      
      <div class="line number86 index85 alt1">
        86
      </div>
      
      <div class="line number87 index86 alt2">
        87
      </div>
      
      <div class="line number88 index87 alt1">
        88
      </div>
      
      <div class="line number89 index88 alt2">
        89
      </div>
      
      <div class="line number90 index89 alt1">
        90
      </div>
      
      <div class="line number91 index90 alt2">
        91
      </div>
      
      <div class="line number92 index91 alt1">
        92
      </div>
      
      <div class="line number93 index92 alt2">
        93
      </div>
      
      <div class="line number94 index93 alt1">
        94
      </div>
      
      <div class="line number95 index94 alt2">
        95
      </div>
      
      <div class="line number96 index95 alt1">
        96
      </div>
      
      <div class="line number97 index96 alt2">
        97
      </div>
      
      <div class="line number98 index97 alt1">
        98
      </div>
      
      <div class="line number99 index98 alt2">
        99
      </div>
      
      <div class="line number100 index99 alt1">
        100
      </div>
      
      <div class="line number101 index100 alt2">
        101
      </div>
      
      <div class="line number102 index101 alt1">
        102
      </div>
      
      <div class="line number103 index102 alt2">
        103
      </div>
      
      <div class="line number104 index103 alt1">
        104
      </div>
      
      <div class="line number105 index104 alt2">
        105
      </div>
      
      <div class="line number106 index105 alt1">
        106
      </div>
      
      <div class="line number107 index106 alt2">
        107
      </div>
      
      <div class="line number108 index107 alt1">
        108
      </div>
      
      <div class="line number109 index108 alt2">
        109
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `package` `org.busyboy.drawerlayout;`
        </div>
        
        <div class="line number2 index1 alt1">
        </div>
        
        <div class="line number3 index2 alt2">
        </div>
        
        <div class="line number4 index3 alt1">
          `import` `com.example.testdrawerlayout.R;`
        </div>
        
        <div class="line number5 index4 alt2">
        </div>
        
        <div class="line number6 index5 alt1">
        </div>
        
        <div class="line number7 index6 alt2">
          `import` `android.os.Bundle;`
        </div>
        
        <div class="line number8 index7 alt1">
          `import` `android.app.Activity;`
        </div>
        
        <div class="line number9 index8 alt2">
          `import` `android.support.v4.app.Fragment;`
        </div>
        
        <div class="line number10 index9 alt1">
          `import` `android.support.v4.app.FragmentActivity;`
        </div>
        
        <div class="line number11 index10 alt2">
          `import` `android.support.v4.app.FragmentTransaction;`
        </div>
        
        <div class="line number12 index11 alt1">
          `import` `android.support.v4.widget.DrawerLayout;`
        </div>
        
        <div class="line number13 index12 alt2">
          `import` `android.view.Gravity;`
        </div>
        
        <div class="line number14 index13 alt1">
          `import` `android.view.View;`
        </div>
        
        <div class="line number15 index14 alt2">
          `import` `android.widget.AdapterView;`
        </div>
        
        <div class="line number16 index15 alt1">
          `import` `android.widget.ArrayAdapter;`
        </div>
        
        <div class="line number17 index16 alt2">
          `import` `android.widget.ListView;`
        </div>
        
        <div class="line number18 index17 alt1">
          `import` `android.widget.RelativeLayout;`
        </div>
        
        <div class="line number19 index18 alt2">
          `import` `android.widget.AdapterView.OnItemClickListener;`
        </div>
        
        <div class="line number20 index19 alt1">
          `import` `android.widget.TextView;`
        </div>
        
        <div class="line number21 index20 alt2">
          `public` `class` `MainActivity ``extends` `FragmentActivity`
        </div>
        
        <div class="line number22 index21 alt1">
          `{`
        </div>
        
        <div class="line number23 index22 alt2">
          `               `
        </div>
        
        <div class="line number24 index23 alt1">
          `    ``public` `static` `final` `String[] TITLES = { ``"First"``, ``"Second"` `};`
        </div>
        
        <div class="line number25 index24 alt2">
          `    ``private` `DrawerLayout mDrawer_layout;``//DrawerLayout容器`
        </div>
        
        <div class="line number26 index25 alt1">
          `    ``private` `RelativeLayout mMenu_layout_left;``//左边抽屉`
        </div>
        
        <div class="line number27 index26 alt2">
          `    ``private` `RelativeLayout mMenu_layout_right;``//右边抽屉`
        </div>
        
        <div class="line number28 index27 alt1">
          `                     `
        </div>
        
        <div class="line number29 index28 alt2">
          `    ``@Override`
        </div>
        
        <div class="line number30 index29 alt1">
          `    ``protected` `void` `onCreate(Bundle savedInstanceState)`
        </div>
        
        <div class="line number31 index30 alt2">
          `    ``{`
        </div>
        
        <div class="line number32 index31 alt1">
          `        ``super``.onCreate(savedInstanceState);`
        </div>
        
        <div class="line number33 index32 alt2">
          `        ``setContentView(R.layout.activity_main);`
        </div>
        
        <div class="line number34 index33 alt1">
          `                         `
        </div>
        
        <div class="line number35 index34 alt2">
          `        ``mDrawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);`
        </div>
        
        <div class="line number36 index35 alt1">
          `        ``mMenu_layout_left = (RelativeLayout) findViewById(R.id.menu_layout_left);`
        </div>
        
        <div class="line number37 index36 alt2">
          `        ``mMenu_layout_right = (RelativeLayout) findViewById(R.id.menu_layout_right);`
        </div>
        
        <div class="line number38 index37 alt1">
          `        ``ListView menu_listview_l = (ListView) mMenu_layout_left.findViewById(R.id.menu_listView_l);`
        </div>
        
        <div class="line number39 index38 alt2">
          `        ``ListView menu_listview_r = (ListView) mMenu_layout_right.findViewById(R.id.menu_listView_r);`
        </div>
        
        <div class="line number40 index39 alt1">
          `                         `
        </div>
        
        <div class="line number41 index40 alt2">
          `        ``menu_listview_l.setAdapter(``new` `ArrayAdapter&lt;string&gt;(``this``, android.R.layout.simple_expandable_list_item_1, TITLES));`
        </div>
        
        <div class="line number42 index41 alt1">
          `        ``menu_listview_r.setAdapter(``new` `ArrayAdapter&lt;string&gt;(``this``, android.R.layout.simple_expandable_list_item_1, TITLES));`
        </div>
        
        <div class="line number43 index42 alt2">
          `                         `
        </div>
        
        <div class="line number44 index43 alt1">
          `        ``//监听菜单`
        </div>
        
        <div class="line number45 index44 alt2">
          `        ``menu_listview_l.setOnItemClickListener(``new` `DrawerItemClickListenerLeft());`
        </div>
        
        <div class="line number46 index45 alt1">
          `        ``menu_listview_r.setOnItemClickListener(``new` `DrawerItemClickListenerRight());`
        </div>
        
        <div class="line number47 index46 alt2">
          `    ``}`
        </div>
        
        <div class="line number48 index47 alt1">
          `    ``/**`
        </div>
        
        <div class="line number49 index48 alt2">
          `     ``* 左侧列表点击事件      `
        </div>
        
        <div class="line number50 index49 alt1">
          `     ``* @author busy_boy`
        </div>
        
        <div class="line number51 index50 alt2">
          `     ``*`
        </div>
        
        <div class="line number52 index51 alt1">
          `     ``*/`
        </div>
        
        <div class="line number53 index52 alt2">
          `    ``public` `class` `DrawerItemClickListenerLeft ``implements` `OnItemClickListener`
        </div>
        
        <div class="line number54 index53 alt1">
          `    ``{`
        </div>
        
        <div class="line number55 index54 alt2">
          `        ``@Override`
        </div>
        
        <div class="line number56 index55 alt1">
          `        ``public` `void` `onItemClick(AdapterView&lt;!--?--&gt; parent, View view, ``int` `position, ``long` `id)`
        </div>
        
        <div class="line number57 index56 alt2">
          `        ``{`
        </div>
        
        <div class="line number58 index57 alt1">
          `            ``FragmentTransaction ft = getSupportFragmentManager().beginTransaction();`
        </div>
        
        <div class="line number59 index58 alt2">
          `            ``Fragment fragment = ``null``;`
        </div>
        
        <div class="line number60 index59 alt1">
          `                             `
        </div>
        
        <div class="line number61 index60 alt2">
          `            ``//根据item点击行号判断启用哪个Fragment`
        </div>
        
        <div class="line number62 index61 alt1">
          `            ``switch` `(position)`
        </div>
        
        <div class="line number63 index62 alt2">
          `            ``{`
        </div>
        
        <div class="line number64 index63 alt1">
          `                ``case` ```:`
        </div>
        
        <div class="line number65 index64 alt2">
          `                    ``fragment = ``new` `FirstFragment();`
        </div>
        
        <div class="line number66 index65 alt1">
          `                    ``break``;`
        </div>
        
        <div class="line number67 index66 alt2">
          `                ``case` `1``:`
        </div>
        
        <div class="line number68 index67 alt1">
          `                    ``fragment = ``new` `SecondFragment();`
        </div>
        
        <div class="line number69 index68 alt2">
          `                    ``break``;`
        </div>
        
        <div class="line number70 index69 alt1">
          `                ``default``:`
        </div>
        
        <div class="line number71 index70 alt2">
          `                    ``break``;`
        </div>
        
        <div class="line number72 index71 alt1">
          `            ``}`
        </div>
        
        <div class="line number73 index72 alt2">
          `            ``ft.replace(R.id.fragment_layout, fragment);`
        </div>
        
        <div class="line number74 index73 alt1">
          `            ``ft.commit();`
        </div>
        
        <div class="line number75 index74 alt2">
          `            ``mDrawer_layout.closeDrawer(mMenu_layout_left);``//关闭mMenu_layout`
        </div>
        
        <div class="line number76 index75 alt1">
          `        ``}`
        </div>
        
        <div class="line number77 index76 alt2">
          `                         `
        </div>
        
        <div class="line number78 index77 alt1">
          `    ``}`
        </div>
        
        <div class="line number79 index78 alt2">
          `    ``/**`
        </div>
        
        <div class="line number80 index79 alt1">
          `     ``* 右侧列表点击事件      `
        </div>
        
        <div class="line number81 index80 alt2">
          `     ``* @author busy_boy`
        </div>
        
        <div class="line number82 index81 alt1">
          `     ``*`
        </div>
        
        <div class="line number83 index82 alt2">
          `     ``*/`
        </div>
        
        <div class="line number84 index83 alt1">
          `    ``private` `class` `DrawerItemClickListenerRight ``implements` `OnItemClickListener {`
        </div>
        
        <div class="line number85 index84 alt2">
          `     ``@Override`
        </div>
        
        <div class="line number86 index85 alt1">
          `        ``public` `void` `onItemClick(AdapterView&lt;!--?--&gt; parent, View view, ``int` `position, ``long` `id)`
        </div>
        
        <div class="line number87 index86 alt2">
          `        ``{`
        </div>
        
        <div class="line number88 index87 alt1">
          `            ``FragmentTransaction ft = getSupportFragmentManager().beginTransaction();`
        </div>
        
        <div class="line number89 index88 alt2">
          `            ``Fragment fragment = ``null``;`
        </div>
        
        <div class="line number90 index89 alt1">
          `                             `
        </div>
        
        <div class="line number91 index90 alt2">
          `            ``//根据item点击行号判断启用哪个Fragment`
        </div>
        
        <div class="line number92 index91 alt1">
          `            ``switch` `(position)`
        </div>
        
        <div class="line number93 index92 alt2">
          `            ``{`
        </div>
        
        <div class="line number94 index93 alt1">
          `                ``case` ```:`
        </div>
        
        <div class="line number95 index94 alt2">
          `                    ``fragment = ``new` `FirstFragment();`
        </div>
        
        <div class="line number96 index95 alt1">
          `                    ``break``;`
        </div>
        
        <div class="line number97 index96 alt2">
          `                ``case` `1``:`
        </div>
        
        <div class="line number98 index97 alt1">
          `                    ``fragment = ``new` `SecondFragment();`
        </div>
        
        <div class="line number99 index98 alt2">
          `                    ``break``;`
        </div>
        
        <div class="line number100 index99 alt1">
          `                ``default``:`
        </div>
        
        <div class="line number101 index100 alt2">
          `                    ``break``;`
        </div>
        
        <div class="line number102 index101 alt1">
          `            ``}`
        </div>
        
        <div class="line number103 index102 alt2">
          `            ``ft.replace(R.id.fragment_layout, fragment);`
        </div>
        
        <div class="line number104 index103 alt1">
          `            ``ft.commit();`
        </div>
        
        <div class="line number105 index104 alt2">
          `            ``mDrawer_layout.closeDrawer(mMenu_layout_right);``//关闭mMenu_layout`
        </div>
        
        <div class="line number106 index105 alt1">
          `        ``}`
        </div>
        
        <div class="line number107 index106 alt2">
          `   ``}`
        </div>
        
        <div class="line number108 index107 alt1">
          `}`
        </div>
        
        <div class="line number109 index108 alt2">
          `&lt;/string&gt;&lt;/string&gt;`
        </div>
      </div>
    </td>
  </tr>
</table>

**
FirstFragment.java
**

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
      
      <div class="line number19 index18 alt2">
        19
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `package` `org.busyboy.drawerlayout;`
        </div>
        
        <div class="line number2 index1 alt1">
        </div>
        
        <div class="line number3 index2 alt2">
          `import` `com.example.testdrawerlayout.R;`
        </div>
        
        <div class="line number4 index3 alt1">
        </div>
        
        <div class="line number5 index4 alt2">
          `import` `android.os.Bundle;`
        </div>
        
        <div class="line number6 index5 alt1">
          `import` `android.support.v4.app.Fragment;`
        </div>
        
        <div class="line number7 index6 alt2">
          `import` `android.view.LayoutInflater;`
        </div>
        
        <div class="line number8 index7 alt1">
          `import` `android.view.View;`
        </div>
        
        <div class="line number9 index8 alt2">
          `import` `android.view.ViewGroup;`
        </div>
        
        <div class="line number10 index9 alt1">
        </div>
        
        <div class="line number11 index10 alt2">
          `public` `class` `FirstFragment ``extends` `Fragment {`
        </div>
        
        <div class="line number12 index11 alt1">
        </div>
        
        <div class="line number13 index12 alt2">
          `    ``@Override`
        </div>
        
        <div class="line number14 index13 alt1">
          `    ``public` `View onCreateView(LayoutInflater inflater, ViewGroup container,`
        </div>
        
        <div class="line number15 index14 alt2">
          `            ``Bundle savedInstanceState) {`
        </div>
        
        <div class="line number16 index15 alt1">
          `        ``return` `inflater.inflate(R.layout.first, ``null``);`
        </div>
        
        <div class="line number17 index16 alt2">
          `    ``}`
        </div>
        
        <div class="line number18 index17 alt1">
        </div>
        
        <div class="line number19 index18 alt2">
          `}`
        </div>
      </div>
    </td>
  </tr>
</table>

**
SecondFragment.java
**

<table style="font-weight: normal !important;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="gutter" style="color: #afafaf !important;">
      <div class="line number1 index0 alt2">
        1
      </div>
      
      <div class="line number2 index1 alt1">
        2
      </div>
      
      <div class="line number3 index2 alt2">
        3
      </div>
      
      <div class="line number4 index3 alt1">
        4
      </div>
      
      <div class="line number5 index4 alt2">
        5
      </div>
      
      <div class="line number6 index5 alt1">
        6
      </div>
      
      <div class="line number7 index6 alt2">
        7
      </div>
      
      <div class="line number8 index7 alt1">
        8
      </div>
      
      <div class="line number9 index8 alt2">
        9
      </div>
      
      <div class="line number10 index9 alt1">
        10
      </div>
      
      <div class="line number11 index10 alt2">
        11
      </div>
      
      <div class="line number12 index11 alt1">
        12
      </div>
      
      <div class="line number13 index12 alt2">
        13
      </div>
      
      <div class="line number14 index13 alt1">
        14
      </div>
      
      <div class="line number15 index14 alt2">
        15
      </div>
      
      <div class="line number16 index15 alt1">
        16
      </div>
      
      <div class="line number17 index16 alt2">
        17
      </div>
      
      <div class="line number18 index17 alt1">
        18
      </div>
      
      <div class="line number19 index18 alt2">
        19
      </div>
    </td>
    
    <td class="code">
      <div class="container">
        <div class="line number1 index0 alt2">
          `package` `org.busyboy.drawerlayout;`
        </div>
        
        <div class="line number2 index1 alt1">
        </div>
        
        <div class="line number3 index2 alt2">
          `import` `com.example.testdrawerlayout.R;`
        </div>
        
        <div class="line number4 index3 alt1">
        </div>
        
        <div class="line number5 index4 alt2">
          `import` `android.os.Bundle;`
        </div>
        
        <div class="line number6 index5 alt1">
          `import` `android.support.v4.app.Fragment;`
        </div>
        
        <div class="line number7 index6 alt2">
          `import` `android.view.LayoutInflater;`
        </div>
        
        <div class="line number8 index7 alt1">
          `import` `android.view.View;`
        </div>
        
        <div class="line number9 index8 alt2">
          `import` `android.view.ViewGroup;`
        </div>
        
        <div class="line number10 index9 alt1">
        </div>
        
        <div class="line number11 index10 alt2">
          `public` `class` `SecondFragment ``extends` `Fragment {`
        </div>
        
        <div class="line number12 index11 alt1">
        </div>
        
        <div class="line number13 index12 alt2">
          `    ``@Override`
        </div>
        
        <div class="line number14 index13 alt1">
          `    ``public` `View onCreateView(LayoutInflater inflater, ViewGroup container,`
        </div>
        
        <div class="line number15 index14 alt2">
          `            ``Bundle savedInstanceState) {`
        </div>
        
        <div class="line number16 index15 alt1">
          `        ``return` `inflater.inflate(R.layout.second, ``null``);`
        </div>
        
        <div class="line number17 index16 alt2">
          `    ``}`
        </div>
        
        <div class="line number18 index17 alt1">
        </div>
        
        <div class="line number19 index18 alt2">
          `}`
        </div>
      </div>
    </td>
  </tr>
</table>

** **

android.support.v4.widget.DrawerLayout 官方文档位置：http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.htm

参考设计文档：

http://developer.android.com/training/implementing-navigation/ancestral.html

http://developer.android.com/design/patterns/app-structure.html

http://developer.android.com/training/implementing-navigation/nav-drawer.html#ActionBarIcon

Android DrawerLayout+ fragment 布局实现左右侧滑

Providing Up Navigation

💬 评论

Providing Up Navigation#

💬 评论

Providing Up Navigation