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

来源：互联网发布：vb语言怎么样编辑：程序博客网时间：2024/04/27 18:57

转载声明：本文出自：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

0 0