导语

侧滑控件,以前大家用的可能是三方的SlidingMenu控件,最近在看谷歌源码项目,意外的看到一个 DrawerLayout 控件。上网一查,原来这个控件是官方给我们提供的一个侧滑菜单控件。既然谷歌已经提供了一个侧滑控件,我们又何必去用一个三方的SlidingMenu控件来实现相同的效果。于是,我决定自己手敲一个Demo来实现看看。
1、DrawerLayout效果图
2、DrawerLayout 的介绍
DrawerLayout的官方文档介绍链接:http://androiddoc.qiniudn.com/reference/android/support/v4/widget/DrawerLayout.html
DrawerLayout 类的结构图如下:
官方中文简介大概如下:
DrawerLayout作为窗口内容的顶层容器,允许从窗口的一个或两个垂直边缘拉出交互式“抽屉”视图。
抽屉定位和布局使用android:layout_gravity 子视图对应的属性进行控制,对应于您希望抽屉从哪个侧面出现:左侧或右侧(或支持布局方向的平台版本上的开始/结束)。请注意,您只能窗口的每个垂直边缘的一个抽屉视图。如果您的布局在窗口的每个垂直边缘配置多个抽屉视图,则会在运行时抛出异常。
3、DrawerLayout 的使用
一般使用 DrawerLayout 侧滑菜单,可以通过 Toolbar + DrawerLayout来实现。
在res/layout 中,新建一个toolbar.xml文件
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/tl_custom" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize" android:popupTheme="@style/ThemeOverlay.AppCompat.Dark" app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> </android.support.v7.widget.Toolbar>
在新建一个drawerlayout.xml布局
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dl_left"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!--主布局-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</LinearLayout>
<!--侧滑菜单-->
<RelativeLayout
android:layout_width="180dp"
android:clickable="true"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="#fff"
>
<LinearLayout
android:id="@+id/ll_home_navigation_top"
android:layout_width="match_parent"
android:layout_height="120dp"
android:layout_alignParentTop="true"
android:background="@color/colorPrimary"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@mipmap/ic_launcher" />
</LinearLayout>
<ListView
android:id="@+id/lv_left_menu"
android:layout_below="@id/ll_home_navigation_top"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider="@null"
android:text="DrawerLayout" />
</RelativeLayout>
</android.support.v4.widget.DrawerLayout>
主布局activity_main.xml:
<LinearLayout xmlns: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:orientation="vertical" tools:context=".MainActivity"> <!--Toolbar--> <include layout="@layout/custom_toolbar" /> <!--DrawerLayout--> <include layout="@layout/custom_drawerlayout" /> </LinearLayout>
MainActivity.java:
public class MainActivity extends AppCompatActivity {
protected boolean statusBarCompat = true;
private static long DOUBLE_CLICK_TIME = 0L;
//声明相关变量
private Toolbar toolbar;
private DrawerLayout mDrawerLayout;
private ActionBarDrawerToggle mDrawerToggle;
private ListView lvLeftMenu;
private String[] lvs = {"Android", "iOS", "Python", "Html5", "Java"};
private ArrayAdapter arrayAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
if (statusBarCompat) {
StatusBarCompat.compat(this, ContextCompat.getColor(this, R.color.colorPrimary));
transparent19and20();
}
findViews(); //获取控件
toolbar.setTitle("Drawerlayout");//设置Toolbar标题
toolbar.setTitleTextColor(Color.parseColor("#ffffff")); //设置标题颜色
setSupportActionBar(toolbar);
getSupportActionBar().setHomeButtonEnabled(true); //设置返回键可用
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//创建返回键,并实现打开关/闭监听
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, toolbar, R.string.open, R.string.close) {
@Override
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
}
@Override
public void onDrawerClosed(View drawerView) {
super.onDrawerClosed(drawerView);
}
};
mDrawerToggle.syncState();
mDrawerLayout.addDrawerListener(mDrawerToggle);
//设置菜单列表
arrayAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, lvs);
lvLeftMenu.setAdapter(arrayAdapter);
lvLeftMenu.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(MainActivity.this, "点击"+position , Toast.LENGTH_SHORT).show();
}
});
}
//返回键监听
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (event.getKeyCode() == KeyEvent.KEYCODE_MENU && mDrawerLayout != null) {
if (mDrawerLayout.isDrawerOpen(Gravity.LEFT)) {
mDrawerLayout.closeDrawer(Gravity.LEFT);
} else {
mDrawerLayout.openDrawer(Gravity.LEFT);
}
return true;
} else if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {
if (mDrawerLayout.isDrawerOpen(Gravity.LEFT)) {
mDrawerLayout.closeDrawer(Gravity.LEFT);
} else {
if ((System.currentTimeMillis() - DOUBLE_CLICK_TIME) > 2000) {
Toast.makeText(MainActivity.this, "再按一次退出", Toast.LENGTH_SHORT).show();
DOUBLE_CLICK_TIME = System.currentTimeMillis();
} else {
finish();
}
}
return true;
}
return super.onKeyDown(keyCode, event);
}
protected void transparent19and20() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT
&& Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}
private void findViews() {
toolbar = (Toolbar) findViewById(R.id.tl_custom);
mDrawerLayout = (DrawerLayout) findViewById(R.id.dl_left);
lvLeftMenu = (ListView) findViewById(R.id.lv_left_menu);
}
}
本文的源码,如果谁有兴趣要的,直接关注微信公众号后台回复:侧滑 或者DrawerLayout 。
4、总结
本文创作时间为4个小时,原创不易,如果哪里有错误或者写作意见,请帮忙指正和提醒,谢谢,大家共同进步!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Android侧滑控件
# android
# 侧滑DrawerLayout
# 侧滑菜单
# Android侧滑菜单之DrawerLayout用法详解
# Android布局控件DrawerLayout实现完美侧滑效果
# Android使用DrawerLayout仿QQ6.0双侧滑菜单
# Android侧滑菜单控件DrawerLayout使用详解
# Android原生侧滑控件DrawerLayout使用方法详解
# Android中DrawerLayout实现侧滑菜单效果
# Android中DrawerLayout+ViewPager滑动冲突的解决方法
# Android DrawerLayout实现侧拉菜单功能
# Android DrawLayout结合ListView用法实例
# 来实现
# 边缘
# 三方
# 新建一个
# 拉出
# 您的
# 多个
# 结构图
# 给我们
# 可以通过
# 有兴趣
# 请注意
# 时间为
# 则会
# 抛出
# 大家多多
# 再按
# 有错误
# 请帮忙
# 共同进步
相关文章:
宝华建站服务条款解析:五站合一功能与SEO优化设置指南
企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目?
打鱼网站制作软件,波克捕鱼官方号怎么注册?
python的本地网站制作,如何创建本地站点?
七夕网站制作视频,七夕大促活动怎么报名?
桂林网站制作公司有哪些,桂林马拉松怎么报名?
建站主机默认首页配置指南:核心功能与访问路径优化
东莞市网站制作公司有哪些,东莞找工作用什么网站好?
如何在万网主机上快速搭建网站?
大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?
免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?
如何选择香港主机高效搭建外贸独立站?
江苏网站制作公司有哪些,江苏书法考级官方网站?
教学网站制作软件,学习*后期制作的网站有哪些?
如何通过WDCP绑定主域名及创建子域名站点?
如何快速搭建二级域名独立网站?
如何构建满足综合性能需求的优质建站方案?
如何在云主机上快速搭建网站?
实例解析Array和String方法
如何在建站之星绑定自定义域名?
Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递
安云自助建站系统如何快速提升SEO排名?
如何通过IIS搭建网站并配置访问权限?
深圳网站制作案例,网页的相关名词有哪些?
如何在Golang中引入测试模块_Golang测试包导入与使用实践
C#如何在一个XML文件中查找并替换文本内容
C++如何使用std::optional?(处理可选值)
宝塔建站助手安装配置与建站模板使用全流程解析
较简单的网站制作软件有哪些,手机版网页制作用什么软件?
如何快速搭建高效WAP手机网站吸引移动用户?
制作网站的过程怎么写,用凡科建站如何制作自己的网站?
佛山网站制作系统,佛山企业变更地址网上办理步骤?
如何在Golang中使用encoding/gob序列化对象_存储和传输数据
网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台?
广东企业建站网站优化与SEO营销核心策略指南
股票网站制作软件,网上股票怎么开户?
建站主机选虚拟主机还是云服务器更好?
c# 在高并发下使用反射发射(Reflection.Emit)的性能
制作网站的公司有哪些,做一个公司网站要多少钱?
大连网站制作公司哪家好一点,大连买房网站哪个好?
代购小票制作网站有哪些,购物小票的简要说明?
宝塔建站教程:一键部署配置流程与SEO优化实战指南
建站主机如何选?高性价比方案全解析
,怎么在广州志愿者网站注册?
齐河建站公司:营销型网站建设与SEO优化双核驱动策略
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?
如何高效搭建专业期货交易平台网站?
如何通过主机屋免费建站教程十分钟搭建网站?
如何在IIS7中新建站点?详细步骤解析
如何高效利用亚马逊云主机搭建企业网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。