首页 文章 精选 留言 我的

Android笔记:SlidingDrawer

2017-11-21 646

一、概述

  抽屉控件，官方已不建议用；但在某些需求下直接使用这个控件还是相当方便的。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<SlidingDrawer
     android:id= "@+id/drawer"
     android:layout_width= "match_parent"
     android:layout_height= "match_parent"
      android:handle= "@+id/handle"
     android:content= "@+id/content" >
      <ImageView
         android:id= "@+id/handle"
         android:layout_width= "88dip"
         android:layout_height= "44dip"  />
      <GridView
         android:id= "@+id/content"
          android:layout_width= "match_parent"
         android:layout_height= "match_parent"  />
  </SlidingDrawer>


1.XML文件中的属性

属性名称

描述

android:allowSingleTap

是否可通过单击handle打开或关闭抽屉。 默认是true。（如果是false，用户必须通过拖动，滑动或者使用轨迹球。）

android:animateOnClick

顾名思义，点击的时候是否有动画。默认是true。

android:bottomOffset

“手柄”距离SlidingDrawer底部的额外距离 。

android:content

SlidingDrawer的内容。

android:handle

SlidingDrawer的“手柄”。

android:orientation

SlidingDrawer的方向。

android:topOffset

“手柄”距离SlidingDrawer顶部的额外距离 。

 

2.一些重要的方法：

void setOnDrawerCloseListener (SlidingDrawer.OnDrawerCloseListener onDrawerCloseListener)

设置一个监听器，用来接收当抽屉被关闭时候的通知。

void setOnDrawerOpenListener (SlidingDrawer.OnDrawerOpenListener onDrawerOpenListener)

Since: API Level 3

设置一个监听器，用来接收当抽屉被打开的时候的通知。

void setOnDrawerScrollListener (SlidingDrawer.OnDrawerScrollListener onDrawerScrollListener)

设置一个监听器，用来接收当抽屉处于正在打开或者正在结束的滚动时候的通知。

animateClose()：

使用动画关闭抽屉。

animateOpen ()：

使用动画打开抽屉

getContent()：

获取内容

isMoving()：

指示SlidingDrawer是否在移动。

isOpened()：

指示SlidingDrawer是否已全部打开

lock()：

屏蔽触摸事件。

unlock()：

解除屏蔽触摸事件。

toggle()：

切换打开和关闭的抽屉SlidingDrawer。


3.一个简单的例子:

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
public  class  SlidingDrawerDemoActivity  extends  Activity {  
             private  SlidingDrawer myDrawer;
             private  ImageView myImageView;
             private  GridView myGridView;
             @Override
             protected  void  onCreate(Bundle savedInstanceState) {
                 super .onCreate(savedInstanceState);
                 setContentView(R.layout.main);
                 myDrawer = (SlidingDrawer) findViewById(R.id.drawer);
                 myImageView = (ImageView)findViewById(R.id.handle);
                 myGridView = (GridView)findViewById(R.id.content);
                 myDrawer.setOnDrawerOpenListener(newSlidingDrawer.OnDrawerOpenListener() {
                     @Override
                     public  void  onDrawerOpened() {
                         myImageView.setImageResource(R.drawable.down);
                     }
                 });
                 myDrawer.setOnDrawerCloseListener(newSlidingDrawer.OnDrawerCloseListener() {
                     @Override
                     public  void  onDrawerClosed() {
                         myImageView.setImageResource(R.drawable.up);
                     }
                 });    
     }
}



二、可监听按钮点击事件的自定义SlidingDrawer

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
import  android.content.Context;
import  android.graphics.Rect;
import  android.util.AttributeSet;
import  android.view.MotionEvent;
import  android.view.View;
import  android.view.ViewGroup;
import  android.widget.SlidingDrawer;
 
/**
  * 自定义SlidingDrawer：可监听按钮点击事件
  * @author zeng
  *
  */
 
public  class  ClickableSlidingDrawer  extends  SlidingDrawer
{
     private  ViewGroup mHandleLayout;
     private  final  Rect mHitRect =  new  Rect();
     
