Android编程实现抽屉效果的方法详解

 更新时间:2017年05月30日 09:34:16   作者:android小猪  
这篇文章主要介绍了Android编程实现抽屉效果的方法,结合具体实例形式分析了Android实现抽屉效果的具体步骤与相关操作技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • Win10下Android App安装配置开发环境

    Win10下Android App安装配置开发环境

    这篇文章主要为大家详细介绍了Win10下Android App安装配置开发环境,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android 实现仿QQ拖拽气泡效果的示例

    Android 实现仿QQ拖拽气泡效果的示例

    这篇文章主要介绍了Android 实现仿QQ拖拽气泡效果的示例,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下
    2021-04-04
  • Android自定义加载圈动画效果

    Android自定义加载圈动画效果

    这篇文章主要为大家详细介绍了Android自定义加载圈动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android android:exported = true 用法详解

    Android android:exported = true 用法详解

    在本篇文章里小编给大家整理了关于Android android:exported = true 用法,需要的朋友们参考下。
    2019-09-09
  • Android实现折线走势图

    Android实现折线走势图

    这篇文章主要为大家详细介绍了Android实现折线走势图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Android Fragment 基本了解(图文介绍)

    Android Fragment 基本了解(图文介绍)

    Android是在Android 3.0 (API level 11)开始引入Fragment的可以把Fragment想成Activity中的模块,这个模块有自己的布局,有自己的生命周期,单独处理自己的输入,在Activity运行的时候可以加载或者移除Fragment模块
    2013-01-01
  • Android应用中使用ContentProvider扫描本地图片并显示

    Android应用中使用ContentProvider扫描本地图片并显示

    这篇文章主要介绍了Android应用中使用ContentProvider扫描本地图片并显示的方法,比调用本地图库的方法更加灵活和可定制,需要的朋友可以参考下
    2016-04-04
  • Jetpack Compose状态专篇精讲

    Jetpack Compose状态专篇精讲

    在今年的Google/IO大会上,亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样,Jetpack Compose是一个声明式的UI框架,这篇文章主要介绍了Jetpack Compose状态管理
    2022-10-10
  • Flutter实现编写富文本Text的示例代码

    Flutter实现编写富文本Text的示例代码

    这篇文章主要为大家详细介绍了如何通过Flutter实现编写富文本Text,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考一下
    2022-11-11
  • 从0快速搭建一个实用的MVVM框架(超详细)

    从0快速搭建一个实用的MVVM框架(超详细)

    这篇文章主要介绍了从0搭建一个实用的MVVM框架,结合Jetpack,构建快速开发的MVVM框架,支持快速生成ListActivity、ListFragment,主要是基于MVVM进行快速开发上手即用,需要的朋友可以参考下
    2022-03-03

最新评论