Android编程实现抽屉效果的方法详解
发布时间 - 2026-01-11 01:30:19 点击率:次本文实例讲述了Android编程实现抽屉效果的方法。分享给大家供大家参考,具体如下:

android的UI开发确实是一件很有趣的事情,也是一件很有挑战性的事情。
本文章是将自己在开发中的项目中使用到的比较好的抽屉效果的原理以及代码整理后写上来的,以备忘记后可以查阅
抽屉效果的原理很简单,就是给其一个事件监听(动作),然后对此动作所作出的反应(开 or 关);
在编写代码的时候要注意的几点如下:
1、 打开抽屉的图标(即触发抽屉的把手),打开后的界面都是布局在<SlidingDrawer/>与<SlidingDrawer/>标签中
2、在<SlidingDrawer/>与<SlidingDrawer/>标签中设置:android:handle="@+id/handle_layout" 用来指定抽屉的把手;设置:android:content="@+id/content_layout" 用来指定打开 抽屉后的View(即抽屉里面的内容)
3、 SlidingDrawer一共有三个监听事件(见代码)
注意:三者的执行顺序,总的原则是:滑动完成后,打开(或者关闭)抽屉
执行的顺序:
1 、setOnDrawerScrollListener(给把手一个动作)
2、 setOnDrawerOpenListener(打开抽屉) 或 setOnDrawerCloseListener(关闭抽屉)
下面是代码:
activity_main.xml:
<!-- 在SlidingDrawer这个标签下android:handle:指示的就是抽屉的图片。
android:content:指向的就是抽屉里面的布局。有了这个布局,其实一个抽屉就出来了 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textSize="20sp" />
<SlidingDrawer
android:id="@+id/sd"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:content="@+id/myContent"
android:handle="@+id/iv"
android:orientation="vertical" >
<ImageView
android:id="@id/iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/open1" />
<GridView
android:id="@id/myContent"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/background"
android:gravity="center"
android:numColumns="3" />
</SlidingDrawer>
</RelativeLayout>
MainActivity.java 中主要的代码如下:
package com.example.exp_sliding;
import android.os.Bundle;
import android.app.Activity;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SlidingDrawer;
import android.widget.SlidingDrawer.OnDrawerScrollListener;
@SuppressWarnings("deprecation")
public class MainActivity extends Activity {
private GridView gridView;
private SlidingDrawer slidingDrawer;
private ImageView imageView;
private int[] icons = { R.drawable.one, R.drawable.two, R.drawable.three,
R.drawable.four, R.drawable.five, R.drawable.six, R.drawable.seven,
R.drawable.eight, R.drawable.nine };
private String[] items = { "one", "two", "three", "four", "five", "six",
"seven", "eight", "nine" };
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView = (GridView) findViewById(R.id.myContent);
slidingDrawer = (SlidingDrawer) findViewById(R.id.sd);
imageView = (ImageView) findViewById(R.id.iv);
// 自定义MyAdapter来实现图标加item的显示效果
MyAdapter adapter = new MyAdapter(this, items, icons);
gridView.setAdapter(adapter);
//滑动
slidingDrawer.setOnDrawerScrollListener(new OnDrawerScrollListener() {
public void onScrollStarted() {
System.out.println("--------> 开始滑动");
}
public void onScrollEnded() {
System.out.println("--------> 滑动结束");
}
});
//开抽屉动作响应
slidingDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()
{
@Override
public void onDrawerOpened() {
imageView.setImageResource(R.drawable.close1);// 响应开抽屉事件
}
});
//关抽屉动作响应
slidingDrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {
@Override
public void onDrawerClosed() {
imageView.setImageResource(R.drawable.open1);// 响应关抽屉事件
}
});
}
}
这是一个很基础的上下开关抽屉的例子,其中涉及的MyAdapter类是一个图片的收集器,这个相信大家有一定基础的都会写这个吧,由于时间关系,在这里就不贴出来了。
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android线程与消息机制用法总结》、《Android编程之activity操作技巧总结》、《Android调试技巧与常见问题解决方法汇总》、《Android开发入门与进阶教程》、《Android基本组件用法总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
# Android
# 抽屉效果
# Android开发之DrawerLayout实现抽屉效果
# Android 自定义View实现抽屉效果
# Android自定义控件仿QQ抽屉效果
# Android DrawerLayout实现抽屉效果实例代码
# Android 抽屉效果的导航菜单实现代码实例
# Android实现自定义滑动式抽屉菜单效果
# Android App中DrawerLayout抽屉效果的菜单编写实例
# Android SlidingDrawer 抽屉效果的实现
# Android的Activity跳转动画各种效果整理
# Android Tween动画之RotateAnimation实现图片不停旋转效果实例介绍
# Android实现图片轮播效果的两种方法
# Android编程实现抽屉效果的方法示例
# 都是
# 是一个
# 进阶
# 来了
# 在这里
# 相关内容
# 就不
# 则是
# 很有
# 有一定
# 感兴趣
# 这是一个
# 要注意
# 给大家
# 很简单
# 比较好
# 自定义
# 几点
# 更多关于
# 来实现
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?
Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程
Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】
微信小程序 canvas开发实例及注意事项
Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)
如何用AI帮你把自己的生活经历写成一个有趣的故事?
EditPlus中的正则表达式实战(5)
如何在阿里云部署织梦网站?
奇安信“盘古石”团队突破 iOS 26.1 提权
Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知
HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】
Laravel的.env文件有什么用_Laravel环境变量配置与管理详解
网站制作壁纸教程视频,电脑壁纸网站?
如何在服务器上三步完成建站并提升流量?
PHP正则匹配日期和时间(时间戳转换)的实例代码
UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】
Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控
Laravel怎么在Controller之外的地方验证数据
Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】
悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】
济南网站建设制作公司,室内设计网站一般都有哪些功能?
Laravel如何生成API文档?(Swagger/OpenAPI教程)
html如何与html链接_实现多个HTML页面互相链接【互相】
宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程
PythonWeb开发入门教程_Flask快速构建Web应用
Laravel怎么导出Excel文件_Laravel Excel插件使用教程
制作企业网站建设方案,怎样建设一个公司网站?
非常酷的网站设计制作软件,酷培ai教育官方网站?
如何在Ubuntu系统下快速搭建WordPress个人网站?
网站页面设计需要考虑到这些问题
佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】
iOS UIView常见属性方法小结
零基础网站服务器架设实战:轻量应用与域名解析配置指南
php做exe能调用系统命令吗_执行cmd指令实现方式【详解】
如何快速生成可下载的建站源码工具?
php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】
如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环
如何快速搭建虚拟主机网站?新手必看指南
Laravel Debugbar怎么安装_Laravel调试工具栏配置指南
手机软键盘弹出时影响布局的解决方法
电视网站制作tvbox接口,云海电视怎样自定义添加电视源?
Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用
Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析
Android仿QQ列表左滑删除操作
Laravel如何使用Gate和Policy进行授权?(权限控制)
如何在云主机上快速搭建多站点网站?
Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理
Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】
Swift中switch语句区间和元组模式匹配
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?

