实现View的 上下滑动1--简单实现

不知道怎么写标题了

一直想实现一个下拉刷新与上拉加载,然而自己又比较懒.以前都是使用开源的框架,现在想自己实现。

这个只是用于简单记录和实现上下拉动效果,可参考以及copy修改。当然要用来做上拉加载与下拉刷新还有很多事情要做。后续的继续实现不知道什么时候完成,先记录一下,避免又弃坑了。


参考:
https://github.com/HomHomLin/SlidingLayout/
https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh

编写记录:

/**
 * Created by itzhu on 2017/6/7 0007.
 * desc 参考:https://github.com/HomHomLin/SlidingLayout/
 * <p>
 * <p>
 * <p 2017-6-8>
 * 此实验失败,带下拉和上拉的通用控件编写失败。
 * 因为上下拉没有事件拦截,当ACTION_DOWN事件没有拦截时,不管手指有没有滑动,按下时所在的按钮会一直处于pressed状态。
 * 这个没有找到解决的办法。
 * <p>
 * <p 2017-6-9>
 * 查看这个开源框架
 * {android-Ultra-Pull-To-Refresh  https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh}的PtrFrameLayout类,
 * 发现它在移动的过程copy MotionEvent,然后发送出去,试了一下,成功。这个框架的不足之处就是没有处理好多个手指界面跳动问题,可能就是几行代码的事情... :)
 * 这样一个简单的上下拉动界面就完成了。
 * <p>
 * <p 总结12017-6-9 0947>
 * <p>
 * 这里的多个手指点击,滑动是照着RecyclerView里面的onTouchEvent里面的写的,解决多个手指点击UI跳动问题。(当某个问题出现时,如果android自带控件没有问题,不妨参考一下它的源码实现...)
 * <p>
 * 完成这个初步的上下拉动,尝试了onInterceptTouchEvent 和onTouchEvent 实现,参考(SlidingLayout),
 * 发现当出现上下拉动的时候,childView是不会滚动的。这个是因为尝试了onInterceptTouchEvent返回true之后,事件会传递给自己的onTouchEvent,不会再传给childView.
 * 而我们的事件是需要在view与childView之间来回传递,就只能在dispatchTouchEvent里面处理了。
 * 1.这里没有测试childView的横向滚动,应该会出问题,后面再继续优化
 * 2.targeView应该自己设置,不能写死
 * 3.没有暴露任何方法给别人
 * ...
 * 慢点来。
 * <p>
 * 发现问题,解决问题,这个对要学习View滑动效果的新手来说应该会有点用处,自己参考吧。
 * 不足之处应该是chileView的横向滑动应该不行,会出现问题,这个也应该可以参考RecycleView里面滑动时对X的处理。
 * 先记录这段代码,后面一步一步优化,使其通用。
 */

下面直接贴代码了,代码写的很简单,应该很容易看懂。很多都是直接copy那两个开源框架里面的。

public class PullLayout extends FrameLayout {

    private static final String TAG = "PullLayout";

    /**
     * 标记的pointY
     * 滑动距离以此为原点计算
     */
    private int markPointY = 0;

    /**
     * 滑动手指ID
     */
    private int mScrollPointerId = -1;

    /**
     * 偏移位置
     */
    private int offsetY = 0;

    /**
     * 初始偏移量
     * 当多个手指按下状态变换时,初始偏移量改变
     */
    private int initOffsetY = 0;

    /**
     * 需要检测View的滑动状态
     */
    private View targeView;

    private IBindChildScrollListener childScrollListener;

    /**
     * 当前状态,0-未偏移状态  1-偏移量大于0  -1-偏移量小于0
     * <p>
     * 因为滑动的offset在快速往返滑动不一定会有为0的状态,故使用此字段标志滑动状态的切换,以此来初始化标记点markPointY{@link #markPointY}
     */
    private static int scrollState = 0;

    public PullLayout(@NonNull Context context) {
        super(context);
    }

    public PullLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public PullLayout(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        //检测view能否向上滑动或者能否向下滑动
        final int action = MotionEventCompat.getActionMasked(event);
        final int actionIndex = MotionEventCompat.getActionIndex(event);

        switch (action) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "ACTION_DOWN");
                mScrollPointerId = event.getPointerId(0);// 获取索引为0的手指id
                markPointY = (int) (event.getY() + 0.5f);
                initOffsetY = 0;
                scrollState = 0;
                Log.e(TAG, "markPointY->" + markPointY);
                super.dispatchTouchEvent(event);
                return true;
            //break;
            case MotionEvent.ACTION_POINTER_DOWN:
                Log.e(TAG, "ACTION_POINTER_DOWN");
                mScrollPointerId = event.getPointerId(actionIndex);
                markPointY = (int) (event.getY(actionIndex) + 0.5f);
                initOffsetY = getCurrentOffsetY();
                Log.e(TAG, "markPointY->" + markPointY);
                break;
            case MotionEvent.ACTION_MOVE:
                final int index = event.findPointerIndex(mScrollPointerId);
                if (index < 0) {
                    Log.e(TAG, "Error processing scroll; pointer index for id " + mScrollPointerId + " not found. Did any MotionEvents get skipped?");
                    return false;
                }
                offsetY = (int) (event.getY(index) - markPointY) + initOffsetY;//偏移距离

