侧滑2

如下图是侧滑的效果图

                             

实现的功能主要是用ViewDragHelper，用ViewDragHelper来自定义一个侧滑面板来实现侧滑

如下是自定义的侧滑面板

package com.demo.sb.widget;

import com.nineoldandroids.view.ViewHelper;

import android.content.Context;
import android.graphics.Color;
import android.graphics.PorterDuff.Mode;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

/**
 * 侧滑面板
 * 
 * @author Administrator
 * 
 */
public class DragLayout extends FrameLayout {

    private ViewDragHelper mDragHelper;
    private ViewGroup mLeftContent;
    private ViewGroup mMainContent;

    private Status mStatus = Status.Close;
    private OnDragStatusChangeListener mListener;

    /**
     * 状态枚举
     */
    public static enum Status {
        Close, Open, Draging;
    }

    public interface OnDragStatusChangeListener {
        void onClose();

        void onOpen();

        void onDraging(float percent);
    }

    public Status getStatus() {
        return mStatus;
    }

    public void setStatus(Status mStatus) {
        this.mStatus = mStatus;
    }

    public void setDragStatusListener(OnDragStatusChangeListener mListener) {
        this.mListener = mListener;
    }

    public DragLayout(Context context) {
        this(context, null);
        // TODO Auto-generated constructor stub
    }

