使用ViewDragHelper实现上拉或侧拉效果

转载声明：本文出自：http://gundumw100.iteye.com/blog/2114716

该例子位于https://github.com/umano/AndroidSlidingUpPanel

ViewDragHelper的用法：

http://flavienlaurent.com/blog/2013/08/28/each-navigation-drawer-hides-a-viewdraghelper/

上拉前：



上拉中：



上拉后：



使用：

Java代码


package com.sothree.slidinguppanel.demo;

import android.app.Activity;

import android.content.Intent;

import android.net.Uri;

import android.os.Build;

import android.os.Bundle;

import android.text.Html;

import android.text.method.LinkMovementMethod;

import android.util.Log;

import android.util.TypedValue;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.ViewGroup;

import android.view.Window;

import android.widget.Button;

import android.widget.TextView;

import com.nineoldandroids.view.animation.AnimatorProxy;

import com.sothree.slidinguppanel.SlidingUpPanelLayout;

import com.sothree.slidinguppanel.SlidingUpPanelLayout.PanelSlideListener;

public class DemoActivity extends Activity {

private static final String TAG = "DemoActivity";

public static final String SAVED_STATE_ACTION_BAR_HIDDEN = "saved_state_action_bar_hidden";

private SlidingUpPanelLayout mLayout;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);

setContentView(R.layout.activity_demo);

mLayout = (SlidingUpPanelLayout) findViewById(R.id.sliding_layout);

mLayout.setPanelSlideListener(new PanelSlideListener() {

@Override

public void onPanelSlide(View panel, float slideOffset) {

Log.i(TAG, "onPanelSlide, offset " + slideOffset);

setActionBarTranslation(mLayout.getCurrentParalaxOffset());

}

@Override

public void onPanelExpanded(View panel) {

Log.i(TAG, "onPanelExpanded");

}

@Override

public void onPanelCollapsed(View panel) {

Log.i(TAG, "onPanelCollapsed");

}

@Override

public void onPanelAnchored(View panel) {

Log.i(TAG, "onPanelAnchored");

}

@Override

public void onPanelHidden(View panel) {

Log.i(TAG, "onPanelHidden");

}

});

TextView t = (TextView) findViewById(R.id.main);

t = (TextView) findViewById(R.id.name);

t.setText(Html.fromHtml(getString(R.string.hello)));

boolean actionBarHidden = savedInstanceState != null && savedInstanceState.getBoolean(SAVED_STATE_ACTION_BAR_HIDDEN, false);

if (actionBarHidden) {

int actionBarHeight = getActionBarHeight();

setActionBarTranslation(-actionBarHeight);//will "hide" an ActionBar

}

}

@Override

protected void onSaveInstanceState(Bundle outState) {

super.onSaveInstanceState(outState);

outState.putBoolean(SAVED_STATE_ACTION_BAR_HIDDEN, mLayout.isPanelExpanded());

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.demo, menu);

MenuItem item = menu.findItem(R.id.action_toggle);

if (mLayout != null) {

if (mLayout.isPanelHidden()) {

item.setTitle(R.string.action_show);

} else {

item.setTitle(R.string.action_hide);

}

}

return true;

}

@Override

public boolean onPrepareOptionsMenu(Menu menu) {

return super.onPrepareOptionsMenu(menu);

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

switch (item.getItemId()){

case R.id.action_toggle: {

if (mLayout != null) {

if (!mLayout.isPanelHidden()) {

mLayout.hidePanel();

item.setTitle(R.string.action_show);

} else {

mLayout.showPanel();

item.setTitle(R.string.action_hide);

}

}

return true;

}

case R.id.action_anchor: {

if (mLayout != null) {

if (mLayout.getAnchorPoint() == 1.0f) {

mLayout.setAnchorPoint(0.7f);

mLayout.expandPanel(0.7f);

item.setTitle(R.string.action_anchor_disable);

} else {

mLayout.setAnchorPoint(1.0f);

mLayout.collapsePanel();

item.setTitle(R.string.action_anchor_enable);

}

}

return true;

}

}

return super.onOptionsItemSelected(item);

}

private int getActionBarHeight(){

int actionBarHeight = 0;

TypedValue tv = new TypedValue();

if (getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true)) {

actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data,getResources().getDisplayMetrics());

}

return actionBarHeight;

}

public void setActionBarTranslation(float y) {

// Figure out the actionbar height

int actionBarHeight = getActionBarHeight();

// A hack to add the translation to the action bar

ViewGroup content = ((ViewGroup) findViewById(android.R.id.content).getParent());

int children = content.getChildCount();

for (int i = 0; i < children; i++) {

View child = content.getChildAt(i);

if (child.getId() != android.R.id.content) {

if (y <= -actionBarHeight) {

child.setVisibility(View.GONE);

} else {

child.setVisibility(View.VISIBLE);

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {

child.setTranslationY(y);

} else {

AnimatorProxy.wrap(child).setTranslationY(y);

}

}

}

}

}

@Override

public void onBackPressed() {

if (mLayout != null && mLayout.isPanelExpanded() || mLayout.isPanelAnchored()) {

mLayout.collapsePanel();

} else {

super.onBackPressed();

}

}

}

布局：

Xml代码


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".DemoActivity" >

<com.sothree.slidinguppanel.SlidingUpPanelLayout

xmlns:sothree="http://schemas.android.com/apk/res-auto"

android:id="@+id/sliding_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="bottom"

sothree:panelHeight="68dp"

sothree:shadowHeight="4dp"

sothree:paralaxOffset="100dp"

sothree:dragView="@+id/dragView">

<!-- MAIN CONTENT -->

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingTop="?android:attr/actionBarSize">

<TextView

android:id="@+id/main"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:text="Main Content"

android:clickable="true"

android:focusable="false"

android:focusableInTouchMode="true"

android:textSize="16sp" />

</LinearLayout>

<!-- SLIDING LAYOUT -->

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#eeeeee"

android:orientation="vertical"

android:clickable="true"

android:focusable="false"

android:id="@+id/dragView">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="68dp"

android:orientation="horizontal">

<TextView

android:id="@+id/name"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:textSize="14sp"

android:gravity="center_vertical"

android:paddingLeft="10dp"/>

</LinearLayout>

<ImageView

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"

android:scaleType="fitStart"

android:src="@drawable/graphic" >

</ImageView>

</LinearLayout>

</com.sothree.slidinguppanel.SlidingUpPanelLayout>

</RelativeLayout>

一个侧滑效果：

https://github.com/BlueMor/DragLayout