                /*----- // TODO: 2017/6/9 0009 阻尼效果-简单除2,高级一点的自己去实现-----*/
                offsetY = offsetY / 2;
                /*-----------*/
                Log.e(TAG, "offsetY-->" + offsetY);
                if (offsetY > 0 && !childScrollListener.canScrollUp()) {
                    //Log.e(TAG, "dispatchTouchEvent----A->" + offsetY);
                    if (scrollState <= 0) {
                        initPointY(event, index);
                        scrollState = 1;
                        //开始下拉刷新
                        sendCancelEvent(event);
                        return true;
                    }
                    smoothTo(targeView, offsetY, 0);
                    //消费滑动,不往下传递
                    return true;
                } else if (offsetY < 0 && !childScrollListener.canScrollDown()) {
                    //Log.d(TAG, "dispatchTouchEvent----B->" + offsetY);
                    if (scrollState >= 0) {
                        initPointY(event, index);
                        scrollState = -1;
                        //开始上拉加载
                        sendCancelEvent(event);
                        return true;
                    }
                    smoothTo(targeView, offsetY, 0);
                    return true;
                } else if (scrollState != 0) {
                    scrollState = 0;
                    smoothTo(targeView, 0, 0);
                    sendDownEvent(event);
                    return true;
                }
                break;
            case MotionEvent.ACTION_POINTER_UP:
                onPointerUp(event);
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                offsetY = 0;
                initOffsetY = 0;
                smoothTo(targeView, offsetY, 0);
                break;
        }
        return super.dispatchTouchEvent(event);
    }

    private void sendCancelEvent(MotionEvent event) {
        Log.d(TAG, "send cancel event");
        // The ScrollChecker will update position and lead to send cancel event when mLastMoveEvent is null.
        // fix #104, #80, #92
        if (event == null) {
            return;
        }
        MotionEvent last = event;
        MotionEvent e = MotionEvent.obtain(last.getDownTime(), last.getEventTime() + ViewConfiguration.getLongPressTimeout(), MotionEvent.ACTION_CANCEL, last.getX(), last.getY(), last.getMetaState());
        dispatchTouchEventSupper(e);
    }

    /*-------------重新设置targeView的aCTION_CANCEL和ACTION_DOWN事件- 这段代码copy自PtrFrameLayout-----------*/
    private void sendDownEvent(MotionEvent event) {
        Log.d(TAG, "send down event");
        final MotionEvent last = event;
        MotionEvent e = MotionEvent.obtain(last.getDownTime(), last.getEventTime(), MotionEvent.ACTION_DOWN, last.getX(), last.getY(), last.getMetaState());
        dispatchTouchEventSupper(e);
    }

    public boolean dispatchTouchEventSupper(MotionEvent e) {
        return super.dispatchTouchEvent(e);
    }

    /*-----------------------------------*/

    /**
     * 这里不能使用onInterceptTouchEvent
     * onInterceptTouchEvent在一次按下滑动 拦截事件后就不会被执行了。(可以理解为在action_move事件开始的很短时间内会执行,之后就不会执行了。)
     */
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.d(TAG, "onInterceptTouchEvent");
        return super.onInterceptTouchEvent(ev);
    }

    /**
     * 如果onInterceptTouchEvent 没有返回true,onTouchEvent是不会执行的
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d(TAG, "onTouchEvent");
        return super.onTouchEvent(event);
    }

    /**
     * 手指抬起,参考RecyclerView
     *
     * @param e
     */
    private void onPointerUp(MotionEvent e) {
        final int actionIndex = MotionEventCompat.getActionIndex(e);
        if (e.getPointerId(actionIndex) == mScrollPointerId) {
            // Pick a new pointer to pick up the slack.
            final int newIndex = actionIndex == 0 ? 1 : 0;
            mScrollPointerId = e.getPointerId(newIndex);
            markPointY = (int) (e.getY(newIndex) + 0.5f);
            initOffsetY = getCurrentOffsetY();
        }
    }

    /**
     * 初始化手指按下的位置
     *
     * @param event
     * @param index
     */
    private void initPointY(MotionEvent event, int index) {
        Log.d(TAG, "initPointY");
        smoothTo(targeView, 0, 0);
        initOffsetY = 0;
        markPointY = (int) (event.getY(index) + 0.5f);
    }

    /**
     * 获取当前targeView的偏移量
     *
     * @return
     */
    public int getCurrentOffsetY() {
        return (int) (getTranslationY(targeView) + 0.5f);
    }


    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        if (getChildCount() == 0) return;
         TODO: 2017/6/9 0009 只是简单的获取childView
        if (targeView == null) ensureTarget();
    }

    /**
     * 获取targeview
     */
    private void ensureTarget() {
        if (targeView == null) {
            targeView = getChildAt(getChildCount() - 1);
            childScrollListener = new SimpleChildScrollListener(targeView);
        }
    }

    /**
     * 得到当前view的偏移量
     *
     * @param view
     * @return
     */
    private float getTranslationY(View view) {
        if (view != null && android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.HONEYCOMB)
            return view.getTranslationY();
        return 0;
    }

    private void smoothTo(View view, float y, long duration) {
        if (view == null) return;
        view.clearAnimation();
        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.HONEYCOMB) {
            android.animation.ObjectAnimator.ofFloat(view, "translationY", y).setDuration(duration).start();
        }
    }

}