    public DragLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
        // TODO Auto-generated constructor stub
    }

    public DragLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
        /**
         * a . 初始化(通过静态的方法)
         */
        mDragHelper = ViewDragHelper.create(this, mCallback);
    }

    /**
     * c. 重写Callback的事件
     */
    ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {
        /**
         * 1. 根据返回结果决定当前的child是否可以拖拽 child 当前被拖拽的View pointerId 区分多点触摸的id
         */
        @Override
        public boolean tryCaptureView(View child, int pointerId) {
            Log.d("jiejie", "tryCaptureView: " + child);
            return true;// 都可以尝试被拖拽
            // return child == mMainContent;//只有主程序的View可以被拖拽
        }

        public void onViewCaptured(View capturedChild, int activePointerId) {
            // 当capturedChild被捕获时，调用
            Log.d("jiejie", "onViewCaptured: " + capturedChild);
        }

        public int getViewHorizontalDragRange(View child) {
            // 返回拖拽的范围，不对拖拽进行真正的限制。仅仅决定了动画的执行速度
            return mRange;
        }

        /**
         * 2. 根据建议值 修正将要移动到的(横向)位置(重要) 此时还没有真正移动
         */
        public int clampViewPositionHorizontal(View child, int left, int dx) {
            Log.d("jiejie", "clampViewPositionHorizontal: " + left);
            if (child == mMainContent) {
                left = fixLeft(left);
            }
            return left;
        }

        /**
         * 3. 当View位置改变的时候，处理要做的事情(更新状态, 伴随动画, 重绘界面) 此时，View已经发生了位置的改变
         * changedView 改变位置的View left 新的左边值 dx 水平方向变化量
         */
        public void onViewPositionChanged(View changedView, int left, int top,
                int dx, int dy) {
            super.onViewPositionChanged(changedView, left, top, dx, dy);
            Log.d("jiejie", "onViewPositionChanged: " + "left:" + left
                    + " dx: " + dx);
            int newLeft = left;
            if (changedView == mLeftContent) {
                // 把当前变化量专递给mMainContent
                newLeft = mMainContent.getLeft() + dx;
            }
            // 进行修正
            newLeft = fixLeft(newLeft);

            if (changedView == mLeftContent) {
                // 当左面板移动之后，再强制放回去
                mLeftContent.layout(0, 0, 0 + mWidth, 0 + mHeight);
                mMainContent.layout(newLeft, 0, newLeft + mWidth, 0 + mHeight);
            }

            /**
             * 更新状态时设置动画(也可以不设置，不设置的话则默认平滑的状态,也可以省很多代码) 设置左面板和主面板，背景的动画
             */
            dispatchDragEvent(newLeft);

            // 为了兼容低版本，每次修改值之后，进行重绘
            invalidate();
        }

        /**
         * 4. 当View被释放的时候，处理的事情(执行动画) View releasedChild 被释放的子View float xvel
         * 水平方向的速度，向右为正 float yvel 竖直方向的速度， 向下为正
         */
        public void onViewReleased(View releasedChild, float xvel, float yvel) {
            Log.d("jiejie", "onViewReleased: " + "xvel: " + xvel + "yvel: "
                    + yvel);
            super.onViewReleased(releasedChild, xvel, yvel);
            // 判断执行 关闭/开启
            // 先考虑所有开启的情况，剩下的就是都是关闭的情况
            if (xvel == 0 && mMainContent.getLeft() > (mRange / 2.0f)) {
                open();
            } else if (xvel > 0) {
                open();
            } else {
                chose();
            }
        }

        public void onViewDragStateChanged(int state) {
            super.onViewDragStateChanged(state);
        }
    };

    /**
     * 根据范围修正左边值
     * 
     * @param left
     * @return
     */
    private int fixLeft(int left) {
        if (left < 0) {
            return 0;
        } else if (left > mRange) {
            return mRange;
        }
        return left;
    }

    /**
     * 执行动画
     * 
     * @param newLeft
     */
    protected void dispatchDragEvent(int newLeft) {
        // TODO Auto-generated method stub
        float percent = newLeft * 1.0f / mRange;
        Log.d("jiejie", "percent: " + percent);
        if (mListener != null) {
            mListener.onDraging(percent);
        }

        // 更新状态，执行回调
        Status preStatus = mStatus;
        mStatus = updateStatus(percent);

        if (mStatus != preStatus) {
            // 状态发生变化
            if (mStatus == Status.Close) {
                // 当前变为关闭状态
                if (mListener != null) {
                    mListener.onClose();
                }
            } else if (mStatus == Status.Open) {
                if (mListener != null) {
                    mListener.onOpen();
                }
            }
        }

        // 伴随动画
        animViews(percent);
    }

    private Status updateStatus(float percent) {
        if (percent == 0f) {
            return Status.Close;
        } else if (percent == 1.0f) {
            return Status.Open;
        }
        return Status.Draging;
    }

    private void animViews(float percent) {
        // TODO Auto-generated method stub
        /**
         * >1.左面板：缩放动画，平移动画，透明度动画 缩放动画0.0 - > 1.0 >> 0.5f -> 1.0f >>>
         * 0.5f*percent+0.5f mLeftContent.setScaleX(0.5f + 0.5f * percent);
         * mLeftContent.setScaleY(0.5f + 0.5f * percent);
         */
        // mLeftContent.setScaleY(0.5f + 0.5f * percent);
        // mLeftContent.setScaleX(0.5f + 0.5f * percent);
        ViewHelper.setScaleX(mLeftContent, evaluate(percent, 0.5f, 1.0f));
        ViewHelper.setScaleY(mLeftContent, 0.5f + 0.5f * percent);
        // 平移动画：-mWidth / 2.0 f - > 0.0f
        ViewHelper.setTranslationX(mLeftContent,
                evaluate(percent, -mWidth / 2.0f, 0));
        // 透明度: 0.5 -> 1.0f
        ViewHelper.setAlpha(mLeftContent, evaluate(percent, 0.5f, 1.0f));

        /**
         * >2. 主面板：缩放动画
         */
        // 1.0f -> 0.8f
        ViewHelper.setScaleX(mMainContent, evaluate(percent, 1.0f, 0.8f));
        ViewHelper.setScaleY(mMainContent, evaluate(percent, 1.0f, 0.8f));

        /**
         * >3. 背景动画: 亮度变化(颜色变化)
         */
        getBackground()
                .setColorFilter(
                        (Integer) evaluateColor(percent, Color.BLACK,
                                Color.TRANSPARENT), Mode.SRC_OVER);
    }

    /**
     * 估值器
     * 
     * @param fraction
     * @param startValue
     * @param endValue
     * @return
     */
    public Float evaluate(float fraction, Number startValue, Number endValue) {
        float startFloat = startValue.floatValue();
        return startFloat + fraction * (endValue.floatValue() - startFloat);
    }

    /**
     * 颜色变化过度
     * 
     * @param fraction
     * @param startValue
     * @param endValue
     * @return
     */
    public Object evaluateColor(float fraction, Object startValue,
            Object endValue) {
        int startInt = (Integer) startValue;
        int startA = (startInt >> 24) & 0xff;
        int startR = (startInt >> 16) & 0xff;
        int startG = (startInt >> 8) & 0xff;
        int startB = startInt & 0xff;

        int endInt = (Integer) endValue;
        int endA = (endInt >> 24) & 0xff;
        int endR = (endInt >> 16) & 0xff;
        int endG = (endInt >> 8) & 0xff;
        int endB = endInt & 0xff;

        return (int) ((startA + (int) (fraction * (endA - startA))) << 24)
                | (int) ((startR + (int) (fraction * (endR - startR))) << 16)
                | (int) ((startG + (int) (fraction * (endG - startG))) << 8)
                | (int) ((startB + (int) (fraction * (endB - startB))));
    }

    @Override
    public void computeScroll() {
        // TODO Auto-generated method stub
        super.computeScroll();
        // 2. 持续平滑动画(高频率调用)
        if (mDragHelper.continueSettling(true)) {
            // 如果返回true，动画还需要继续执行
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }

    // public void chose() {
    // // TODO Auto-generated method stub
    // chose(true);
    // }
    public void chose() {
        // TODO Auto-generated method stub
        chose(true);
    }

    /**
     * 关闭
     * 
     * @param b
     */
    public void chose(boolean isSmooth) {
        // TODO Auto-generated method stub
        int finalLeft = 0;
        // 1. 触发一个平滑动画
        if (isSmooth) {
            if (mDragHelper.smoothSlideViewTo(mMainContent, finalLeft, 0)) {
                // 返回true代表还没有移动到指定位置，需要刷新界面
                // 参数传this(child所在的ViewGroup)
                ViewCompat.postInvalidateOnAnimation(this);
            }
        } else {
            mMainContent.layout(finalLeft, 0, finalLeft + mWidth, 0 + mHeight);
        }
    }

    public void open() {
        // TODO Auto-generated method stub
        open(true);
    }

    /**
     * 开启
     * 
     * @param b
     */
    public void open(boolean isSmooth) {
        // TODO Auto-generated method stub
        int finalLeft = mRange;
        if (isSmooth) {
            // 1. 触发一个平滑动画
            if (mDragHelper.smoothSlideViewTo(mMainContent, finalLeft, 0)) {
                // 返回true代表还没有移动到指定位置，需要刷新界面
                // 参数this(child所在的ViewGroup)
                ViewCompat.postInvalidateOnAnimation(this);
            }
        } else {
            mMainContent.layout(finalLeft, 0, finalLeft + mWidth, 0 + mHeight);
        }
    }

    /**
     * b. 专递触摸事件
     */
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // 传递给mDragHandler
        return mDragHelper.shouldInterceptTouchEvent(ev);
    };

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        try {
            mDragHelper.processTouchEvent(event);
        } catch (Exception e) {
            e.printStackTrace();
        }
        // 返回true，持续接收事件
        return true;
    }

    /**
     * 当View中所有的子控件 均被映射成xml后触发
     */
    @Override
    protected void onFinishInflate() {
        // TODO Auto-generated method stub
        super.onFinishInflate();
        if (getChildCount() < 2) {
            throw new IllegalAccessError(
                    "布局至少有2个孩子. Your ViewGroup must have 2 children at least");
        }
        if (!(getChildAt(0) instanceof ViewGroup && getChildAt(1) instanceof ViewGroup)) {
            throw new IllegalArgumentException(
                    "子View必须是ViewGroup的子类. Your children must be an instance of ViewGroup");
        }
        mLeftContent = (ViewGroup) getChildAt(0);
        mMainContent = (ViewGroup) getChildAt(1);
    }

    /**
     * 当view的大小发生变化时触发
     */
    private int mRange;
    private int mHeight;
    private int mWidth;

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        // 当尺寸有变化的时候调用
        super.onSizeChanged(w, h, oldw, oldh);
        mHeight = getMeasuredHeight();
        mWidth = getMeasuredWidth();
        mRange = (int) (mWidth * 0.6f);
    }

}