     public  ClickableSlidingDrawer(Context context, AttributeSet attrs,  int  defStyle)
     {
         super (context, attrs, defStyle);
     }
     
     public  ClickableSlidingDrawer(Context context, AttributeSet attrs)
     {
         super (context, attrs);
     }
     
     @Override
     protected  void  onFinishInflate()
     {
         super .onFinishInflate();
         
         View handle = getHandle();
         
         if  (handle  instanceof  ViewGroup)
         {
             mHandleLayout = (ViewGroup) handle;
         }
     }
     
     @Override
     public  boolean  onInterceptTouchEvent(MotionEvent event)
     {
         if  (mHandleLayout !=  null )
         {
             int  childCount = mHandleLayout.getChildCount();
             int  handleClickX = ( int ) (event.getX() - mHandleLayout.getX());
             int  handleClickY = ( int ) (event.getY() - mHandleLayout.getY());
             
             Rect hitRect = mHitRect;
             
             for  ( int  i =  0 ; i < childCount; i++)
             {
                 View childView = mHandleLayout.getChildAt(i);
                 childView.getHitRect(hitRect);
                 
                 if  (hitRect.contains(handleClickX, handleClickY))
                 {
                     return  false ;
                 }
             }
         }
         
         return  super .onInterceptTouchEvent(event);
     }
}




三、控制SlidingDrawer在屏幕低端，而不会填满整个屏幕,同时handle按钮可点击的自定义SlidingDrawer


注:解决SlidingDrawer的高度设置为wrap_content时无法做到非全屏的问题。

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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
import  android.content.Context;
import  android.graphics.Rect;
import  android.util.AttributeSet;
import  android.view.MotionEvent;
import  android.view.View;
import  android.view.ViewGroup;
import  android.widget.SlidingDrawer;
 
/**
  * 自定义SlidingDrawer，控制SlidingDrawer在屏幕低端，而不会填满整个屏幕,同时handle按钮可点击
  * @author zeng
  *
  */
 
public  class  ClickableWrapSlidingDrawer  extends  SlidingDrawer
{
     private  ViewGroup mHandleLayout;
     private  final  Rect mHitRect =  new  Rect();
     
     private  boolean  mVertical;
     private  int  mTopOffset;
     
     public  ClickableWrapSlidingDrawer(Context context, AttributeSet attrs,  int  defStyle)
     {
         super (context, attrs, defStyle);
         int  orientation = attrs.getAttributeIntValue( "android" ,  "orientation" , ORIENTATION_VERTICAL);
         mTopOffset = attrs.getAttributeIntValue( "android" ,  "topOffset" ,  0 );
         mVertical = (orientation == SlidingDrawer.ORIENTATION_VERTICAL);
     }
     
     public  ClickableWrapSlidingDrawer(Context context, AttributeSet attrs)
     {
         super (context, attrs);
         int  orientation = attrs.getAttributeIntValue( "android" ,  "orientation" , ORIENTATION_VERTICAL);
         mTopOffset = attrs.getAttributeIntValue( "android" ,  "topOffset" ,  0 );
         mVertical = (orientation == SlidingDrawer.ORIENTATION_VERTICAL);
     }
     
     @Override
     protected  void  onMeasure( int  widthMeasureSpec,  int  heightMeasureSpec)
     {
         int  widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
         int  widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
         int  heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
         int  heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
         
         final  View handle = getHandle();
         final  View content = getContent();
         measureChild(handle, widthMeasureSpec, heightMeasureSpec);
         
         if  (mVertical)
         {
             int  height = heightSpecSize - handle.getMeasuredHeight() - mTopOffset;
             content.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(height, heightSpecMode));
             heightSpecSize = handle.getMeasuredHeight() + mTopOffset + content.getMeasuredHeight();
             widthSpecSize = content.getMeasuredWidth();
             if  (handle.getMeasuredWidth() > widthSpecSize)
                 widthSpecSize = handle.getMeasuredWidth();
         }
         else
         {
             int  width = widthSpecSize - handle.getMeasuredWidth() - mTopOffset;
             getContent().measure(MeasureSpec.makeMeasureSpec(width, widthSpecMode), heightMeasureSpec);
             widthSpecSize = handle.getMeasuredWidth() + mTopOffset + content.getMeasuredWidth();
             heightSpecSize = content.getMeasuredHeight();
             if  (handle.getMeasuredHeight() > heightSpecSize)
                 heightSpecSize = handle.getMeasuredHeight();
         }
         
