如何进行封装横向滚动View

本篇文章为大家展示了如何进行封装横向滚动View，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

成都创新互联是专业的高唐网站建设公司，高唐接单;提供成都网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行高唐网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

首先是基础只是介绍：

1.Scroller

这个类主要是支持view控件滑动，其实android很多可滑动的控件里面默认隐藏的就是这个类。而且这个类没有进行实际的视图移动，当调用它的 startScroll()方法实际上只是为了在父类调用computeScroll()方法前开始动画，也就是说这个类实际上就是相当于一个代理，只是为了给后面视图移动添加一些动画效果。所以单独调用startScroll()而不重写computeScroll()方法是不会看到任何效果的。这两者必须配合使用,才能有移动的时候的动画效果。

其中Scroller.computeScrollOffset()方法是判断scroller的移动动画是否完成，当你调用startScroll()方法的时候这个方法返回的值一直都为true，如果采用其它方式移动视图比如：scrollTo()或 scrollBy时那么这个方法返回false。

现在来讲讲startScroll(int startX, int startY, int dx, int dy, int duration)方法的四个参数的意思：

startX表示当前视图的x坐标值
startY表示当前视图的y坐标值
dx表示在当前视图的x坐标基础上横向移动的距离
dy表示在当前视图的y坐标基础上纵向移动的距离
duration表示视图移动的操作在多少时间内执行完场，也就是动画的持续时间(单位：毫秒)

2.ViewGroup

这是个特殊的View，它继承于Android.view.View，它的功能就是装载和管理下一层的View对象或ViewGroup对象，也就说他是一个容纳其它元素的的容器。

下面我们来分别分析我们要使用这5个类的那些方法，首先我们来看ViewGroup类，因为我们自定义的控件就是继承至这个类，我们会重写这个类中的5个方法如下：

1.onLayout(boolean changed, int l, int t, int r, int b)

这个方法是在onMeasure()方法执行后调用，作用是父类为子类在屏幕上分配实际的宽度和高度。里面的四个参数分别表示，布局是否发生改变，布局左上右下的边距。

2.onMeasure(int widthMeasureSpec, int heightMeasureSpec)

这个方法在控件的父元素正要放置它的子控件时调用。然后传入两个参数——widthMeasureSpec和 heightMeasureSpec。它们指明控件可获得的空间以及关于这个空间描述的元数据。比返回一个结果要好的方法是你传递View的高度和宽度到 setMeasuredDimension方法里。widthMeasureSpec和heightMeasureSpec参数在它们使用之前，首先要做的是使用MeasureSpec类的静态方法getMode和getSize来译解。一个MeasureSpec包含一个尺寸和模式。

有三种可能的模式：

UNSPECIFIED：父布局没有给子布局任何限制，子布局可以任意大小。
EXACTLY：父布局决定子布局的确切大小。不论子布局多大，它都必须限制在这个界限里。(当布局定义为一个固定像素或者fill_parent时就是EXACTLY模式)
AT_MOST：子布局可以根据自己的大小选择任意大小。(当布局定义为wrap_content时就是AT_MOST模式)

3.computeScroll()

这个方法主要是父类要求它的子类滚动的时候调用。在这个方法里，我们可以实现 view的滚动操作，这里滚动并不是view的滚动而是布局的滚动。当调用scroller的startScroll()方法后父类就会调用这个方法实现滚动视图滚动操作。

4.onTouchEvent(MotionEvent event)

处理传递到view 的手势事件。手势事件类型包括ACTION_DOWN,ACTION_MOVE,ACTION_UP,ACTION_CANCEL等事件。Layout里的onTouch默认返回值是false, View里的onTouch默认返回值是true,当我们手指点击屏幕时候，先调用ACTION_DOWN事件,当onTouch里返回值是true的时候，onTouch回继续调用ACTION_UP事件，如果onTouch里返回值是false，那么onTouch只会调用ACTION_DOWN而不调用ACTION_UP.

5.onInterceptTouchEvent(MotionEvent ev)

用于拦截手势事件的，每个手势事件都会先调用这个方法。Layout里的onInterceptTouchEvent默认返回值是false,这样touch事件会传递到View控件。

6.Invalidate()和PostInvalidate()，这两个方法作用都一样，就是呼叫ui线程重新绘制界面也就是刷新界面。那为什么要两个方法呢，这是因为android是多线程应用，大家应该都知道在非UI线程中是不能直接操作界面控件的，所以第2个方法就帮助大家在子线程中刷行界面，第一个方法则是在UI线程中刷新界面。

7.getX()和getRawX()这两个方法的左右都是获取当前点在屏幕上的坐标，getX()是获取当前点相对于当前视图左上角的坐标，getRawX()则是获取当前点相对于手机屏幕左上角的坐标。

封装View的代码