如下是主程序代码

package com.demo.sb.main;

import com.demo.sb.mainfram.TentcentOneFragment;
import com.demo.sb.mainfram.TentcentThreeFragment;
import com.demo.sb.mainfram.TentcentTwoFragment;
import com.demo.sb.utils.Utils;
import com.demo.sb.widget.DragLayout;
import com.demo.sb.widget.DragLayout.OnDragStatusChangeListener;
import com.demo.sb.widget.MyListLinearLayout;
import com.demo.suibian.R;
import com.nineoldandroids.animation.ObjectAnimator;
import com.nineoldandroids.view.ViewHelper;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.view.Window;
import android.view.animation.CycleInterpolator;
import android.widget.ImageView;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TextView;

/**
 * 侧滑菜单
 * 
 * @author Administrator
 * 
 */
public class Activity_Tencent extends FragmentActivity {

    private RadioGroup rg_tencent_mian;
    // private FrameLayout fl_tencent_content;
    private ImageView iv_header;
    private TextView tv_header;

    private TentcentOneFragment oneFragment;
    private TentcentTwoFragment twoFragment;
    private TentcentThreeFragment threeFragment;
    private static DragLayout mDragLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_tencent);

        initView();
        initData();

    }

    private void initView() {
        // TODO Auto-generated method stub
        rg_tencent_mian = (RadioGroup) findViewById(R.id.rg_tencent_mian);
        iv_header = (ImageView) findViewById(R.id.iv_header);
        tv_header = (TextView) findViewById(R.id.tv_header);
        MyListLinearLayout mLayout = (MyListLinearLayout) findViewById(R.id.mll);
        mDragLayout = (DragLayout) findViewById(R.id.dl);
        // 设置引用
        mLayout.setDraglayout(mDragLayout);

        mDragLayout.setDragStatusListener(new OnDragStatusChangeListener() {

            @Override
            public void onOpen() {
                // TODO Auto-generated method stub
                Utils.showToast(Activity_Tencent.this, "onOpen");
            }

            @Override
            public void onDraging(float percent) {
                // TODO Auto-generated method stub
                // 跟新图标的透明度
                // 1.0 -> 0.0
                ViewHelper.setAlpha(iv_header, 1 - percent);
            }

            @Override
            public void onClose() {
                // TODO Auto-generated method stub
                Utils.showToast(Activity_Tencent.this, "onClose");
                // 让图片开会晃动
                ObjectAnimator mAnim = ObjectAnimator.ofFloat(iv_header,
                        "translationX", 15.0f);
                mAnim.setInterpolator(new CycleInterpolator(4));
                mAnim.setDuration(500);
                mAnim.start();
            }
        });

        iv_header.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub
                mDragLayout.open(true);
            }
        });
    }

    private void initData() {
        // TODO Auto-generated method stub
        rg_tencent_mian.check(R.id.rb_tencent_one);

        oneFragment = new TentcentOneFragment();
        twoFragment = new TentcentTwoFragment();
        threeFragment = new TentcentThreeFragment();
        // 获取fragment管理器
        FragmentManager fragmentManager = getSupportFragmentManager();
        // 打开事务
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        // 把内容显示到帧布局中
        transaction.add(R.id.fl_tencent_content, oneFragment);
        transaction.add(R.id.fl_tencent_content, twoFragment);
        transaction.add(R.id.fl_tencent_content, threeFragment);
        transaction.show(oneFragment).hide(twoFragment).hide(threeFragment);
        // 提交
        transaction.commit();
        tv_header.setText("head");

        rg_tencent_mian
                .setOnCheckedChangeListener(new OnCheckedChangeListener() {

                    @Override
                    public void onCheckedChanged(RadioGroup arg0, int arg1) {
                        // TODO Auto-generated method stub
                        switch (arg1) {
                        case R.id.rb_tencent_one:
                            tv_header.setText("head");
                            getSupportFragmentManager().beginTransaction()
                                    .show(oneFragment).hide(twoFragment)
                                    .hide(threeFragment).commit();
                            break;
                        case R.id.rb_tencent_two:
                            tv_header.setText("联系人");
                            getSupportFragmentManager().beginTransaction()
                                    .show(twoFragment).hide(oneFragment)
                                    .hide(threeFragment).commit();
                            break;
                        case R.id.rb_tencent_three:
                            tv_header.setText("动态");
                            getSupportFragmentManager().beginTransaction()
                                    .show(threeFragment).hide(oneFragment)
                                    .hide(twoFragment).commit();
                            break;
                        default:
                            break;
                        }
                    }
                });
    }

}