         setMeasuredDimension(widthSpecSize, heightSpecSize);
     }
     
     
     
     
     
     @Override
     protected  void  onFinishInflate()
     {
         super .onFinishInflate();
         
         View handle = getHandle();
         
         if  (handle  instanceof  ViewGroup)
         {
             mHandleLayout = (ViewGroup) handle;
         }
     }
     
     @Override
     public  boolean  onInterceptTouchEvent(MotionEvent event)
     {
         if  (mHandleLayout !=  null )
         {
             int  childCount = mHandleLayout.getChildCount();
             int  handleClickX = ( int ) (event.getX() - mHandleLayout.getX());
             int  handleClickY = ( int ) (event.getY() - mHandleLayout.getY());
             
             Rect hitRect = mHitRect;
             
             for  ( int  i =  0 ; i < childCount; i++)
             {
                 View childView = mHandleLayout.getChildAt(i);
                 childView.getHitRect(hitRect);
                 
                 if  (hitRect.contains(handleClickX, handleClickY))
                 {
                     return  false ;
                 }
             }
         }
         
         return  super .onInterceptTouchEvent(event);
     }
     
}




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

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/425300

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iOS开发-仿大众点评iPad侧边导航栏

昨天其实已经写了一篇侧边栏的文章，不过感觉还不是很清晰，这篇文章算是补充吧，iPad上看了大众点评的侧边栏，基本上百分之九十类似，具体效果可参考下图: 对比昨天主要做了两个修改，一个是图片和文字的显示位置，另外一个就是关于底部的定位和设置的位置在横竖屏时显示的问题，侧边栏的区域是是自己控制的，需要注意一下横竖屏的时候设置一下autoresizingMask，底部图标定位的时候也是一样设置。 导航栏上每个按钮提取出了一个父类GPDockItem,头文件中的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 // // GPDockItem.h // GrouponProject //博客园FlyElephant:http://www.cnblogs.com/xiaofeixiang // Created by keso on 15/3/11. // Copyright (c) 2015年 keso. All rights reserved. // #import <UIKit/UIKit.h> @i...
2017-11-22
807
上一篇

iOS开发-iPad侧边栏Tab选项卡切换

Android中习惯了叫侧边栏，iOS中如果不习惯侧边栏称呼的话可以叫dock，侧边栏的切换，类似于Android中的底部导航栏的切换，iPad尺寸大了一些，导航的栏目放在侧边会显示的更好耐看一些。选项卡是用按钮实现的，通过按钮的状态控制按钮的背景图片，最后通过按钮的Tag属性进行相对应的操作，iPad需要考虑一个横竖屏的问题，不过现在有些项目为了效果也好，为了开发效率也罢，可能只是选中了横屏效果。 基本布局 布局之前先来看一下最终需要实现的效果: 需要最四个图片进行相应的操作，通过图片控制最后的切换效果，黑色的属于侧边栏的区域，四个图片是按钮的背景图片，不过由于需要经常操作区域的宽度和按钮的宽度，需要预定义一下,新建一个Common.h文件，如果你不习惯，你也可以定义为Config.h，能看懂即可: 1 2 3 //侧边栏条目的尺寸 #define GPDockItemWidth 100 #define GPDockItemHeight 80 在之前的xCode中是默认的有pch文件的，xCode6.1中没有，需要新建一个pch文件: 新建之后并不能保证你运行成功，还需要去编译中...
2017-11-22
646
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2025-12-12 大小: 211.28KB 下载: 54次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2026-03-01 大小: 1MB 下载: 6次
Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

时间: 2025-12-21 大小: 189MB 下载: 2次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
HarmonyOS6 OpenAi Kubernetes Docker DeepSeek Gemini3 Redis SpringBoot4 SpringCloud Jdk25 Rocky Nacos3 Service Mesh

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册