【小功能4】android用SlidingDrawer实现抽拉的滑动效果（也叫抽屉）附源码-低调大师

【小功能4】android用SlidingDrawer实现抽拉的滑动效果（也叫抽屉）附源码

2017-11-14 418

今天研究了一个别人写的仿多米音乐的源码，其中有一个功能是抽拉的效果，可以把两个界面的内容显示在一个activity中，利用抽拉实现多内容显示。自己通过摸索参考网上解释实现这一功能，并实现了自己想要的一个功能（为一个程序添加这个功能），接下来上图，没图说个MX。

SlidingDrawer是一个可以实现抽取式显示的控件，可以垂直，水平拉取，每个抽屉都包含两个东西：一个是拉手（handle），一个是抽屉里面的东西（content），SlidingDrawer需要放置在另外的一个layout之上，这意味着SlidingDrawer只能放置在 FrameLayout or a RelativeLayout里面。SlidingDrawer需要设置宽高为match_parent，而且在SlidingDrawer里面必须设置handle与content：。SlidingDrawer隐藏屏外的内容，并允许用户通过handle以显示隐藏内容。它可以垂直或水平滑动，它有俩个View组成，其一是可以拖动的 handle，其二是隐藏内容的View。它里面的控件必须设置布局，在布局文件中必须指定handle和content。

官方文档中的描述是:

public class SlidingDrawerextends ViewGroupjava.lang.Object Android.view.View android.view.ViewGroup android.widget.SlidingDrawer

原文：SlidingDrawer hides content out of the screen and allows the user to drag a handle to bring the content on screen. SlidingDrawer can be used vertically or horizontally. A special widget composed of two children views: the handle, that the users drags, and the content, attached to the handle and dragged with it. SlidingDrawer should be used as an overlay inside layouts. This means SlidingDrawer should only be used inside of a FrameLayout or a RelativeLayout for instance. The size of the SlidingDrawer defines how much space the content will occupy once slid out so SlidingDrawer should usually use match_parent for both its dimensions. Inside an XML layout, SlidingDrawer must define the id of the handle and of the content:

主布局配置文件内容：layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background"
android:orientation="vertical" >
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="fill_parent"
android:layout_height="80px"
android:background="#0000ff"
>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="该区域大小可通过抽屉控制（马国会）"
android:textAppearance="?android:attr/textAppearanceMedium" />
</LinearLayout>
<SlidingDrawer
android:id="@+id/slidingdrawer"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:content="@+id/content"
android:handle="@+id/handle"
android:orientation="horizontal"
>
<Button
android:id="@+id/handle"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:background="@drawable/handle" />
<ListView
android:id="@+id/content"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</SlidingDrawer>
</LinearLayout>
ListView条目项显示内容布局文件。layout/listview_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff" >
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/listview_selected"
android:padding="6px">
<TextView
android:id="@+id/webName"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="20px"
android:textColor="#000000"/>
<TextView
android:id="@+id/webDescript"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="16px"
android:textColor="#000000"/>
</LinearLayout>
</LinearLayout>

组件运行时的状态信息配置文件。drable/handle.xml(按钮在按住和正常状态显示不同图片)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false" android:drawable="@drawable/handle_normal" />
<item android:state_focused="true" android:drawable="@drawable/handle_focused" />
<item android:state_pressed="true" android:drawable="@drawable/handle_pressed" />
</selector>

组件运行时的状态信息配置文件。drable/listview_selected.xml(listview选项选中效果)

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/list_selector_background_pressed" />
</selector>

java类文件，activity代码：com.magh.test.SlidingDrawerTestActivity.java

