AndroidDrawerLayout+fragment布局实现左右侧滑

最新推荐文章于 2024-06-10 11:51:36 发布
最新推荐文章于 2024-06-10 11:51:36 发布
阅读量768 收藏 2
点赞数
分类专栏： android

http://www.it165.net/pro/html/201402/9757.html

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

    打开抽屉： DrawerLayout .openDrawer();

    关闭抽屉：DrawerLayout.closeDrawer( );

    为slidingLayout设置一个layout_grative属性


    中间\ 左侧\ 右侧 \

    点击first \ 点击second \



    代码：

    activity_main.xml

    view source print ?
    01. <android.support.v4.widget.DrawerLayout
    02. xmlns:android="http://schemas.android.com/apk/res/android"
    03. android:id="@+id/drawer_layout"
    04. android:layout_width="fill_parent"
    05. android:layout_height="fill_parent" >
    06.  
    07. <FrameLayout
    08. android:id="@+id/fragment_layout"
    09. android:layout_width="fill_parent"
    10. android:layout_height="fill_parent" >
    11. </FrameLayout>
    12. <RelativeLayout
    13. android:id="@+id/menu_layout_left"
    14. android:layout_width="300dp"
    15. android:layout_height="match_parent"
    16. android:layout_gravity="left"
    17. android:background="@android:color/holo_red_light">
    18. <ListView
    19. android:id="@+id/menu_listView_l"
    20. android:layout_width="match_parent"
    21. android:layout_height="match_parent" >
    22. </ListView>
    23. </RelativeLayout>
    24. <RelativeLayout
    25. android:id="@+id/menu_layout_right"
    26. android:layout_width="300dp"
    27. android:layout_height="match_parent"
    28. android:layout_gravity="right"
    29. android:background="#ff333333">
    30. <ListView
    31. android:id="@+id/menu_listView_r"
    32. android:layout_width="match_parent"
    33. android:layout_height="match_parent" >
    34. </ListView>
    35. </RelativeLayout>
    36. </android.support.v4.widget.DrawerLayout>


    first.xml

    view source print ?
    01. <LinearLayout
    02. xmlns:android="http://schemas.android.com/apk/res/android"
    03. android:id="@+id/drawer_layout"
    04. android:layout_width="match_parent"
    05. android:layout_height="match_parent"
    06. android:orientation="vertical" >
    07.  
    08. <TextView
    09. android:id="@+id/textView1"
    10. android:layout_width="wrap_content"
    11. android:layout_height="wrap_content"
    12. android:text="first"
    13. android:textAppearance="?android:attr/textAppearanceLarge" />
    14.  
    15. </LinearLayout>

    second.xml

    view source print ?
    01. <LinearLayout
    02. xmlns:android="http://schemas.android.com/apk/res/android"
    03. android:id="@+id/drawer_layout"
    04. android:layout_width="match_parent"
    05. android:layout_height="match_parent"
    06. android:orientation="vertical" >
    07.  
    08. <TextView
    09. android:id="@+id/textView1"
    10. android:layout_width="wrap_content"
    11. android:layout_height="wrap_content"
    12. android:text="second"
    13. android:textAppearance="?android:attr/textAppearanceLarge" />
    14.  
    15. </LinearLayout>

    MainActivity.java

    view source print ?
    001. package org.busyboy.drawerlayout;
    002.  
    003.  
    004. import com.example.testdrawerlayout.R;
    005.  
    006.  
    007. import android.os.Bundle;
    008. import android.app.Activity;
    009. import android.support.v4.app.Fragment;
    010. import android.support.v4.app.FragmentActivity;
    011. import android.support.v4.app.FragmentTransaction;
    012. import android.support.v4.widget.DrawerLayout;
    013. import android.view.Gravity;
    014. import android.view.View;
    015. import android.widget.AdapterView;
    016. import android.widget.ArrayAdapter;
    017. import android.widget.ListView;
    018. import android.widget.RelativeLayout;
    019. import android.widget.AdapterView.OnItemClickListener;
    020. import android.widget.TextView;
    021. public class MainActivity extends FragmentActivity
    022. {
    023.  
    024. public static final String[] TITLES = { "First", "Second" };
    025. private DrawerLayout mDrawer_layout;//DrawerLayout容器
    026. private RelativeLayout mMenu_layout_left;//左边抽屉
    027. private RelativeLayout mMenu_layout_right;//右边抽屉
    028.  
    029. @Override
    030. protected void onCreate(Bundle savedInstanceState)
    031. {
    032. super.onCreate(savedInstanceState);
    033. setContentView(R.layout.activity_main);
    034.  
    035. mDrawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);
    036. mMenu_layout_left = (RelativeLayout) findViewById(R.id.menu_layout_left);
    037. mMenu_layout_right = (RelativeLayout) findViewById(R.id.menu_layout_right);
    038. ListView menu_listview_l = (ListView) mMenu_layout_left.findViewById(R.id.menu_listView_l);
    039. ListView menu_listview_r = (ListView) mMenu_layout_right.findViewById(R.id.menu_listView_r);
    040.  
    041. menu_listview_l.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, TITLES));
    042. menu_listview_r.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, TITLES));
    043.  
    044. //监听菜单
    045. menu_listview_l.setOnItemClickListener(new DrawerItemClickListenerLeft());
    046. menu_listview_r.setOnItemClickListener(new DrawerItemClickListenerRight());
    047. }
    048. /**
    049. * 左侧列表点击事件     
    050. * @author busy_boy
    051. *
    052. */
    053. public class DrawerItemClickListenerLeft implements OnItemClickListener
    054. {
    055. @Override
    056. public void onItemClick(AdapterView<?> parent, View view, int position, long id)
    057. {
    058. FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    059. Fragment fragment = null;
    060.  
    061. //根据item点击行号判断启用哪个Fragment
    062. switch (position)
    063. {
    064. case 0:
    065. fragment = new FirstFragment();
    066. break;
    067. case 1:
    068. fragment = new SecondFragment();
    069. break;
    070. default:
    071. break;
    072. }
    073. ft.replace(R.id.fragment_layout, fragment);
    074. ft.commit();
    075. mDrawer_layout.closeDrawer(mMenu_layout_left);//关闭mMenu_layout
    076. }
    077.  
    078. }
    079. /**
    080. * 右侧列表点击事件     
    081. * @author busy_boy
    082. *
    083. */
    084. private class DrawerItemClickListenerRight implements OnItemClickListener {
    085. @Override
    086. public void onItemClick(AdapterView<?> parent, View view, int position, long id)
    087. {
    088. FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
    089. Fragment fragment = null;
    090.  
    091. //根据item点击行号判断启用哪个Fragment
    092. switch (position)
    093. {
    094. case 0:
    095. fragment = new FirstFragment();
    096. break;
    097. case 1:
    098. fragment = new SecondFragment();
    099. break;
    100. default:
    101. break;
    102. }
    103. ft.replace(R.id.fragment_layout, fragment);
    104. ft.commit();
    105. mDrawer_layout.closeDrawer(mMenu_layout_right);//关闭mMenu_layout
    106. }
    107. }
    108. }

    FirstFragment.java

    view source print ?
    01. package org.busyboy.drawerlayout;
    02.  
    03. import com.example.testdrawerlayout.R;
    04.  
    05. import android.os.Bundle;
    06. import android.support.v4.app.Fragment;
    07. import android.view.LayoutInflater;
    08. import android.view.View;
    09. import android.view.ViewGroup;
    10.  
    11. public class FirstFragment extends Fragment {
    12.  
    13. @Override
    14. public View onCreateView(LayoutInflater inflater, ViewGroup container,
    15. Bundle savedInstanceState) {
    16. return inflater.inflate(R.layout.first, null);
    17. }
    18.  
    19. }

    SecondFragment.java

    view source print ?
    01. package org.busyboy.drawerlayout;
    02.  
    03. import com.example.testdrawerlayout.R;
    04.  
    05. import android.os.Bundle;
    06. import android.support.v4.app.Fragment;
    07. import android.view.LayoutInflater;
    08. import android.view.View;
    09. import android.view.ViewGroup;
    10.  
    11. public class SecondFragment extends Fragment {
    12.  
    13. @Override
    14. public View onCreateView(LayoutInflater inflater, ViewGroup container,
    15. Bundle savedInstanceState) {
    16. return inflater.inflate(R.layout.second, null);
    17. }
    18.  
    19. }

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


