DrawerLayout 点击抽屉外收回抽屉

2026-08-20

浅谈DrawerLayout(抽屉效果)

DrawerLayout是V4包下提供的一种左滑右滑抽屉布局效果. 实现效果如下: 因为是官方提供的,所以使用起来也相对的比较简单. DrawerLayout 提供 1.当界面弹出的时候,主要内容区会自动背景变黑,当点击内容区的时候,抽屉布局会消失 2.在屏幕边缘手势滑动会拉出抽屉布局注意:当按后退键的时候,如果抽屉布局正在显示,则需要关闭抽屉布局用一个简单的Demo介绍下: ---------------------------------------------------------

点击区域外隐藏该区域，event.stopPropagation()

event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. 点击区域外隐藏该区域Example: <!DOCTYPE html> <html> <head> <meta content="charset=utf-8

设立点击ProgressDialog外的区域对话框不消失

设置点击ProgressDialog外的区域对话框不消失ProgressDialog mpDialog = new ProgressDialog(OrderTable.this); mpDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);//设置风格为圆形进度条 mpDialog.setTitle("提示");//设置标题 mpDialog.setIcon(R.drawable.icon);//设置图标 mpDial

【JS】点击目标外事件与IFRAM自适应高度

一.点击目标外事件 $(document).mouseup(function(e){ var _con = $('.dropdown-multiSelect-list'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1 _con.hide();// 功能代码 } }); 二.IFRAME自适应高度兼容IE6/IE7/IE8/Firefox/Opera/Chrome/Safari

给Activity设置Dialog属性，点击区域外消失；

1.在AndroidManifest.xml中给Activity设置样式: <activity android:name=".MyActivity" android:theme="@style/MyDialog" android:label="@string/app_name" > 2.在res-value-style.xml中设置dialog样式: <?x

contains 之点击元素外位置隐藏元素

contains 之点击元素外位置隐藏元素 api: contains 检测一个元素包含在另一个元素之内详解:http://www.runoob.com/jquery/misc-contains.html 原理: 监听click事件,当点击时判断点击位置是否包含在目标元素内,若判断通过则隐藏代码: // 创建click监听 mounted () { document.addEventListener('click', this.queryHide) }, // 清除click监听 b

ToolBar和DrawerLayout的使用实现侧拉栏抽屉的开闭

1.如图可以看到textColorPrimary,colorPrimary,colorPrimaryDark,navigationBarColor等颜色属性代表的相应位置,如下图 2.具体属性在res的style.xml中更改,如下图,另外在Android.Manifest的里面需要将theme改成对应的AppTheme,如图中所示(注意需要选择NoActionBar的主题作为父类,因为我们不用到ActionBar,而是用ToolBar替代) 3.接下来需要在主xml文件即activity_ma

使用SlidingDrawer（滑动式抽屉）实现抽屉效果

SlidingDrawer隐藏屏外的内容,并允许用户通过handle以显示隐藏内容.它可以垂直或水平滑动,它有俩个View组成,其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局,在布局文件中必须指定handle(手柄)和content. 二.重要属性 android:allowSingleTap:指示是否可以通过handle打开或关闭 android:animateOnClick:指示是否当使用者按下手柄打开/关闭时是否该有一个动画. android:conten

Android DrawerLayout 点击事情穿透

今天使用DrawerLayout做网易4.4版本侧边栏发现点击DrawerLayout空白部分,下面部分content会获得点击事件.解决方法是在的布局里面加上clickable=true.

jquery选择器选择除当前点击元素外所有的元素

问题: 多个select选择,如果已选择某些value ,该value不可再选思路: 点击当前元素,js列出除当前元素外所有的元素当前解决办法: function symbolDefine(obj){ if($(".stringName").length > 1){//如果字段数大于1 var index = $('.stringName').index($(obj));//当前选择的字段的下标 $(".stringName").each(functio

jQuery实现鼠标点击div外的地方div隐藏消失的效果（转）

转:https://www.cnblogs.com/jsingleegg/p/3456152.html css部分: <style type="text/css">.pop { width:200px; height:130px; background:#080;}</style> 样式与JS部分: <body> <script type="text/javascript" src="http://ajax.goo

jQuery实现鼠标点击div外的地方div隐藏消失的效果

css部分: <style type="text/css"> .pop { width:200px; height:130px; background:#080;} </style> 样式与JS部分: <body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&q

jQuery实现点击div外的区域，来隐藏指定节点

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).bind('click', function

jquery实现点击div外隐藏div

html <div style="width:100px;height:100px;border:1px solid #ff0" id="div">div</div> js document.on("click",function(e){ if($(e.target).closest("#div").length=0){ $("#div").hide(); } })

Activity设置Dialog属性点击区域外消失实现方式

通过配置:<item name="android:windowCloseOnTouchOutside">true</item> 通过代码:setFinishOnTouchOutside(true); 来自为知笔记(Wiz)

抽屉显示控件SlidingDrawer入门

SlidingDrawer是一个抽屉控件,代码具体路径为:android.widget.SlidingDrawer,该控件从API Level3引入,在API 17及之后的版本将不再被支持.具体效果如下图所示,它有委托视图handle和内容显示视图content组成: 抽屉显示控件支持横竖屏,它由两个子视图(用户拖动句柄handle和内容显示视图)组成,可以通过拖动或者点击handle的方式呼出内容显示视图,注意,SlidingDrawer的父布局只能是FrameLayout和Relative

Android Design Support Library（二）用NavigationView实现抽屉菜单界面

NavigationView在MD设计中非常重要,之前Google也提出了使用DrawerLayout来实现导航抽屉.这次,在Android Design Support Library中,Google提供了NavigationView来实现导航菜单界面. 这次我们写的代码在Android用TabLayout实现类似网易选项卡动态滑动效果这篇文章代码的基础上进行修改,所以最好先看看上面这篇文章首先仍旧是配置build.gradle: dependencies { compile fileTre

Android 抽屉效果的导航菜单实现

Android 抽屉效果的导航菜单实现抽屉效果的导航菜单看了很多应用,觉得这种侧滑的抽屉效果的菜单很好. 不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 关于实现,搜索了一下,有如下两种: 1.用SlidingDrawer: http://developer.android.com/reference/android/widget/SlidingDrawer.html 但是不知道为什么这个类官方不建议再继续用了: Depreca

Navigation Drawer(导航抽屉)

目录(?)[-] 创建一个导航抽屉创建抽屉布局初始化抽屉列表处理导航项选点击事件监听导航抽屉打开和关闭事件点击应用图标来打开和关闭导航抽屉创建一个导航抽屉导航抽屉是一个位于屏幕左侧边缘用来显示应用程序导航项的一个面板.导航抽屉在大部分时间是不显示的,但两种情况下会进行显示:一是发生从屏幕左侧边缘向右滑的手势,二是点击了工具栏中应用图标.导航抽屉在Support Library 中提供支持,在使用导航抽屉时,需要符合导航抽屉设计原则(Navigation Drawer),看看你是否

Android官方终于支持 Navigation Drawer(导航抽屉)模式

在2013 google IO当天,Android团的更新了Support库,新版本(V13)的Support库中新加入了几个比较重要的功能. 添加 DrawerLayout 控件,支持创建 Navigation Drawer模式.可以设置从左边划出菜单或者右边,也可以左右菜单同时存在. 添加 SlidingPaneLayout 控件来支持各种屏幕上的摘要.详情界面模式.比如 Gmail邮件列表和单个邮件详情界面.当在手机上显示的时候,邮件列表和详情界面分别为两个界面:当在平板上显示的时

Android Navigation Drawer(导航抽屉)

Google I/O 2013 Android 更新了Support库,新版本的Support库中新加入了几个比较重要的功能. 添加 DrawerLayout 控件,支持创建 Navigation Drawer模式.可以设置从左边划出菜单或者右边,也可以左右菜单同时存在. 添加 SlidingPaneLayout 控件来支持各种屏幕上的摘要.详情界面模式.比如 Gmail邮件列表和单个邮件详情界面.当在手机上显示的时候,邮件列表和详情界面分别为两个界面:当在平板上显示的时候,则为一个界面. 添

DrawerLayout 点击抽屉外收回抽屉

热门专题