package com.magh.test;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
/**
* @author Ma Guohui
* @FileDescription:SlidingDrawer实现伸拉效果案例
* @version 2012-12-17 下午7:33:06
* @ChangeList:
*/
public class SlidingDrawerTestActivity extends Activity {
/** Called when the activity is first created. */
private ListView myListView;
LinearLayout mLinearLayout;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupViews();
actionProcess();
}
private void setupViews() {
myListView = (ListView) findViewById(R.id.content);
myListView.setAdapter(new ListViewAdapter());
}
private void actionProcess() {// 伸拉操作时执行不同事件
android.widget.SlidingDrawer mDrawer = (android.widget.SlidingDrawer) findViewById(R.id.slidingdrawer);
// mDrawer.open(); //设置抽屉为打开状态
mLinearLayout = (LinearLayout) findViewById(R.id.linearLayout); // 获取需要控制区域的布局
mDrawer.setOnDrawerOpenListener(new android.widget.SlidingDrawer.OnDrawerOpenListener() {
public void onDrawerOpened() {// 当抽屉打开时执行此操作
// TODO Auto-generated method stub
LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) mLinearLayout
.getLayoutParams();
linearParams.height = 40;
mLinearLayout.setLayoutParams(linearParams);
}
});
mDrawer.setOnDrawerCloseListener(new android.widget.SlidingDrawer.OnDrawerCloseListener() {
public void onDrawerClosed() {// 抽屉关闭时执行此操作
// TODO Auto-generated method stub
LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) mLinearLayout
.getLayoutParams();
linearParams.height = 80;
mLinearLayout.setLayoutParams(linearParams);
}
});
mDrawer.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
// TODO Auto-generated method stub
return false;
}
});
}
private class ListViewAdapter extends BaseAdapter {// 自定义ListView适配器
// 这里返回10行，ListView有多少行取决于getCount()方法
@Override
public int getCount() {
return 8;
}
@Override
public Object getItem(int arg0) {
return null;
}
@Override
public long getItemId(int arg0) {
return 0;
}
@Override
public View getView(int position, View v, ViewGroup parent) {
final LayoutInflater inflater = LayoutInflater
.from(getApplicationContext());
if (v == null) {
v = inflater.inflate(R.layout.listview_layout, null);
}
TextView myWebName = (TextView) v.findViewById(R.id.webName);
TextView myWebDescript = (TextView) v
.findViewById(R.id.webDescript);
myWebName.setText("Android小功能案例" + position);
myWebDescript.setText("自己动手，丰衣足食，马国会" + position);
return v;
}
}
}
/*
* 重要属性 android:allowSingleTap：指示是否可以通过handle打开或关闭
* android:animateOnClick：指示是否当使用者按下手柄打开/关闭时是否该有一个动画。
* android:content：隐藏的内容
* android:handle：handle（手柄）
*
* 重要方法 animateClose()：关闭时实现动画
* close()：即时关闭 getContent()：获取内容
* isMoving()：指示SlidingDrawer是否在移动 * isOpened()：指示SlidingDrawer是否已全部打开
* lock()：屏蔽触摸事件 setOnDrawerCloseListener(SlidingDrawer.OnDrawerCloseListener
* onDrawerCloseListener)：SlidingDrawer关闭时调用 unlock()：解除屏蔽触摸事件
* toggle()：切换打开和关闭的抽屉SlidingDrawer
*/

附件：http://down.51cto.com/data/2361988

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

微信关注我们

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

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

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

iOS开发-数据存储NSCoder

软件中永远绕不开的一个问题就是数据存储的问题,PC的时候一般都是选择在数据库中存储，iOS如果是和后端配合的话,那么不需要考虑数据存储的这个问题，上次写了一下plist的存储，不过数据都是存储一些简单的键值对对象。本次需要将一些自己定义的类型存储在plist比如说图片,这个时候可以利用NSCoding协议,将数据地以类似档案的形式存储到plist文件中，然后从plist的文件中读取数据，使用协议的时候这个时候就会用到了NSCoder，如果对存档和解压没有概念的话，可以简单的理解为数据的序列化与反序列化。基础概念 NSCoding是一个protocol. 如果实现了NSCoding，需要实现其中的两个方法: 1 2 - ( void )encodeWithCoder:( NSCoder *)aCoder; - ( id )initWithCoder:( NSCoder *)aDecoder; // NS_DESIGNATED_INITIALIZER 方法中的主要的参数就是NSCoder,它是archivie字节流的抽象类.可以将数据写入一个coder,也可以从coder中读取我们写入的...

2017-11-15

506

上篇说了一些性能优化的理论部分，主要是回顾一下，有了理论，小平同志又讲了，实践是检验真理的唯一标准，对于内存泄露的问题，现在通过Android Studio自带工具Memory Monitor 检测出来。性能优化的重要性不需要在强调，但是要强调一下，我并不是一个老司机，嘿嘿！没用过这个工具的，请睁大眼睛。如果你用过，那么就不用在看这篇博客了。先看一段会发生内存泄露的代码 public class UserManger { private static UserManger instance; private Context context; private UserManger(Context context) { this.context = context; } public static UserManger getInstance(Context context) { if (instance == null) { instance = new UserManger(context); } return instance; } } public class MainActiv...

2017-11-15

509

资源下载

更多资源

腾讯云软件源

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

Nacos

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。