下面两个直接在slideLayout里面copy的,就是判断view能否继续上下滑动

public interface IBindChildScrollListener {

    /*能否向上滑动*/
    boolean canScrollUp();

    /*能否向下滑动*/
    boolean canScrollDown();
}
public class SimpleChildScrollListener implements IBindChildScrollListener {
    private View targeView;

    public SimpleChildScrollListener(View targeView) {
        this.targeView = targeView;
    }

    @Override
    public boolean canScrollUp() {
        if (targeView == null) return false;
        if (android.os.Build.VERSION.SDK_INT < Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
            if (targeView instanceof AbsListView) {
                final AbsListView absListView = (AbsListView) targeView;
                return absListView.getChildCount() > 0
                        && (absListView.getFirstVisiblePosition() > 0 || absListView.getChildAt(0)
                        .getTop() < absListView.getPaddingTop());
            } else {
                return ViewCompat.canScrollVertically(targeView, -1) || targeView.getScrollY() > 0;
            }
        } else {
            return ViewCompat.canScrollVertically(targeView, -1);
        }
    }

    @Override
    public boolean canScrollDown() {
        if (targeView == null) return false;
        if (android.os.Build.VERSION.SDK_INT < Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
            if (targeView instanceof AbsListView) {
                final AbsListView absListView = (AbsListView) targeView;
                return absListView.getChildCount() > 0 && absListView.getAdapter() != null
                        && (absListView.getLastVisiblePosition() < absListView.getAdapter().getCount() - 1 || absListView.getChildAt(absListView.getChildCount() - 1)
                        .getBottom() < absListView.getPaddingBottom());
            } else {
                return ViewCompat.canScrollVertically(targeView, 1) || targeView.getScrollY() > 0;
            }
        } else {
            return ViewCompat.canScrollVertically(targeView, 1);
        }
    }
}

这里简单的xml里面添加就好了,recyclerview和ListView都可以
记得要修改这个quickly.common.me.customview.layout.pull.PullLayout

<quickly.common.me.customview.layout.pull.PullLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/slidingLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:gravity="center_horizontal"
        android:padding="15dp"
        android:text="pull view"
        android:textColor="@color/white" />

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#FFFFFF">

    </ListView>
</quickly.common.me.customview.layout.pull.PullLayout>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现类似抖音上下滑动切换视频的功能,可以使用Jetpack Compose中的`LazyColumn`和`Pager`组件。 首先,我们需要准备一些视频数据,可以使用一个包含视频URL的列表: ```kotlin val videos = listOf( "https://example.com/video1.mp4", "https://example.com/video2.mp4", "https://example.com/video3.mp4", // ... ) ``` 然后,我们可以使用`LazyColumn`和`Pager`组件来实现上下滑动和视频切换的功能: ```kotlin LazyColumn { val pagerState = rememberPagerState(pageCount = videos.size) items(count = videos.size) { index -> val videoUrl = videos[index] Pager( state = pagerState, modifier = Modifier.fillMaxWidth(), ) { VideoPlayer(videoUrl) } } } ``` 在上面的代码中,我们首先创建了一个`PagerState`,用于管理视频的切换。然后,我们使用`LazyColumn`组件创建一个垂直滚动列表,每个列表项都是一个`Pager`组件,用于显示一个视频。`Pager`组件的`state`属性绑定了`PagerState`,`modifier`属性设置了组件的宽度为最大,这样视频就可以充满屏幕了。`Pager`组件的内容是一个自定义的`VideoPlayer`组件,用于播放视频。 最后,我们需要实现`VideoPlayer`组件,可以使用`VideoView`和`ExoPlayer`来播放视频。下面是一个简单的`VideoPlayer`组件的实现: ```kotlin @Composable fun VideoPlayer(url: String) { val context = LocalContext.current val videoView = remember { VideoView(context).apply { layoutParams = ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) setMediaController(MediaController(context)) setOnPreparedListener(MediaPlayer.OnPreparedListener { mp -> mp.isLooping = true }) } } AndroidView( factory = { videoView }, update = { it.setVideoURI(Uri.parse(url)) it.start() } ) } ``` 在上面的代码中,我们首先使用`remember`来创建一个`VideoView`实例,然后使用`AndroidView`组件将其包装成一个Compose组件。在`AndroidView`组件的`update`块中,我们设置`VideoView`的视频URL并开始播放。这样就可以在`Pager`组件中显示一个视频并自动播放了。 以上就是使用Jetpack Compose实现类似抖音上下滑动切换视频的简单示例。当然,这只是一个基础实现,你还可以根据自己的需求进行扩展和优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值