微信聊天左滑显示删除实现

最新推荐文章于 2019-09-18 16:28:39 发布
最新推荐文章于 2019-09-18 16:28:39 发布
阅读量596 收藏
点赞数
分类专栏： Android 文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wcq20071334/article/details/84775400
版权
参考http://blog.csdn.net/xiaanming/article/details/18311877
使用https://github.com/JakeWharton/NineOldAndroids 第三方工程实现
1. 自定义view 继承ListView 添加OnScrollListener 和 实现View.OnTouchListener
2. 在OnTouchListener 中实现view动画

[b]ListView 代码[/b] 

public class CustListView extends ListView {

    private CustViewTouchListener touchListener;
    private boolean mIsScrolling = false;

    public CustListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        final ViewConfiguration configuration = ViewConfiguration.get(getContext());
        final int touchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration);
        touchListener = new CustViewTouchListener(context, this, touchSlop);
        setOnTouchListener(touchListener);
        setOnScrollListener(new OnScrollListener() {

            @Override
            public void onScrollStateChanged(AbsListView arg0, int scrollState) {
                if (OnScrollListener.SCROLL_STATE_IDLE == scrollState) {
                    mIsScrolling = false;
                } else {
                    mIsScrolling = true;
                }
                touchListener.setScrollStatus(mIsScrolling);
            }

            @Override
            public void onScroll(AbsListView arg0, int arg1, int arg2, int arg3) {

            }
        });
    }

    public void initListView() {
        if (null != touchListener) {
            touchListener.initSlidedItemView();
        }
    }

    public void resetView() {
        if (null != touchListener) {
            touchListener.resetView();
        }
    }
}


[b]touchListener 代码[/b] 

public class CustListViewTouchListener implements View.OnTouchListener {

    private static final String TAG = CustListViewTouchListener.class.getSimpleName();

    private int mMaxMotionWidth = 0;
    private float mMotionWidthThreshold = 0.10f;  // ten percent.

    //The touch X,Y when action down.
    private float mActionDownX = 0;
    private float mActionDownY = 0;

    private float mMoveX = 0;
    private boolean mIsMove =false;

    private int mTouchSlop = 0;

    private CustListView mCustListView = null;
    private CustListAdapter mCustListAdapter = null;

    private View mItemView = null;
    //The list view item layout except delete button
    private View mShowView = null;
    //Delete view
    private View mHideView = null;
    //Last slided item view
    private View mLastItemView = null;
    //The showView of last slided item
    private View mLastShowView = null;
    //The HideView of last slided item
    private View mLastHideView = null;
    //The current action down position
    private int mCurrentPosition = -1;
    //Last slided action view position
    private int mLastPosition = -1;
    //The Touch view rectangle
    private Rect mRect = new Rect();

    private Button mBtnDelete = null;

    private Context mContext;

    private boolean mIsScrolling;

    private int mGroup;
    private String mPeer;
    private int mId;
    private AlertDialog mDialog;
    private Handler mHandler = new Handler(); // do something in main(UI) thread.

    public CustListViewTouchListener(Context context, CustListView slideListView, int touchSlop) {
        this.mContext = context;
        this.mCustListView = slideListView;
        this.mTouchSlop = touchSlop;
    }

    public void initSlidedItemView() {
        if(mShowView != null && mHideView != null) {
            ViewPropertyAnimator.animate(mShowView).translationX(0).setDuration(0);
            ViewPropertyAnimator.animate(mHideView).translationX(0).setDuration(0);
        }
    }

    public void resetView() {
        if (mDialog != null && mDialog.isShowing()){
            mDialog.dismiss();
        }
    }
    private void restoreLastSlidedItemView() {
        if (mLastPosition >= 0 && mLastPosition != mCurrentPosition) {
            mLastItemView = mCustListView.getChildAt(mLastPosition
                    - mCustListView.getFirstVisiblePosition());
            if (mLastItemView != null) {
                mLastShowView = mLastItemView.findViewById(R.id.show_item);
                mLastHideView = mLastItemView.findViewById(R.id.hide_item);
                ViewPropertyAnimator.animate(mLastShowView).translationX(0).setDuration(200);
                ViewPropertyAnimator.animate(mLastHideView).translationX(0).setDuration(200);
            }
            mLastItemView = null;
        }
            mLastPosition = mCurrentPosition;
    }