主程序的布局xml为

<?xml version="1.0" encoding="utf-8"?>
<com.demo.sb.widget.DragLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#50ff"
        android:orientation="vertical"
        android:paddingBottom="50dp"
        android:paddingLeft="10dp"
        android:paddingRight="50dp"
        android:paddingTop="50dp" >

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:contentDescription="@null"
            android:src="@drawable/head" />
    </LinearLayout>

    <com.demo.sb.widget.MyListLinearLayout
        android:id="@+id/mll"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#fff"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="#18B6EF"
            android:gravity="center_vertical" >

            <ImageView
                android:id="@+id/iv_header"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginLeft="15dp"
                android:contentDescription="@null"
                android:src="@drawable/head" />

            <TextView
                android:id="@+id/tv_header"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:layout_centerHorizontal="true"
                android:textColor="#fff"
                android:textSize="18sp"
                android:text="" />
        </RelativeLayout>

        <FrameLayout
            android:id="@+id/fl_tencent_content"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />

        <RadioGroup
            android:id="@+id/rg_tencent_mian"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bottom_tab_bg"
            android:orientation="horizontal" >

            <RadioButton
                android:id="@+id/rb_tencent_one"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:button="@null"
                android:drawablePadding="3dp"
                android:drawableTop="@drawable/btn_tab_home_selector"
                android:gravity="center"
                android:text="消息"
                android:textColor="@drawable/btn_tab_text_selector" />

            <RadioButton
                android:id="@+id/rb_tencent_two"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:button="@null"
                android:drawablePadding="3dp"
                android:drawableTop="@drawable/btn_tab_home_selector"
                android:gravity="center"
                android:text="联系人"
                android:textColor="@drawable/btn_tab_text_selector" />

            <RadioButton
                android:id="@+id/rb_tencent_three"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_weight="1"
                android:button="@null"
                android:drawablePadding="3dp"
                android:drawableTop="@drawable/btn_tab_home_selector"
                android:gravity="center"
                android:text="动态"
                android:textColor="@drawable/btn_tab_text_selector" />
        </RadioGroup>
    </com.demo.sb.widget.MyListLinearLayout>