package com.xc.view;
import java.util.ArrayList;
import java.util.List;
import com.xc.view.XCSlideListView.XCSlideView;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
    private XCSlideListView list;
    private List items;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initData();
        initViews();
        initActions();
    }
    private void initData() {
        items = new ArrayList();
        for (int i = 0; i < 20; i++) {
            items.add("SlideView" + i);
        }
    }
    private void initViews() {
        setContentView(R.layout.main);
        list = (XCSlideListView) findViewById(R.id.list);
        list.setAdapter(new MyAdapter2(this, items));
    }
    private void initActions() {
    }
    public class MyAdapter2 extends BaseAdapter {
        private Context context;
        private List items;
        private LayoutInflater inflater;
        public MyAdapter2(Context context, List items) {
            this.context = context;
            this.items = items;
            this.inflater = LayoutInflater.from(context);
        }
        @Override
        public int getCount() {
            return items.size();
        }
        @Override
        public Object getItem(int position) {
            return items.get(position);
        }
        @Override
        public long getItemId(int position) {
            return position;
        }
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            final String item = items.get(position);
            MyAdapterHolder holder;
            XCSlideListView.XCSlideView slideView = (XCSlideView) convertView;
            if (slideView == null) {
                slideView = list.new XCSlideView(context);
                slideView.addShowView(View.inflate(context, R.layout.slideview_show, null));
                slideView.addPopupView(View.inflate(context, R.layout.slideview_popup, null), 120);
                holder = new MyAdapterHolder();
                holder.setText((TextView) slideView.findViewById(R.id.text));
                holder.setDelete((TextView) slideView.findViewById(R.id.delete));
                slideView.setTag(holder);
            } else {
                holder = (MyAdapterHolder) slideView.getTag();
            }
            holder.getText().setText(item);
            holder.getDelete().setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(context, "delete!-->" + position, Toast.LENGTH_LONG).show();
                }
            });
            return slideView;
        }
    }
}

package com.xc.view;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.Scroller;
public class XCSlideListView extends ListView {
    private final String TAG = "XCSlideListView";
    private XCSlideView currentView;
    private Context context;
    public XCSlideListView(Context context) {
        this(context, null);
    }
    public XCSlideListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        int x = (int) ev.getX();
        int y = (int) ev.getY();
        int position = pointToPosition(x, y);
        if (position != INVALID_POSITION && ev.getAction() == MotionEvent.ACTION_DOWN) {
            int firstVisiblePosition = getFirstVisiblePosition();
            XCSlideView slideView = (XCSlideView) getChildAt(position - firstVisiblePosition);
            if (currentView != null && currentView != slideView) {
                Log.e(TAG, "currentView != slideView");
                currentView.shrink(true);
            }
            currentView = slideView;
        }
        if (currentView != null) {
            currentView.onRequireTouchEvent(ev);
        }
        return super.onTouchEvent(ev);
    }
    public class XCSlideView extends LinearLayout {
        private Scroller mScroller;
        private int slideWidth = 0;
        private int mLastX = 0;
        private int mLastY = 0;
        private boolean isRight = false;
        private static final int TAN = 2;
        public XCSlideView(Context context) {
            this(context, null);
        }
        public XCSlideView(Context context, AttributeSet attrs) {
            super(context, attrs);
            setOrientation(LinearLayout.HORIZONTAL);
            mScroller = new Scroller(context);
        }
        public void addShowView(View view) {
            addView(view, LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
        }
        public void addPopupView(View view, int width) {
            slideWidth = Math.round(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, width, getResources().getDisplayMetrics()));
            addView(view, slideWidth, LayoutParams.FILL_PARENT);
        }
        @Override
        public Object getTag() {
            shrink(false);
            return super.getTag();
        }
        public void onRequireTouchEvent(MotionEvent event) {
            if (slideWidth == 0)
                return;
            int x = (int) event.getX();
            int y = (int) event.getY();
            int scrollX = getScrollX();
            switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                if (!mScroller.isFinished()) {
                    mScroller.abortAnimation();
                }
                break;
            }
            case MotionEvent.ACTION_MOVE: {
                int deltaX = x - mLastX;
                int deltaY = y - mLastY;
                if (deltaX > 0) {
                    isRight = true;
                } else {
                    isRight = false;
                }
                if (Math.abs(deltaX) < Math.abs(deltaY) * TAN) {
                    break;
                }
                int newScrollX = scrollX - deltaX;
                if (deltaX != 0) {
                    if (newScrollX < 0) {
                        newScrollX = 0;
                    } else if (newScrollX > slideWidth) {
                        newScrollX = slideWidth;
                    }
                    this.scrollTo(newScrollX, 0);
                }
                break;
            }
            case MotionEvent.ACTION_UP: {
                int newScrollX = 0;
                if (scrollX - (isRight ? slideWidth * 0.75 : slideWidth * 0.25) > 0) {
                    newScrollX = slideWidth;
                }
                this.smoothScrollTo(newScrollX, 0);
                break;
            }
            default:
                break;
            }
            mLastX = x;
            mLastY = y;
        }
        public void shrink(boolean haveAnim) {
            if (getScrollX() != 0) {
                if (haveAnim) {
                    this.smoothScrollTo(0, 0);
                } else {
                    this.scrollTo(0, 0);
                }
            }
        }
        // 缓慢滚动到指定位置
        private void smoothScrollTo(int destX, int destY) {
            int scrollX = getScrollX();
            int delta = destX - scrollX;
            // 最后一个参数：动画的持续时间  Math.abs：绝对值
            mScroller.startScroll(scrollX, 0, delta, 0, Math.abs(delta) * 3);
            invalidate();
        }
        @Override
        public void computeScroll() {
            Log.e("computeScroll", "x" + mScroller.getCurrX() + "--y--" + mScroller.getCurrY());
            // 是判断scroller的移动动画是否完成
            // 当你调用startScroll()方法的时候这个方法返回的值一直都为true，如果采用其它方式移动视图比如：scrollTo()或
            // scrollBy时那么这个方法返回false。
            if (mScroller.computeScrollOffset()) {
                scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
                postInvalidate();
            }
        }
    }
}

效果图：

如何进行封装横向滚动View

上述内容就是如何进行封装横向滚动View，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

本文名称：如何进行封装横向滚动View
标题URL：http://ybzwz.com/article/ipedhs.html

如何进行封装横向滚动View

其他资讯