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的抽屉效果的下拉菜单(上下伸缩和展开),和大家一起交流学习,如果有更好的实现效果,也请分享一下(注:积分只是希望能评论的方式。)【联系方式:评论即可】
利用 v4包里的DrawerLayout 布局,实现一个 抽屉效果,抽屉内容使用RecyclerView 形成一个列表,当用户选则一项,内容里面跟着发生变化;
最近公司需要实现下拉抽屉效果,今天写了一下,可以运行,基本实现了下拉抽屉效果,亲测可用,基于最新的Android4.4
Android 抽屉效果的实现,actionBar 中Menu 可用
Andorid项目源码 实现demo 超爽的android抽屉效果(源码)Andorid项目源码 实现demo 超爽的android抽屉效果(源码)Andorid项目源码 实现demo 超爽的android抽屉效果(源码)Andorid项目源码 实现demo 超爽的android...
Android 抽屉实现,代码完整。下载下来运行即可
一个使用ViewDragHelper来实现的 安卓抽屉式滑动效果
Android实现的抽屉效果,应该很广泛。如网易新闻客户端等。
android类似双向抽屉效果实现,如海豚浏览器首页。
Android两种抽屉效果实现侧滑,Android两种抽屉效果实现侧滑
这个demo实现了Android抽屉fragment以及抽屉fragment进出动画
目的: * 功能一、屏幕分上下二部分;通过打开按钮实现,抽屉的下面部分打开和关闭,同时上面部分自动伸展。 * 功能二、点击黑色部分能够实现拖拉,
Android 用SlidingDrawer实现抽屉效果
android android SwipListview 抽屉滑动效果,可以添加删除按钮,实现滑动删除以及其他操作 关注博客 http://himici.com/
Android应用源码之简单实用的抽屉效果.rar
仿百度地图抽屉拖拽效果
sampleActivity是事例代码,menuDrawer和actionBarSherLock是所要引用的类库
实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开).rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。