</com.demo.sb.widget.DragLayout>

主界面是用继承的FragmentActivity来实现下面3个按钮的点击事件，其中第一个Fragment（TentcentOneFragment）内只有个ListView

当停在侧滑界面时，ListView不能进行上下滑动

TentcentOneFragment的代码和xml布局

package com.demo.sb.mainfram;

import com.demo.suibian.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

public class TentcentOneFragment extends Fragment {

    private ListView mListView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        return inflater.inflate(R.layout.tentcentonefragment, null, false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        mListView = (ListView) getActivity().findViewById(R.id.lv_one_listview);
        mListView.setAdapter(new MyListAdapter());
    }

    private int[] con = { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 };
    private String[] name = { "第一人", "第二人", "第三人", "第四人", "第五人", "第六人", "第七人",
            "第八人", "第九人", "第十人", "第十一人", "第十二人", "第十三人" };

    private class MyListAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return name.length;
        }

        @Override
        public String getItem(int arg0) {
            // TODO Auto-generated method stub
            return name[arg0];
        }

        @Override
        public long getItemId(int arg0) {
            // TODO Auto-generated method stub
            return arg0;
        }

        @Override
        public View getView(int arg0, View arg1, ViewGroup arg2) {
            // TODO Auto-generated method stub
            ViewHolder holder;
            if (arg1 == null) {
                arg1 = View.inflate(getActivity(), R.layout.item_onelist, null);
                holder = new ViewHolder();
                holder.tv_name = (TextView) arg1.findViewById(R.id.item_name);
                holder.tv_fight = (TextView) arg1.findViewById(R.id.item_fight);
                arg1.setTag(holder);
            } else {
                holder = (ViewHolder) arg1.getTag();
            }
            holder.tv_name.setText("名字：" + getItem(arg0));
            holder.tv_fight.setText("战斗力：" + con[arg0]);
            return arg1;
        }

    }

    static class ViewHolder {
        TextView tv_name;
        TextView tv_fight;
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="vertical" >

    <ListView
        android:id="@+id/lv_one_listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

第二个Fragment（TentcentTwoFragment）内只有个ViewPager可以进行左右滑动不过还是有点问题

package com.demo.sb.mainfram;

import java.util.ArrayList;
import com.demo.suibian.R;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class TentcentTwoFragment extends Fragment {

    private LinearLayout ll_two_group;// 引导圆点的父控件
    private ViewPager mViewPager;
    private ImageView[] diandian;//ViewPager上的点点
    private static final int[] mImageIds = new int[] { R.drawable.c,
            R.drawable.a, R.drawable.d };
    private ArrayList<ImageView> mImageViewList;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        return inflater.inflate(R.layout.tentcenttwofragment, null, false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        initView();
    }

    private void initView() {
        // TODO Auto-generated method stub
        mViewPager = (ViewPager) getActivity().findViewById(
                R.id.vp_tentwo_viewpager);
        ll_two_group = (LinearLayout) getActivity().findViewById(
                R.id.ll_two_group);
        initViewPager();
        mViewPager.setAdapter(new GuideAdapter());
        mViewPager.setCurrentItem(0);
        mViewPager.setOnPageChangeListener(new GuidePagerListener());
    }

    private void initViewPager() {
        // TODO Auto-generated method stub
        // 初始化引导的3个界面
        mImageViewList = new ArrayList<ImageView>();
        for (int i = 0; i < mImageIds.length; i++) {
            ImageView imageView = new ImageView(getActivity());
            imageView.setBackgroundResource(mImageIds[i]);
            mImageViewList.add(imageView);
        }
        
        diandian = new ImageView[mImageIds.length];
        for (int i = 0; i < mImageIds.length; i++) {
            //循环加入点点图片组
            diandian[i] = new ImageView(getActivity());
            if( i== 0){
                diandian[i].setImageResource(R.drawable.point_selecte);
            }else {
                diandian[i].setImageResource(R.drawable.point_normal);
            }
            diandian[i].setPadding(8, 8, 8, 8);
            ll_two_group.addView(diandian[i]);
        }
//        // 初始化引导页的小圆点
//        for (int i = 0; i < mImageIds.length; i++) {
//            View point = new View(getActivity());
//            point.setBackgroundResource(R.drawable.point_normal);
//            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
//                    10, 10);
//            if (i > 0) {
//                params.leftMargin = 10;// 设置圆点的间隔
//            }
//            point.setLayoutParams(params);// 设置圆点的大小
//            ll_two_group.addView(point);
//        }
//        
    }

    class GuideAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return mImageIds.length;
            //return Integer.MAX_VALUE;
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0 == arg1;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            // TODO Auto-generated method stub
            container.addView(mImageViewList.get(position));
            return mImageViewList.get(position);
//            container.addView(mImageViewList.get(position%mImageViewList.size()));
//            return mImageViewList.get(position%mImageViewList.size());
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            // TODO Auto-generated method stub
            container.removeView((View) object);
            //container.removeView(mImageViewList.get(position%mImageViewList.size()));
        }
    }

    /**
     * ViewPager 的滑动监听
     * 
     * @author Administrator
     * 
     */
    class GuidePagerListener implements OnPageChangeListener {
        // 操作屏幕时发生变化
        @Override
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub

        }

        // 屏幕滚动过程中不断被调用
        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub
//            int len = (int) (mPointWidth * arg1) + arg0 * mPointWidth;
//            System.out.println(len);
//            // 获取当前红色点的布局参数
//            RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view_two_point
//                    .getLayoutParams();
//            params.leftMargin = len;// 设置左边距
//            view_two_point.setLayoutParams(params);// 重新给小红点设置布局参数
        }

        // 哪个页面被选中 position就是当前滑动到的页面
        @Override
        public void onPageSelected(int position) {
            // TODO Auto-generated method stub
            System.out.println("第几个页面" + position  +"   "+ position%mImageViewList.size());
            for (int i = 0; i < mImageIds.length; i++) {
                diandian[position].setImageResource(R.drawable.point_selecte);
                if(i != position){
                    diandian[i].setImageResource(R.drawable.point_normal);
                }
            }
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#0f0"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="200dp" >

        <com.demo.sb.widget.MyViewPager
            android:id="@+id/vp_tentwo_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="25dp" >

            <LinearLayout
                android:id="@+id/ll_two_group"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal" />            
        </RelativeLayout>
    </RelativeLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/app_name" />

</LinearLayout>

下面是2个工具类

第一个是自定义的线性布局可以当侧滑界面打开时，让ListView不能进行滑动

package com.demo.sb.widget;

import com.demo.sb.widget.DragLayout.Status;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.LinearLayout;

public class MyListLinearLayout extends LinearLayout {
    
    private DragLayout mDragLayout;
    public MyListLinearLayout(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public MyListLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

//    public MyListLinearLayout(Context context, AttributeSet attrs, int defStyle) {
//        super(context, attrs, defStyle);
//        // TODO Auto-generated constructor stub
//    }
    
    public void setDraglayout(DragLayout mDragLayout){
        this.mDragLayout = mDragLayout;
    }
    
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        // TODO Auto-generated method stub
        if(mDragLayout.getStatus() == Status.Close){
            return super.onInterceptTouchEvent(ev);
            
        }else {
            return true;
        }
    }
    
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        if(mDragLayout.getStatus() == Status.Close){
            return super.onTouchEvent(event);
            
        }else {
            if(event.getAction() == MotionEvent.ACTION_UP){
                mDragLayout.chose();;
            }
            return true;
        }
    }
}

第二个是dp和px 的转化还有自定义Toast的设置比较常用

package com.demo.sb.utils;

import android.content.Context;
import android.widget.Toast;

public class DensityUtil {
    
    /**
     * 根据手机的分辨率从dip的单位转为px(像素)
     */
    public static int dip2px(Context context, float dp) {
        float density = context.getResources().getDisplayMetrics().density;
        int px = (int) (dp * density + 0.5f);// 4.9->5 4.4->4
        return px;
    }
    /**
     * 根据手机的分辨率从px(像素)的单位转化成dip
     * @param ctx
     * @param px
     * @return
     */
    public static float px2dip(Context ctx, int px) {
        float density = ctx.getResources().getDisplayMetrics().density;
        float dp = px / (density + 0.5f);

        return dp;
    }
    
    /**
     * 自定义吐司
     * 
     */
    public static Toast mToast;
    public static void showToast(Context mContext, String msg) {
        if (mToast == null) {
            mToast = Toast.makeText(mContext, "", Toast.LENGTH_SHORT);
        }
        mToast.setText(msg);
        mToast.show();
    }
}