    @Override
    public boolean onTouch(View v, MotionEvent motionEvent) {
        mCustListAdapter = (CustListAdapter) mCustListView.getAdapter();
        if (mIsScrolling)
            return false;
        switch (motionEvent.getActionMasked()) {
            case MotionEvent.ACTION_DOWN: {
                //Get action down x,y,position and itemView
                mMoveX = 0;
                mIsMove = false;
                mActionDownX = motionEvent.getRawX();
                mActionDownY = motionEvent.getRawY();
                mCurrentPosition = getPosition();
                if (-1 == mCurrentPosition) {
                    return false;
                }
                restoreLastSlidedItemView();
               mItemView = mCustListView.getChildAt(mCurrentPosition
                        - mCustListView.getFirstVisiblePosition());
                if (mItemView != null) {
                    mShowView = mItemView.findViewById(R.id.show_item);
                    mHideView = mItemView.findViewById(R.id.hide_item);
                    mBtnDelete = (Button) mHideView;
                    // TODO jhj case 1: group; case 2: not group
                    Object object = mCustListAdapter.getItem(mCurrentPosition);
                    int friendStatus = -1;
                    if (null != object && object instanceof Cursor) {
                        Cursor cursor = (Cursor) object;
                        if (!cursor.isClosed()) {
                            try {
                                int index = cursor.getColumnIndex(DBViewMessageThreads.FRIEND_STATE);
                                if (index >= 0 && index < cursor.getColumnCount()){
                                    friendStatus = cursor.getInt(index);
                                }
                                mId = cursor.getInt(cursor.getColumnIndex(DBViewMessageThreads._ID));
                                mGroup = cursor.getInt(cursor.getColumnIndex(DBViewMessageThreads.GROUP));
                                mPeer = cursor.getString(cursor.getColumnIndex(DBViewMessageThreads.PEER));
                            } catch (Exception e) {
                                PaLog.e(TAG, "get friend status failed");
                            }

                        }
                    }
                    PaLog.d(TAG, "freind status  " + friendStatus);
                   if (friendStatus == AgentElements.FriendStatus.INVITED.ordinal()){
                       ((Button)mHideView).setText(R.string.request_accept);
                       mHideView.setBackgroundColor(0xFF1AA2E2);
                   }else{
                       ((Button)mHideView).setText(R.string.delete_single_thread);
                       mHideView.setBackgroundColor(Color.RED);
                   }
//                  mBtnDelete.setClickable(false);
                }
                return true;
            }
            case MotionEvent.ACTION_UP: {
                if (!mIsMove ||  mCurrentPosition == -1 || mItemView == null) {
                    return false;
                }
                float translationX = 0;
                if (mMoveX < -mMaxMotionWidth / 2) {
                    //If the x slide to left is more than half a width,auto slide to left a full width.
                    translationX = -mMaxMotionWidth;
                } else {
                    translationX = 0;
                }
                ViewPropertyAnimator.animate(mShowView).translationX(translationX)
                        .setDuration(200);
                ViewPropertyAnimator.animate(mHideView).translationX(translationX)
                        .setDuration(200).setListener(new AnimatorListener() {
                            @Override
                            public void onAnimationStart(Animator animation) {
                                // TODO Auto-generated method stub
                            }

                            @Override
                            public void onAnimationEnd(Animator animation) {
                                final int delPostion = mCurrentPosition;
                                mBtnDelete.setOnClickListener(new OnClickListener() {
                                    @Override
                                    public void onClick(View v) {
                                    if (-1 != delPostion) {

                                        //use to delete group message
                                        ViewPropertyAnimator.animate(mShowView).translationX(0).setDuration(10);
                                        ViewPropertyAnimator.animate(mHideView).translationX(0).setDuration(10);

                                        if (1 == mGroup) {
                                            showLeaveGroupDialog(delPostion, mCustListAdapter.getItemId(delPostion));
                                            return;
                                        } else {
                                            mMoveX = 0;
                                            // Delete notification of this
                                            // thread.
                                            NotificationProxy.getInstance().deleteNotificationByRelativeKey(
                                                    SubType.NEW_AVTMSG.getInt(), mPeer);

                                            //use delete friend message
                                            PaLog.d(TAG, "mGroup 0 ..................");
                                            deleteThreadById(delPostion, mCustListAdapter.getItemId(delPostion));
                                        }
                                    }
                                    }
                                });
                            }

                            @Override
                            public void onAnimationCancel(Animator animation) {
                                // TODO Auto-generated method stub
                            }

                            @Override
                            public void onAnimationRepeat(Animator animation) {
                                // TODO Auto-generated method stub

                            }
                        });
                return true;
            }
            case MotionEvent.ACTION_MOVE: {
                if (mCurrentPosition == -1 || mItemView == null) {
                    mIsMove = false;
                    return false;
                }

                if (IsYScroll(motionEvent.getRawX(), motionEvent.getRawY())) {
                    if (mIsMove){
                        initSlidedItemView();//need reset the hide view since user can move Y then move X
                    }
                    mIsMove = false;
                    return false;
                }
                mMoveX = motionEvent.getRawX() - mActionDownX;

                float translationX = mShowView.getTranslationX();
                if (mMaxMotionWidth == 0) {
                    mMaxMotionWidth = mHideView.getWidth();
                }
                // Move to right
                if (mMoveX > (mMaxMotionWidth*mMotionWidthThreshold) && translationX < 0) {
                    if (mMoveX > mMaxMotionWidth) {
                        mMoveX = mMaxMotionWidth;
                    }
                    ViewHelper.setTranslationX(mShowView, mMoveX - mMaxMotionWidth);
                    ViewHelper.setTranslationX(mHideView, mMoveX - mMaxMotionWidth);
                    mIsMove = true;
                }
                // Move to left
                if (mMoveX < -(mMaxMotionWidth*mMotionWidthThreshold) && translationX > -mMaxMotionWidth) {
                    if (mMoveX < -mMaxMotionWidth) {
                        mMoveX = -mMaxMotionWidth;
                    }
                    ViewHelper.setTranslationX(mShowView, mMoveX);
                    ViewHelper.setTranslationX(mHideView, mMoveX);
                    mIsMove = true;
                }
                return true;
            }
            default: {
                return true;
            }
        }
    }