mengzhengjie
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android DrawerLayout+ fragment 布局实现左右侧滑
busyboy
02-25 4163
技术要点：    android.support.v4.widget.DrawerLayout      打开抽屉： DrawerLayout .openDrawer(); 关闭抽屉：DrawerLayout.closeDrawer( ); 中间  左侧 右侧
android fragment侧滑,Android DrawerLayout+ fragment 布局实现左右侧滑
weixin_39716703的博客
05-27 577
技术要点： android.support.v4.widget.DrawerLayout打开抽屉： DrawerLayout.openDrawer();关闭抽屉：DrawerLayout.closeDrawer( );为slidingLayout设置一个layout_grative属性中间 左侧右侧 点击first 点击second 代码：activity_main.xmlf...
Android典型界面设计(7) ——DrawerLayout+Fragement+ViewPager+PagerTabStrip实现双导航
weixin_33708432的博客
09-02 126
一、问题描述 　　在Android典型界面设计（3）的我们实现了双导航效果，即外层底部导航和内部区域的头部导航，如网易新闻等很多应用采用了这种导航，但Google提供DrawerLayout可实现抽屉式导航，建议使用DrawerLayout代替底部导航，下面我们就使用官方提供的DrawerLayout+Fragement+ViewPager+PagerTabStrip实现...
Android使用DrawerLayout控件实现菜单侧滑
ayrascal的博客
09-04 390
1.新建一个Activity 最外层使用DrawerLayout包裹 DrawerLayout里部可创建一个LinearLayoutLinearLayout的宽高都设置为match_parent LinearLayout里可以写当前页面要显示的布局 在LinearLayout下方创建一个fragment (并列关系) <fragment android:id="@+id/fg_menu" android:name="XXX.MenuFragment" andro...
Android DrawerLayout+fragment布局实现左右侧滑
文韬武略的专栏
01-26 1634
打开抽屉： DrawerLayout .openDrawer(); 关闭抽屉：DrawerLayout.closeDrawer( ); 为slidingLayout设置一个layout_grative属性 中间 左侧 右侧  点击first  点击second  代码： activity_main.xml
ViewPager+Fragment+DrawableLayout 实现页面水平滑动与侧滑抽屉布局
10-13
`ViewPager`、`Fragment`和`DrawableLayout`的结合使用，以及`NavigationView`的加入，可以帮助开发者构建出功能丰富的水平滑动页面和侧滑抽屉布局。下面将详细讲解这些组件的工作原理和它们如何协同工作。 首先，`...
Android DrawerLayout带有侧滑功能的布局类（1）
01-05
只要按照drawerLayout的规定布局方式写完布局，就能有侧滑的效果。 直接将DrawerLayout作为根布局，然后其内部  　第一个View为内容区域 　第二个View为左侧菜单   第三个View为右侧侧滑菜单  当前第三个是可...
Android使用DrawerLayout实现仿QQ双向侧滑菜单
09-02
总结，使用Android的DrawerLayout实现仿QQ双向侧滑菜单，主要是通过配置布局文件来设定抽屉的位置和大小，然后在Java代码中处理抽屉的打开和关闭事件。结合Fragment和自定义逻辑，开发者可以创建出功能丰富的侧滑...
DrawerLayout侧滑菜单，ViewPager + Fragment 快速构建主界面
12-20
DrawerLayout + NavigationView 侧滑菜单，ViewPager + Fragment 快速构建主界面的demo。http://blog.csdn.net/u012301841/article/details/51592814
Fragment的嵌套和侧滑菜单DrawerLayout加标签页的使用demo
01-07
Fragment的嵌套和侧滑菜单DrawerLayout加标签页SlidingTabLayout的使用demo. android studio项目
Android开发之DrawerLayout实现抽屉效果
01-05
谷歌官方推出了一种侧滑菜单的实现方式（抽屉效果），即 DrawerLayout，这个类是在Support Library里的，需要加上android-support-v4.jar这个包。 使用注意点 1、DrawerLayout的第一个子元素必须是默认内容，即抽屉没有打开时显示的布局（如FrameLayout），后面紧跟的子元素是抽屉内容，即抽屉布局（如ListView）。 2、抽屉菜单的摆放和布局通过android:layout_gravity属性来控制，可选值为left、right或start、end。 3、抽屉菜单的宽度为 dp 单位而高度和父View一样。抽屉菜单的宽度应该不超过320
android实现左右侧滑菜单效果
08-29
以下将详细介绍如何在Android中实现左右侧滑菜单。 首先，我们要知道在Android中实现侧滑菜单通常使用`DrawerLayout`组件。`DrawerLayout`是Android SDK中的一个容器视图，它允许开发者添加一个或两个“抽屉”...
Android左侧菜单栏之DrawerLayout+Fragment
热门推荐
Francis-ChinaFeng
02-17 1万+
关于DrawerLayout，官方网站给出了相当好的案例 不过对于版本的限定，要求比较高 不过去掉ActionBarDrawerToggle，更换android.app.Fragment 就可以兼容到8了 老规矩，先看效果图，不然浪费大家的时间就是罪过了 看目录结构： fragment中的内容都一样，如果在实际开发中，下面的实现有损性能，各位可以自己优化下 先看布局文
Fragment的嵌套和侧滑菜单DrawerLayout加标签页的使用
一步一步
01-07 9211
先来看一下效果图吧：              效果图1                                                                                                                             效果图2 标签页用的ToolBar+SlidingTabLayout
Android【CardView，DrawerLayout 滑动菜单，Fragment】
m0_63658317的博客
08-04 477
CardView的基本使用 CardView是用于实现卡片式布局效果的重要控件，实际上也是一个frameLayout,只是额外提供了圆角和阴影，看上去有立体效果。
Fragment+DrawerLayout+NavigationView实现侧滑菜单页面结构
fxjzzyo的博客
01-29 2161
前面几篇文章我们学习了Fragment+ViewPager+Bottom导航按钮实现的典型页面结构([Fragment+ViewPager+BottomNavigationView实现页面导航](https://blog.csdn.net/fxjzzyo/article/details/122718166))，从实践中对Fragment的应用有了更深的认识。本文我们再补充一种典型的，常见的又实用的页面结构：侧滑菜单式页面布局。同样是对Fragment的一种应用，结合控件DrawerLayout、Naviga
Android中activity/fragment分别实现drawerlayout侧边栏布局以及抽屉页面的真正简单实现
m0_73893567的博客
06-10 301
*注意：如果你在设置id时它可能会报错代码变红，但是不用管，检查无误后直接运行，报错就会消失，我昨天写的时候遇到了，折磨我好久，以为是文件出了问题，因为在另一个项目的activity却能实现，也没搜出个什么结果来，最后问的老师才知道直接运行就行了，感觉自己像个小丑，还是经验太少。实现过程和activity差不多，开始我还以为需要一些其他的操作，结果是我想多了。第一步：直接在fragment.xml修改成和如上一样的drawerlayout。第二步：java代码，点击事件基础实现代码极少。
028 酒店管理ssm.zip
最新发布
08-20
该毕业设计将深入探讨如何通过Java语言构建一个完整且高效的《028 酒店管理ssm》。毕业设计的架构涵盖了从基础框架搭建到关键功能实现的每一个环节，并采用了模块化设计，使整个系统易于理解、扩展和维护。 无论是数据处理、用户交互还是后台管理，我们都为您提供了详细的代码示例和设计文档。 这个毕业设计的独特之处在于其高度的实用性和灵活性。 我们提供了全面的资源包，帮助您快速入门，并支持您在此基础上进行个性化的功能扩展。 无论您是正在寻找灵感的学生，还是需要现成解决方案的开发者，下载该资源将助您事半功倍。
Android viewpager+Fragment
04-05
A ViewPager is a layout manager that allows the user to swipe left and right to move between pages of data. In the case of a Fragment-based ViewPager, each page is represented by a Fragment. To use a ViewPager with Fragments, you need to do the following: 1. Create a layout file that contains a ViewPager element. 2. Create a Fragment class that will represent a single page in the ViewPager. This class should inflate a layout that contains any UI elements you want to display on the page. 3. Create an adapter class that extends FragmentPagerAdapter or FragmentStatePagerAdapter. This adapter will be responsible for creating and managing the Fragments that are displayed in the ViewPager. 4. Set the adapter on the ViewPager. Here's an example of how to create a Fragment-based ViewPager: 1. Create a layout file that contains a ViewPager element. For example: ``` <android.support.v4.view.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. Create a Fragment class that will represent a single page in the ViewPager. For example: ``` public class MyFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_my, container, false); // TODO: Set up UI elements in the layout return view; } } ``` 3. Create an adapter class that extends FragmentPagerAdapter or FragmentStatePagerAdapter. For example: ``` public class MyPagerAdapter extends FragmentPagerAdapter { public MyPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { // TODO: Return a new instance of MyFragment for the given position return null; } @Override public int getCount() { // TODO: Return the total number of pages return 0; } } ``` 4. Set the adapter on the ViewPager in your Activity or Fragment. For example: ``` ViewPager viewPager = findViewById(R.id.view_pager); MyPagerAdapter adapter = new MyPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(adapter); ``` That's it! You should now have a functioning Fragment-based ViewPager. Of course, you'll need to fill in the TODOs in the code snippets above to actually display content on the pages.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值