Android:UI控件DrawerLayout、Fragment、SlidingLayout、侧滑菜单

简介:

DrawerLayout与Fragment的联用


1.xml代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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"  >
     <FrameLayout
         android:id= "@+id/fragment_layout"
         android:layout_width= "match_parent"
         android:layout_height= "match_parent"  >
     </FrameLayout>
     <RelativeLayout
         android:id= "@+id/menu_layout"
         android:layout_width= "300dp"
         android:layout_height= "match_parent"
         android:layout_gravity= "left"
         android:background= "#ff333333" >
         <ListView
             android:id= "@+id/menu_listView"
             android:layout_width= "match_parent"
             android:layout_height= "match_parent"  >
         </ListView>
     </RelativeLayout>
</android.support.v4.widget.DrawerLayout>


2.MainActivity继承FragmentActivity

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import  android.os.Bundle;
import  android.app.Activity;
import  android.support.v4.app.Fragment;
import  android.support.v4.app.FragmentActivity;
import  android.support.v4.app.FragmentTransaction;
import  android.support.v4.widget.DrawerLayout;
import  android.view.Menu;
import  android.view.View;
import  android.widget.AdapterView;
import  android.widget.ArrayAdapter;
import  android.widget.ListView;
import  android.widget.RelativeLayout;
import  android.widget.AdapterView.OnItemClickListener;
public  class  MainActivity  extends  FragmentActivity
{
     /*
      * DrawerLayout与Fragment的联用
      * DrawerLayout相关:
      * 1.一般内容层使用framelayout
      * 2.slidingLayout需要设置一个layout_grative属性
      *   文档建议使用android:layout_gravity="start"
      */
                     
     public  static  final  String[] TITLES =
     "Henry IV (1)" "Henry V" "Henry VIII" "Richard II" "Richard III" "Merchant of Venice" "Othello" "King Lear"  };
     private  DrawerLayout mDrawer_layout;
     private  RelativeLayout mMenu_layout;
                     
     @Override
     protected  void  onCreate(Bundle savedInstanceState)
     {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
                         
         mDrawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);
         mMenu_layout = (RelativeLayout) findViewById(R.id.menu_layout);
                         
         ListView menu_listview = (ListView) mMenu_layout.findViewById(R.id.menu_listView);
                         
         menu_listview.setAdapter( new  ArrayAdapter<String>( this , android.R.layout.simple_expandable_list_item_1, TITLES));
                         
         //监听菜单
         menu_listview.setOnItemClickListener( new  DrawerItemClickListener());
                         
     }
                     
     public  class  DrawerItemClickListener  implements  OnItemClickListener
     {
         @Override
         public  void  onItemClick(AdapterView<?> parent, View view,  int  position,  long  id)
         {
             FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
             Fragment fragment =  null ;
                             
             //根据item点击行号判断启用哪个Fragment
             switch  (position)
             {
                 case  0 :
                     fragment =  new  FirstFragment();
                     break ;
                 case  1 :
                     fragment =  new  NextFragment();
                     break ;
                 default :
                     break ;
             }
             ft.replace(R.id.fragment_layout, fragment);
             ft.commit();
                             
             mDrawer_layout.closeDrawer(mMenu_layout); //点击后关闭mMenu_layout
         }
                         
     }
                     
                     
                     
                     
     @Override
     public  boolean  onCreateOptionsMenu(Menu menu)
     {
         getMenuInflater().inflate(R.menu.main, menu);
         return  true ;
     }
                     
}


3.Fragment类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
public  class  FirstFragment  extends  Fragment
{
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
     {
         View layout = inflater.inflate(R.layout.firstlayout,  null );
         return  layout;
     }
}


1
2
3
4
5
6
7
8
9
public  class  NextFragment  extends  Fragment
{
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
     {
         View layout = inflater.inflate(R.layout.nextlayout,  null );
         return  layout;
     }
}



本文转自 glblong 51CTO博客,原文链接:http://blog.51cto.com/glblong/1229561,如需转载请自行联系原作者

目录
相关文章
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
2天前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
22天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
1月前
|
XML 前端开发 Android开发
Android:UI:Drawable:View/ImageView与Drawable
通过本文的介绍,我们详细探讨了Android中Drawable、View和ImageView的使用方法及其相互关系。Drawable作为图像和图形的抽象表示,提供了丰富的子类和自定义能力,使得开发者能够灵活地实现各种UI效果。View和ImageView则通过使用Drawable实现了各种图像和图形的显示需求。希望本文能为您在Android开发中使用Drawable提供有价值的参考和指导。
40 2
|
1月前
|
人工智能 API Apache
推荐3款开源、美观且免费的WinForm UI控件库
推荐3款开源、美观且免费的WinForm UI控件库
208 6
|
1月前
|
API C# 开发者
基于Material Design风格开源、免费的WinForms UI控件库
基于Material Design风格开源、免费的WinForms UI控件库!
|
2月前
|
Linux C# Android开发
分享3款开源、免费的Avalonia UI控件库
分享3款开源、免费的Avalonia UI控件库
262 0
|
3月前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
随着移动应用市场的蓬勃发展,用户对界面设计的要求日益提高。为此,掌握由Google推出的Material Design设计语言成为提升应用颜值和用户体验的关键。本文将带你深入了解Material Design的核心原则,如真实感、统一性和创新性,并通过丰富的组件库及示例代码,助你轻松打造美观且一致的应用界面。无论是色彩搭配还是动画效果,Material Design都能为你的Android应用增添无限魅力。
85 1
|
2月前
|
XML 存储 Java
浅谈Android的TextView控件
浅谈Android的TextView控件
47 0
|
3月前
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
58 3

热门文章

最新文章