    private boolean IsYScroll(float x, float y) {
        final int xDiff = (int) Math.abs(x - mActionDownX);
        final int yDiff = (int) Math.abs(y - mActionDownY);
        final int touchSlop = this.mTouchSlop;
        if (xDiff == 0) {
            return true;
        }
        if ((yDiff / xDiff >= 1) && (yDiff > touchSlop)) {
            return true;
        } else {
            return false;
        }
    }

    //Get the item index in ListView when touch.
    private int getPosition() {
        final int childCount = mCustListView.getChildCount();
        int[] listViewCoords = new int[2];
        mCustListView.getLocationOnScreen(listViewCoords);
        final int x = (int) mActionDownX - listViewCoords[0];
        final int y = (int) mActionDownY - listViewCoords[1];
        View child;
        int childPosition = -1;
        for (int i = 0; i < childCount; i++) {
            child = mCustListView.getChildAt(i);
            child.getHitRect(mRect);
            if (mRect.contains(x, y)) {
                childPosition = mCustListView.getPositionForView(child);
                return childPosition;
            }
        }
        return childPosition;
    }

    public boolean deleteThreadById(int position, long id) {
        if (-1 == id) {
            return true;
        }


        Object object = mCustListAdapter.getItem(position);
        String peer = null;
        int friendStatus = -1, friendSize = 1;
        if (null != object && object instanceof Cursor) {
            Cursor cursor = (Cursor) object;
            if (!cursor.isClosed()) {
                peer = cursor.getString(cursor.getColumnIndex(DBViewMessageThreads.PEER));
                friendStatus = cursor.getInt(cursor.getColumnIndex(DBViewMessageThreads.FRIEND_STATE));
                friendSize =  1; 
                //mCustListAdapter.getMessagesDbAdapter().getInstance(mContext).getMessageThreads().getCount();
                //mCustListAdapter.getCount();//cursor.getInt(cursor.getColumnIndex(DBViewMessageThreads.UNREAD_COUNT));
                // TODO find out how to get the total count....
            }
        }
        final String peerJid = peer;

        // show a dialog to confirm whether delete the item.
        final int threadId = (int) id;
        if (mDialog != null && mDialog.isShowing()){
            mDialog.dismiss();
        }
        if (friendStatus == AgentElements.FriendStatus.INVITED.ordinal()) {
            ViewPropertyAnimator.animate(mShowView).translationX(0).setDuration(10);
            ViewPropertyAnimator.animate(mHideView).translationX(0).setDuration(10);
            mMoveX = 0;
            mCustListAdapter.acceptFriendRequest(peerJid, threadId);
            return true;
        }
        final int count = friendSize;
        mDialog = new AlertDialog.Builder(this.mContext, AlertDialog.THEME_HOLO_DARK)
                .setTitle(R.string.archive_delete_dialog_title)
                .setMessage(R.string.archive_delete_dialog_message)
                .setPositiveButton(R.string.alert_dialog_btn_ok,
                        new DialogInterface.OnClickListener() {

                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                // Delete the thread.
                                ViewPropertyAnimator.animate(mShowView).translationX(0)
                                        .setDuration(10);
                                ViewPropertyAnimator.animate(mHideView).translationX(0)
                                        .setDuration(10);
                                mCustListAdapter.getMessagesDbAdapter().deleteMessageThreadById(
                                        threadId);
                                // Delete notification of this thread.
                                NotificationProxy.getInstance().deleteNotificationByRelativeKey(
                                        SubType.NEW_AVTMSG.getInt(), peerJid);
                                mMoveX = 0;
                                Analytics.getInstance().tagEventSingleStepAttribute(AnalyticsStrings.EventMSGMessageThreadDeleted, AnalyticsStrings.AttrMessageCountThread, 
                                        count, Analytics.IntStep0121416181101);
                            }
                        })
                .setNegativeButton(R.string.alert_dialog_btn_cancel,
                        new DialogInterface.OnClickListener() {

                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                dialog.cancel();
                            }
                        }).create();
        mDialog.show();
        return true;
    }

    /**
     * @param mIsScrolling
     */
    public void setScrollStatus(boolean isScrolling) {
        mIsScrolling = isScrolling;

    }

    private AlertDialog mLeaveGroupDialog;

    private void showLeaveGroupDialog(int position, long id) {
        PaLog.d(TAG, "CustListViewTouchListener: showLeaveGroupDialog: position: " + position + ", id: " + id);
        if (-1 == id) {
            return;
        }

        if (mLeaveGroupDialog != null && mLeaveGroupDialog.isShowing()){
            return;
        }
        Object object = mCustListAdapter.getItem(position);
        String peer = null;
        int friendStatus = -1;
        if (null != object && object instanceof Cursor) {
            Cursor cursor = (Cursor) object;
            if (!cursor.isClosed()) {
                peer = cursor.getString(cursor.getColumnIndex(DBViewMessageThreads.PEER));
                friendStatus = cursor.getInt(cursor.getColumnIndex(DBViewMessageThreads.FRIEND_STATE));
            }
        }
        final String peerJid = peer;

        // show a dialog to confirm whether delete the item.
        final int threadId = (int) id;

        View view = LayoutInflater.from(mContext).inflate(R.layout.leave_group, null);
        mLeaveGroupDialog =
                new AlertDialog.Builder(mContext, AlertDialog.THEME_HOLO_LIGHT).setCancelable(false)
                        .setPositiveButton(R.string.dialog_leave_group_ok, new DialogInterface.OnClickListener() {

                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                if (!TextUtils.isEmpty(peerJid)) {
                                    mCustListAdapter.showWaitingDlg();
                                    XmppProxy.getInstance(mContext).leaveGroupRoom(peerJid,
                                            new IGroupChatStatusCallback.Stub() {

                                                @Override
                                                public void onSended(long msgId, String roomName)
                                                        throws RemoteException {
                                                    PaLog.d(TAG, "leave group room call back: onSended() ");
                                                    mCustListAdapter.deleteGroupRequest(threadId);
                                                    Analytics.getInstance().tagEventSingleAttribute(AnalyticsStrings.EventGRPLeftGroup, 
                                                            AnalyticsStrings.AttrOutcome, AnalyticsStrings.ValueSucceeded);
                                                }

                                                @Override
                                                public void onError(long msgId, String roomName, int errType) throws RemoteException {
                                                    PaLog.d(TAG, "leave group room call back: onError() errType: "
                                                            + errType);
                                                    if (errType == XmppErrorCode.ROOM_NOT_EXIST
                                                            ||errType == XmppErrorCode.GROUP_SERVER_NOT_ALLOWED) {
                                                        mCustListAdapter.deleteGroupRequest(threadId);
                                                    } else {
                                                        mCustListAdapter.deleteGroupFailed();
                                                    }
                                                    Analytics.getInstance().tagEventSingleAttribute(AnalyticsStrings.EventGRPLeftGroup, 
                                                            AnalyticsStrings.AttrOutcome, AnalyticsStrings.ValueFailed);
                                                }

                                            });
                                }
                            }
                        }).setNegativeButton(R.string.dialog_leave_group_cancel, new DialogInterface.OnClickListener() {

                            @Override
                            public void onClick(DialogInterface dialog, int which) {

                            }
                        }).create();
        mLeaveGroupDialog.setView(view);
        mLeaveGroupDialog.show();
    }
}
cici_wang_
关注
专栏目录
vue + flex布局完美实现微信左滑删除
yasha的博客
11-27 3364
前端实现左滑删除的帖子网上有很多，但是没有找到一款能跟微信完全一样的，大多的思路都是将删除键隐藏在最右边，滑动的时候拉出来，而微信原版的按钮是有缩放效果的，也就是右滑的时候，按钮宽度会缩小，并不是直接隐藏在最右边。于是，自己用vue + flex布局实现了一个按钮能够随着右滑而缩小的demo，核心是flex-shrink属性，flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不...
android 高仿ios左滑动删除item,仿ios微信QQ---左滑，出现删除按钮；再点击屏幕任意地方，删除按钮隐藏...
weixin_33498296的博客
05-25 772
之前方式有点bug，通过自定义指令方式重新起一个思路：(1)定义自定义指令angular.module('myApp.directives').directive('isTrashOpen', function () {return {restrict: 'A',scope: {item: "=trashItem"},priority: 600,link: function (scope, ele...
微信小程序---列表页左滑删除（同时适用于安卓和ios）
03-27
微信小程序列表页的左滑动删除 1，首先页面每个item分为上下两层，上面一层放置正常内容，下面一层放置左滑显示出的按钮，这个可以使用z-index来实现分层。 2，item上层使用绝对定位，我们操纵 left 属性的值来实现像左移动。 3，我们通过微信小程序api提供的touch对象和3个有关手指触摸的函数（touchstart，touchmove，touchend）来实现item随手指移动。
Android 仿微信对话列表滑动删除效果
面朝大海，春暖花开
05-15 702
package com.fxsky.swipelist.widget; import android.annotation.SuppressLint; import android.content.Context; import android.content.res.TypedArray; import android.os.Handler; import android.os.Message
【微信小程序】高仿微信的左滑删除效果
weixin_34162629的博客
06-10 371
前言 在小程序中，实现类似微信左滑删除的效果，有些人可能会想到在view里用到touchstart，touchmove，touchend结合实现的。但这个有缺点，特别是在ios真机上，左滑时页面会上下滑动，用户体验emmm...或许需要增加disableScroll:true，但这个页面会被禁止滚动，或许里面再嵌scroll-view就可以实现的。但我要说的不是这个方案，小程序出了更佳的一个组件，...
基于QT的滑动删除控件
06-08
基于QT的滑动删除控件，采用QML的方式实现的
小程序 — 实现左滑删除效果（列表）③
weixin_34144848的博客
09-14 132
前言：实现完整的列表左滑删除功能。 GitHub：https://github.com/Ewall1106/miniProgramDemo 1、列表渲染 首先我们初始化一个list列表并为其添加数据，这个列表有两个值分别为标题文字title和初始的偏移量x： list: [ { x: 0, ...
Android仿微信SlideView聊天列表滑动删除效果
03-16
本文将详细解析如何实现“Android仿微信SlideView聊天列表滑动删除效果”。这一效果允许用户在聊天列表中通过手势滑动条目来触发删除操作，提升了用户体验。 首先，我们要创建一个ListView或RecyclerView，它是...
仿微信左划删除效果
06-01
这个"仿微信左划删除效果"是为了在自己的项目中实现与微信类似的交互体验，让用户能够方便地通过手势删除列表项。 在描述中提到的"仿微信左划删除效果"主要涉及JavaScript和jQuery特效。JavaScript是一种强大的...
Android自定义滑动删除效果的实现代码
01-05
先给大家展示下效果图，如果感觉不错，请参考实现代码： 序言 最近项目中需要用到滑动删除,然后去网上搜了一下,发现现有网上的各种解决办法各式各样,但是还是找不到一个能将所有细节和逻辑处理好的,至于滑动删除部分,我觉得处理的相对比较好的是 QQ(包括处理各种逻辑和细节);最终,苦寻无果,于是决定自己动手,丰衣足食 这篇文章将从现有 Android 滑动删除的痛点,到搭建好一个基本的框架,到最终提供一份完整的 Demo为止,争取为读者提供最大的可定制化 正文 一. 滑动删除的痛点 (1). 现有资料中的不足 笔者参阅了网上的一些博客,发现,这些博客中大多能够基本实现滑动删除,但是存在的问题是,对
android ListView左滑动删除选项并且支持下拉刷新和上拉加载更多功能控件
06-16
支持仿微信滑动删除，并且支持上拉加载更多数据，下拉刷新数据功能控件，里面有DEMO和APK，自己看吧，重新设置下分数
Xamarin 简易知乎日报客户端 有ListView滑动取消加载、静止异步加载、下拉刷新、上拉加载的功能
11-15
Xamarin 简易知乎日报客户端 有ListView滑动取消加载、静止异步加载、下拉刷新、上拉加载的功能 [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
CustomListViewDemo
04-07
自定义listview加载更多，实际便于自己理解，也可以用于实际项目中
listView 左滑显示删除按钮
huanhuan8944172的专栏
02-28 1588
转自http://blog.csdn.net/singwhatiwanna/article/details/17515543前言用过微信的都知道，微信对话列表滑动删除效果是很不错的，这个效果我们也可以有。思路其实很简单，弄个ListView，然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动，因此会有滑动冲突，也许你需要了解下android中...
（原创）iOS 左滑删除，左滑时修改tableview中的样式
张少侠
01-19 8200
tableview设置各种代理事件//设置可删除 - (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{ return YES; }//滑动删除 - (UITableViewCellEditingStyle)tableView:(UITableView *)tabl
qml listview 实现QQ侧滑删除功能
zjq456123的博客
05-30 2096
ListView{ width: parent.width height: parent.height anchors.fill: parent model:50 delegate:Flickable { width: parent.width; height: 200
Qt中QML实现滑动右侧删除
qq_36360669的博客
09-18 792
Qt中QML实现滑动右侧删除 最近接到需求实现滑动右侧删除的功能，网上找了找发现很少人写这部分的资料，可能是太简单了吧(⊙o⊙)…，想了想还是分享一下我的解决方法，供大家参考。以下是一个demo： import QtQuick 2.12 import QtQuick.Window 2.12 Window { visible: true width: 640 height:...
WeUI样式库+Div/Ul 的列表模拟移动端左划删除效果
weixin_30916125的博客
02-03 1576
我是在MVC中通过动态创建的方式来创建div列表的，使用的WeUI样式库，也可以使用UL标签来做 原理一样 <div class="weui-panel__bd" style="padding: 10px 15px;"> <div class="weui-cells" style="margin-top: 0px"> ...
微信小程序左滑显示按钮Demo实现
微信小程序左滑显示按钮demo是一个基于微信小程序框架的交互式demo，展示了如何在小程序中实现左滑显示按钮的功能。本demo的结构主要包括三部分：视图层、逻辑层和样式层。 视图层：在视图层中，我们可以看到一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值