在没有使用Android原生态控件SlidingDrawer之前,我是通过自定义视图实现的拉动手柄下拉页面的效果,用起来差不多,不过原生的更简单方便一些。
主界面布局如下:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/mtxx_back_b" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/smile" />
</LinearLayout>
<LinearLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="800dp"
android:background="#FFFFFF" />
</LinearLayout>
</FrameLayout>
在主界面中嵌套了两个线性布局,分别用来呈现主界面显示的部分和暂时隐藏的部分。然后创建一个Activity,对界面进行初始化。
public class UpToDownActivity extends Activity{
public GroupView groupView;
public LinearLayout container;
public ImageView iView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_myselfview);
iView = (ImageView)findViewById(R.id.content);
container=(LinearLayout)findViewById(R.id.container);
groupView=new GroupView(this,iView,LayoutParams.MATCH_PARENT,1500);
container.addView(groupView); //加入groupView控件
}
}
在实现这个功能需要自定义一个布局GroupView,继承LinearLayout同时也要实现OnGestureListener接口。然后在代码中自定义一个按钮handle对隐藏的View进行展开和收缩,实现接口也是为了handle随着手势的变化展开和收缩的距离。
btnHandle.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return detector.onTouchEvent(event);
}
});
同时要测量屏幕的高度,保证隐藏的view在屏幕内滑动。
class AsynMove extends AsyncTask<Integer, Integer, Void> {
@Override
protected Void doInBackground(Integer... params) {
int times;
if (mBottomMargin % Math.abs(params[0]) == 0) {// 整除
times = mBottomMargin / Math.abs(params[0]);
} else { // 有余数
times = mBottomMargin / Math.abs(params[0]) + 1;
}
for (int i = 0; i < times; i++) {
publishProgress(params);
try {
Thread.sleep(Math.abs(params[0]));
} catch (InterruptedException e) {
e.printStackTrace();
}
}
return null;
}
@Override
protected void onProgressUpdate(Integer... params) {
LayoutParams lp = (LayoutParams) GroupView.this.getLayoutParams();
if (params[0] < 0) { // 处于OPEN状态,为bottomMargin重新赋值
lp.bottomMargin = Math.max(lp.bottomMargin + params[0],
(-mBottomMargin));
}else { // 处于CLOSE状态,为bottomMargin重新赋值
lp.bottomMargin = Math.min(lp.bottomMargin + params[0], 0);
}
if (lp.bottomMargin == 0 && groupViewOpenedEvent != null) {// 此时处于CLOSE状态
groupViewOpenedEvent.onGroupViewOpened(GroupView.this);// 调用OPEN回调函数
}else if (lp.bottomMargin == -(mBottomMargin)// 此时处于OPEN状态
&& groupViewOpenedEvent != null) {// 收缩之后
groupViewClosedEvent.onGroupViewClosed(GroupView.this);// 调用CLOSE回调函数
}
GroupView.this.setLayoutParams(lp);
}
}
在实现OnGestureListener接口后需要重写几个方法,分别是:
- onDown:当有一个下拉事件正在进行的时候,通知程序它被触发。其他的事件应当在这个事件被出发之前完成.
- onShowPress:用户已经执行了一个下拉事件,但是没有执行移动或者向上的动作。这个事件通常被用于为了告知用户他们的动作被识别而提供的一个可视化的信息反馈
- onSingleTapUp:通知一个向上滑动的事件是否被触发;如果该event被充满,返回true
- onScroll:提供XY的距离;通知一个滑动的起始状态和滑动时候的状态
- onLongPress:通知在起始状态的下拉事件中的一个长按动作,调用该方法
- onFling:滑动,触摸屏按下后快速移动并抬起,会先触发滚动手势,跟着触发一个滑动手势
要实现这个效果,只需要在onDown的方法下判断即可。
//按下触摸屏按下时立刻触发
@Override
public boolean onDown(MotionEvent e) {
LayoutParams lp = (LayoutParams) GroupView.this
.getLayoutParams();
if (lp.bottomMargin < 0) {// 处于关闭状态
btnHandle.setImageResource(R.drawable.tuijian_handler_open);
new AsynMove().execute(new Integer[] { MOVE_HEIGHT });// 为正数,展开
} else if (lp.bottomMargin >= 0) {// 处于OPEN状态
btnHandle.setImageResource(R.drawable.tuijian_handler_close);
new AsynMove().execute(new Integer[] { -MOVE_HEIGHT });// 为负数,收缩
}
return false;
}
最后还要记得在AndroidManifest.xml中注册对应的Activity就可以了。个人感觉,使用原生的控件更流畅,我本身的代码也有很多需要改进的地方。
具体实现代码下载链接:(其中包括上一篇的demo)