效果展示: 一、创建工程,自定义布局1、在布局文件中使用自定义的view:需要加上类的全名(包名) 2、在布局文件中使用自定义的View,设置相应的宽高等 二、自定义控件:1、创建类继承View,添加构造方法 2、绘制需要一些资源图片,拷贝到工程中3、创建方法,指定开关样式:       
先看下具体的实现效果: 上面图片里包含两种效果,一个是向右滑动删除Activity,这个大家可以参考夏神的文章 里面讲解很令人佩服,另一个是向上滑动删除Activity,这个有点类似平时手机的通知栏,滑动删除的知识点和思想基本也是一样的。项目结构如下: 下面着重讲解如何实现向上滑动删除Activty的自定义View 具体代码如下:/** * 自定义滑动删除布局 */ public cla
这节,就一个任务如何把上节自定义的翻页动画控件整进下拉列表中去。  由于是自定义的下拉列表控件,我们需要自定义能够上啦下滑的listview,这势必会造成这个问题,上拉刷新要响应相应touch事件,拖拽也似乎也要相应触摸事件,这势必会造成了一种事件的冲突了,怎么解决了。我这里用一个变量来区分一下,伪代码如下: package com.routemap_infomation.utils; i
转载 4月前
11阅读
用过微信的都知道,微信对话列表滑动删除效果是很不错的,这个效果我们也可以有。思路其实很简单,弄个ListView,然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动,因此会有滑动冲突,也许你需要了解下android中点击事件的派发流程,请参考Android源码分析-点击事件派发机制。我的解决思路是这样的:重写ListView的onInterc
# Android滑动列表实现指南 ## 概述 在Android开发中,滑动列表是一项常见的功能,用于展示大量数据,并且支持用户通过滑动来查看和选择内容。本文将指导你如何实现Android滑动列表。 ## 流程概述 下面是实现Android滑动列表的流程概述: ```mermaid journey title 实现Android滑动列表流程 section 确定列表类型
原创 2023-08-16 13:51:38
81阅读
# Android滑动列表的实现 在Android开发中,滑动列表是非常常见的功能,比如展示商品列表、消息列表、联系人列表等。本文将介绍如何在Android应用中实现滑动列表的功能,并附带代码示例。 ## 1. ListView ListView是Android中最常用的滑动列表控件之一,它可以展示一系列的数据,并支持滑动浏览。要在应用中使用ListView,首先需要在布局文件中添加List
原创 2024-04-15 05:39:28
144阅读
首先我们在日常的软件使用中已经有很多这样的例子了,例如我们用到的QQ、微信都具有这样的功能。 而本文只是简单的起一个引导的作用,在已经存在的listview的基础上对其进行改造,使它能更好的满足 我们在开发当中遇到的需求。 首先,我们先看下我们要达到的效果:   思路:可以确定的是,我们肯定通过手势的 从右自左
转载 2023-10-17 10:15:26
136阅读
1.使用的注意事项1.主内容视图一定要是DrawerLayout的第一个子视图2.主内容视图宽度和高度需要match_parent3.必须显示指定侧滑视图的android:layout_gravity属性 android:layout_gravity = "start"时,从左向右滑出菜单 android:layout_gravity = "end"时,从右向左滑出菜单 不推荐使用lef
转载 2023-06-26 14:57:43
121阅读
由于移动端的屏幕尺寸限制,很多App都的列表项使用了的滑动显示删除按钮,然后点击删除功能。网页端可以采用插件方式很容易实现。这里采用Vue+Weui+vue2-touch-events插件实现。Vue是一套用于构建用户界面的渐进式框架。使用起来很容易上手。https://vuejs.bootcss.com/guide/Weui是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页
vue
转载 2021-05-10 16:37:17
354阅读
2评论
由于移动端的屏幕尺寸限制,很多App都的列表项使用了的滑动显示删除按钮,然后点击删除功能。网页端可以采用插件方式很容易实现。这里采用Vue+Weui+vue2-touch-events插件实现。Vue是一套用于构建用户界面的渐进式框架。使用起来很容易上手。https://vuejs.bootcss.com/guide/Weui是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页
转载 2021-04-21 09:12:13
345阅读
2评论
在项目开发过程中,常常需要对用户列表的信息进行删除的操作。Android中常用的删除操作方式有两种 ,一种就是类似微信的滑动出现删除按钮方式,还有一种是通过CheckBox进行选择,然后通过按钮进行删除的方式。本来的实例集成上述的两种操作方式来实现用户列表删除的效果。设计思路:在适配器类MyAdapter一个滑动删除按钮显示或隐藏的Map,一个用于CheckBox是否选中的Map和一个与MainA
前言在移动设备上,左滑删除已经成为了一种非常普遍的操作方式。vue 框架不仅提供了方便快捷的组件化开发方式,也能够轻松实现左滑删除功能,为用户提供更加友好和自然的交互体验。本文将带大家一步步了解如何使用 vue 实现左滑删除功能。实现思路设置向左滑动,touchstart()滑动开始,记录初始位置,左滑大于 30 距离删除按钮出现,滑动时判断当前是否有滑块处于滑动状态,滑动结束,记录结束位置,to
转载 2023-08-10 10:41:04
266阅读
功能比较简单常见,最近整理一下做备份记录。先看看线上 整体实际效果 ,基于原生js,不依赖其他类库 下面是swipeDelete 用法 demo 默认参数var defaults = { distance:80, //滑动距离 units:'px', //默认单位 touchStart:function(){},//触摸开始回调
之前的一个项目,需要实现这么一个功能:左滑出现删除按钮。当时js代码将网上找的进行删减,代码如下: 1 function slideDelete(e) { 2 // 设定每一行的宽度=屏幕宽度+按钮宽度 3 $(".line-scroll-wrapper").width($(".line-wrapper").width() + $(".line-btn-delete").wi
转载 2023-11-06 16:02:58
75阅读
自定义控件:用户根据自己需求,自己定制的控件。 方式: 继承已有控件、继承view、 继承viewGroup 1.继承view,定制单一控件 2.继承ViewGroup,定制控件组 例: 自定义滑动开关  1. 继续View , 在构造方法中初始化图片资源  2.  实现onMeasur
转载 2024-01-18 20:44:14
60阅读
首先,这是转载过来的,里面对于手势以及事件分发部分写的还比较可以用过的都知道,对话列表滑动删除效果是很不错的,这个效果我们也可以有。思路其实很简单,弄个ListView,然后里面的每个item做成一个可以滑动的自定义控件即可。由于ListView是上下滑动而item是左右滑动,因此会有滑动冲突,也许你需要了解下android中点击事件的派发流程,请参考Android源码分析-点击事件派发机
转载 2023-07-26 16:33:05
108阅读
我们在平常使用手机时可以看到很多的App的会有侧滑菜单栏的效果,这次我将使用SlidingPaneLayout来实现这个功能。首先我们先看下最终效果:SlidingPaneLayoutSlidingPaneLayout提供了一个水平的、多窗格的布局。使用该控件我们可以实现侧滑的效果,其布局文件下面的第一个子控件是作为一个导航视图(也就是滑动后左边视图),其余部分是内容视图。可以简单的尝试一下&lt
ConsecutiveScrollerLayout是我在GitHub开源的一个Android自定义滑动布局,它可以让多个滑动布局和普通控件在界面上像一个整体一样连续顺畅地滑动。试想我们有这样一个需求,在一个界面上有轮播图、像九宫格一样的分类布局、几个样式不一样的列表,中间还夹杂着各种广告图和展示各类活动的布局,这样的设计在大型的app首页上非常常见。又比如像咨询类的文章详情页或者电商类的商品详情页
最近在做移动端项目时,需要实现一个列表页面的每一项item向左滑动时出现相应的删除按钮,本来想着直接使用zepto的touch.js插件,因为之前实现相同的功能时用过这个插件,当时还挺好用的,直接使用它的swipeLeft和swipeRight方法即可,可是今天又开始做这个功能时,却发现这两个方法在使用时毫无效果,一点反应都没有。上网查资料,又下载了最新版本的zepto和touch.js,都没有用
今天我给大家介绍的移动端左滑删除效果是基于Vue2实现的,结合以电商平台的删除购物车商品为例,来看实现步骤。准备安装vue项目过程已忽略,如果不懂vue的同学可以上官网看下:https://cn.vuejs.org/v2/guide/installation.html#NPM我们使用安装一个webpack模板:vue init webpack test组件我们创建一个左滑删除组件,在src/com
转载 2023-07-26 16:26:58
58阅读
  • 1
  • 2
  • 3
  • 4
  • 5