android 官方DrawerLayout的介绍和使用
南尘:爱编程,爱安卓,每天进步一点点。
drawerLayout是Support Library包中实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后,google借鉴而出现的产物。drawerLayout分为侧边菜单和主内容区两部分,侧边菜单可以根据手势展开与隐藏(drawerLayout自身特性),主内容区的内容可以随着菜单的点击而变化(这需要使用者自己实现)。
项目已同步至github:https://github.com/nanchen2251/DrawerLayoutDemo
drawerLayout的使用很方便,使用drawerLayout的要点如下:
1.drawerLayout其实是一个布局控件,跟LinearLayout等控件是一种东西,但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局,就能有侧滑的效果。
有两点要注意:
1)主内容区的布局代码要放在侧滑菜单布局的前面,这可以帮助DrawerLayout判断谁是侧滑菜单,谁是主内容区;
2)侧滑菜单的部分的布局(这里是ListView)可以设置layout_gravity属性,他表示侧滑菜单是在左边还是右边。
先上一个运行图:
2.drawerLayout左侧菜单(或者右侧)的展开与隐藏可以被DrawerLayout.DrawerListener的实现监听到,这样你就可以在菜单展开与隐藏发生的时刻做一些希望做的事情。
3.何为侧边菜单。
侧边菜单其实只是一个普通的View,一般里面装的是ListView,看起来就像菜单,他完全可以是一个button,textView等等。虽然称为菜单,但跟Activity的菜单形式是两码事,Activity的菜单只需要在资源文件中定义好,就能按照固定的形式显示出来。而drawerLayout的侧边菜单显示成什么样完全是取决于你自己,同样点击事件也完全由你自己去写。
4.如何点击某个按钮的时候能够展开或者隐藏侧边菜单。
可以用DrawerLayout.closeDrawer和DrawerLayout.openDrawer来隐藏与展开
5. drawerLayout与Fragment是什么关系?
我们看到很多使用drawerLayout的代码中都同时使用了Fragment,这会造成误解,以为使用drawerLayout必须用到Fragment,其实这是错误的,使用Fragment是因为在侧滑菜单被点击的时候,主内容区如果内容比较复杂,用Fragment去填充会更容易,如果你的主内容区只是一个简单的字符串,只想在不同菜单点击的时候更新一下字符串的内容,我觉得没必要用Fragment。不过Fragment真的是很有用的东西,大多数情况下我们还是优先考虑Fragment和DrawerLayout搭配使用的。
6.说到Fragment,就想到了当我们在使用FrameLayout装载的时候,总会不断地来回切换Fragment,一直都是用replace()方法来替换Fragment:然后总感觉切换的时候有些卡顿,这样就会导致Fragment无限重绘。
每次切换的时候,Fragment都会重新实例化,重新加载一边数据,这样非常消耗性能和用户的数据流量。就想,如何让多个Fragment彼此切换时不重新实例化?翻看了Android官方Doc,和一些组件的源代码,发现,replace()这个方法只是在上一个Fragment不再需要时采用的简便方法。正确的切换方式是add(),切换时hide(),add()另一个Fragment;再次切换时,只需hide()当前,show()另一个。
这样就能做到多个Fragment切换不重新实例化。
下面是一些代码:包含了fragment事务处理刷新界面的问题。
package com.example.nanchen.drawerlayoutdemo;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.FrameLayout;
import android.widget.ListView;import com.example.nanchen.drawerlayoutdemo.adapter.MenuListAdapter;
import com.example.nanchen.drawerlayoutdemo.fragment.HotNewsFragment;
import com.example.nanchen.drawerlayoutdemo.fragment.LateNewsFragment;import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private ListView lv;private FrameLayout fl;private List<String> list;private Fragment fragment_hot_news,fragment_late_news;private MenuListAdapter adapter;private DrawerLayout dl;private FragmentTransaction ft;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);fl = (FrameLayout) findViewById(R.id.main_content_frame);lv = (ListView) findViewById(R.id.main_left_drawer_lv);dl = (DrawerLayout) findViewById(R.id.main_dl);initList();adapter = new MenuListAdapter(this,list);lv.setAdapter(adapter);//创建Fragment管理事务ft = getSupportFragmentManager().beginTransaction();if (fragment_hot_news == null){fragment_hot_news = new HotNewsFragment();ft.add(R.id.main_content_frame,fragment_hot_news);ft.commit();}lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {dl.closeDrawer(lv);FragmentTransaction tran = getSupportFragmentManager().beginTransaction();hideFragment(tran);//隐藏已经add的fragmentswitch (position){case 1:if (fragment_hot_news == null){fragment_hot_news = new HotNewsFragment();tran.add(R.id.main_content_frame,fragment_hot_news);}else{tran.show(fragment_hot_news);}break;case 2:if (fragment_late_news == null){fragment_late_news = new LateNewsFragment();tran.add(R.id.main_content_frame,fragment_late_news);}else{tran.show(fragment_late_news);}break;}tran.commit();}/*** 隐藏已经初始化的Fragment*/private void hideFragment(FragmentTransaction tran) {if (fragment_hot_news != null){tran.hide(fragment_hot_news);}if (fragment_late_news != null){tran.hide(fragment_late_news);}}});}private void initList() {list = new ArrayList<>();list.add("新闻");list.add("热门新闻");list.add("最新新闻");list.add("推荐新闻");list.add("博客");list.add("所有博客");list.add("48小时阅读排行");list.add("10天内推荐排行");list.add("收藏");list.add("书签");list.add("离线浏览");list.add("工具");list.add("搜索");list.add("设置");list.add("退出");}
}
package com.example.nanchen.drawerlayoutdemo.fragment;import android.os.Bundle; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup;import com.example.nanchen.drawerlayoutdemo.R;/*** Created by nanchen on 2016/6/24.*/ public class HotNewsFragment extends Fragment {@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_hot_news,null);} }
1 package com.example.nanchen.drawerlayoutdemo.fragment; 2 3 import android.os.Bundle; 4 import android.support.annotation.Nullable; 5 import android.support.v4.app.Fragment; 6 import android.view.LayoutInflater; 7 import android.view.View; 8 import android.view.ViewGroup; 9 10 import com.example.nanchen.drawerlayoutdemo.R; 11 12 /** 13 * Created by nanchen on 2016/6/24. 14 */ 15 public class LateNewsFragment extends Fragment { 16 17 @Nullable 18 @Override 19 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 20 return inflater.inflate(R.layout.fragment_late_news,null); 21 } 22 }
下面是一些资源文件xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/main_dl"tools:context="com.example.nanchen.drawerlayoutdemo.MainActivity"><FrameLayoutandroid:id="@+id/main_content_frame"android:layout_width="match_parent"android:layout_height="match_parent"></FrameLayout><ListViewandroid:id="@+id/main_left_drawer_lv"android:layout_width="230dp"android:layout_height="match_parent"android:layout_gravity="left"android:divider="#afafaf"android:background="#4b4a4a"android:dividerHeight="1dp"></ListView>
</android.support.v4.widget.DrawerLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:background="#ddb0b0"android:layout_height="match_parent"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="这是热门新闻板块"android:gravity="center"/></LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="这里都是最新的新闻"android:gravity="center"/>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#ff9a9999"android:padding="5dp"><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:text="aa"android:textColor="@color/tv_color_white"android:id="@+id/menu_item1_tv"android:gravity="center"/></LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:padding="5dp"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@mipmap/ic_launcher"android:scaleType="fitXY"android:id="@+id/menu_item2_iv"android:padding="5dp"/><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:text="aa"android:textColor="@color/tv_color_white"android:id="@+id/menu_item2_tv"android:layout_marginLeft="20dp"android:gravity="center_vertical"/></LinearLayout>
android 官方DrawerLayout的介绍和使用相关推荐
- android drawer,android 官方DrawerLayout的介绍和使用
南尘:爱编程,爱安卓,每天进步一点点. drawerLayout是Support Library包中实现了侧滑菜单效果的控件,可以说drawerLayout是因为第三方控件如MenuDrawer等的出 ...
- android官方架构room,Android 官方架构组件介绍之 Room(翻译)
持久库Room Room在SQLite上提供了一个抽象层,以便在利用SQLite的全部功能的同时使流畅的数据库访问. 需要处理一些重要的结构化数据的App通常会从本地的持久数据中受益匪浅.最常见的就是 ...
- paging library java_Android官方分页组件介绍之Paging的使用详解
Android官方分页组件介绍之Paging的使用详解 发布时间:2018-04-27 13:47, 浏览次数:1618 , 标签: Android Paging Paging 使您的应用程序更容易从 ...
- Android 官方架构组件 Navigation 使用详解
前言 前段时间,我在做项目开发的时候对Fragment的管理遇到几个小问题,总觉得在现阶段封装好的Fragment管理器不太优雅.这成为我下决心学习Jetpack在很早之前推出的Navigation库 ...
- Android编程 系统资源的介绍
2019独角兽企业重金招聘Python工程师标准>>> 下面是Android Resource的介绍(引自: http://wenku.baidu.com/view/ba6bde73 ...
- 基于Android官方AsyncListUtil优化经典ListView分页加载机制(二)
基于Android官方AsyncListUtil优化经典ListView分页加载机制(二) 我写的附录文章1,介绍了如何使用Android官方的分页加载框架AsyncListUtil优化改进常见的Re ...
- [HOW TO]-下载android官方源码
介绍下载android官方源码的方式: 使用每月更新的初始化包 传统初始化方法 1.使用每月更新的初始化包 下载初始化包->repo sync wget -c https://mirrors.t ...
- android官方夜间模式,Android夜间模式实践
前言 由于项目需要,近段时间开发的夜间模式功能.主流的方案如下: 1.通过切换theme实现 2.通过resource id映射实现 3.通过Android Support Library的实现 方案 ...
- Android SDK目录结构介绍
简短介绍: 参数:描述 add-ons:Android 开发需要的第三方文件 build-tools:编译工具目录,包含了转化为davlik虚拟机的编译工具 docs:Android的文档,包括开发指 ...
最新文章
- Cocos2d-x3.0 DrawNode吸取
- JAVA 通过 Socket 实现 TCP 编程
- Oracle 之 管理
- 二、Spring MVC之常用注解
- [Design]和色大辞典[转自中国丫头]
- php怎么做群聊,workerman实现群聊
- js中使用HTML模板字符串
- 站库网案例 B宝塔面板怎么建手机版子目录
- 进度计划管理软件 PowerPlan (包含GRID,甘特图,直方图,网络图,跟踪逻辑,时标概要图等功能)
- 财务女,30岁无情被辞:想给财务提个醒!!
- html图片边框显示不全,css border边框显示不完全
- 树莓派3B+使用镜像烧录安装系统与配置教程(入门向)
- 使用pyTorch搭建自己的facenet
- GoogleTest使用教程
- 服务器被攻击了,更换IP是否有用吗
- 关于mysql的判断题_数据库选择题和判断题
- SeaJS 是什么?
- Cleaning Shifts POJ - 2376(反贪?)
- 计算机二级浙江省word,浙江省计算机二级办公软件word
- nexus5 android os 耗电,Nexus5刷android 9系统?
热门文章
- Android开发常用开源框架:图片处理
- Windows 系统电脑开机速度加快
- 周志华讲座---关于人工智能---科普性质---天地工学讲坛2017.11.30
- 傅里叶变换:周期、非周期 与连续、离散
- rancher k8s docker 关系_通过rancher部署k8s过程实战分享
- python实现滑块验证功能_python3.8.1+selenium实现登录滑块验证功能
- 中间画一条短竖线_许愿孔明灯怎么画,简约好看的孔明灯简笔画教程
- Hadoop详解(三):HDFS完全分布式环境搭建
- php try 中 抛出异常处理,php中try catch捕获异常实例详解
- websvn mysql_Centos 5.3 Nginx+php+mysql配置 独立的 Subversion (SVN)服务器