Swiper

RecyclerView下拉刷新和上拉加载更多实现

在这里下拉刷新使用的是官方提供的SwipeRefreshLayout，然后上拉加载更多的功能使用的是第三方库BaseRecyclerViewAdapterHelper实现。
那一夜_·2020-08-10 04:56

Swiper4.0：H5手机端滑屏判断当前页Index并且触发动画（slideChangeTransitionEnd与swiper.activeIndex）

API：https://www.swiper.com.cn/api/event/92.htmlvarmySwiper=newSwiper('.swiper-container',{direction:'
跳跳虎Rain·2020-08-10 03:00

小程序——改变轮播图圆点样式

/*其实，正常情况下，没必要加.wrap,多余，但由于.dot要绝对定位到swiper上，而swiper中不能包裹其他的元素（除了swiper-item)，所以只好加个.wrap用来约束.dot*/.wrap
桃之夭夭、·2020-08-10 03:56

微信小程序字幕滚动

{{item.title}}/**index.wxss**/.swiper_container{background-color:red;height:50rpx;width:80vw;}.swiper_item
桃之夭夭、·2020-08-10 03:56

RecyclerView的下拉刷新，头部，尾部

我们看一下效果图：SwipeRefreshLayout实现很简单，重点是滑动到底部自动加载应该如何实现，其实其实现的方式类似于ListView的实现方式。
qwaszx-520·2020-08-10 03:21

微信小程序滚动Tab选项卡：左右可滑动切换

tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。说明：1
weixin_30772261·2020-08-10 02:45

SwipeRefreshLayout源码解析

SwipeRefreshLayout源码解析SwipeRefreshLayout源码解析SwipeRefreshLayout简介简单应用源码解析构造器onMeasure方法onLayout方法onDraw
swt369·2020-08-10 01:24

vue中使用vue-awesome-swiper注意事项

1关于vue中使用swiper,swiper不能滑动,loop循环效果失效等问题swiper不能滑动主要是因为初始化swiper的时候没有拿到数据所导致的,解决这个问题只需先拿到数据,然后再初始化swiper
麻烦让一让，我比较宽·2020-08-10 01:29

JavaScript判断浏览器内核和IE内核版本获取——踩坑记

因为swiper4.1.6对低版本的IE兼容性很差，所以需要做一个检测浏览器内核和内核版本的功能。
_Ifrit·2020-08-10 00:41

微信小程序 tab选项卡

效果图：.wxml车牌校验车主资料车辆信息支付111222333444.wxss.swiper-tab{/*width:100%;*/border-bottom:2rpxsolid#ccc;text-align
树洞菇凉·2020-08-09 23:31

swiper轮播图在vue中实现显示3张图片,一个完整的两边显示一半

这里是引用https://blog.csdn.net/weixin_44237806/article/details/100141698安装yarnaddswipervue-awesome-swiper
冷子夜·2020-08-09 23:39

android_如何巧妙在Listview滑动时将头部固定

ListView增加头部，并且该头部在随着ListView滑动时需要固定，下拉刷新采用的是android5的SwipeRefresh。
六号表哥·2020-08-09 22:45

蓝牙ble 搜索，连接

publicclassMainActivityextendsAppCompatActivityimplementsSwipeRefreshLayout.OnRefreshListener{privateHandlermHandler
liner666·2020-08-09 22:51

（基础知识随笔记录）小程序实现Tab切换内容swiper效果

最近学习小程序遇到了一个需求，就是要实现点击tab切换内容，或滑动屏幕切换内容，对于大牛们来说确实不值一提，不过我自己的话就有点艰难。好在我是半夜写的，头脑逻辑比较清醒，于是很快就做出来了，之前也在网上趴了帖子，不过实现的过程都比较复杂，于是自己做了个自我感觉还行的，如果有更加精简的方法请砸过来，嘿嘿。效果：废话不多说，上代码wxml:{{item.titleText}}{{item.titleT
Sanlings·2020-08-09 22:07

ByRecyclerView：只为改变BRVAH加载更多机制/addHeaderView的问题

它其中的功能有：自带下拉刷新或结合SwipeRefreshLayout、触底加载更多、添加/移除多个HeaderView/FooterView、状态布局StateView、点击/长按事件、万能分割线、优化过的极简
Jinbeen·2020-08-09 21:05

android中的下拉刷新

1.目前主要的下拉刷新大致分为三种实现方式：a.比较通用的,像官方SwipeRefreshLayout，github上也有很多种实现，属于在外层包裹。b。
最美下雨天·2020-08-09 21:54

Kinect 常用识别手势

◎SwipeRight–左手向右挥.◎SwipeUp/SwipeDown–左手或者右手向上/下挥◎Click–左手或右手在适当的位置停留至少2.5秒.◎Rig
htwzl·2020-08-09 21:39

微服务项目实战技术点汇总：“尚硅谷的谷粒在线教育”七、redis数据库缓存页面数据、使用NUXT框架搭建前台系统环境、前台系统页面、首页轮播图（banner数据显示）、首页热门课程，名师推荐

、NUXT前台环境搭建1、如何学习NUXT2、下载安装使用NUXT入门模板starter-template3、机制二、编写静态页面1、设置布局（首尾固定，中间用nuxt引用组件）2、首页轮播图1、安装swiper
殷丿grd_志鹏·2020-08-09 21:54

17-flutter导航栏渐变效果

MediaQuery.removePadding移除顶部的paddingimport'package:flutter/material.dart';//导入swiper组件import'package:
iOS_Apple·2020-08-09 20:41

微信小程序Tab切换,滑动切换

wxml：全部找人找车全部找人找车wxss：.swiper-tab{width:100%;display:flex;flex-flow:row;justify-content:space-between
坏人3·2020-08-09 20:09

微信小程序开发之选项卡tab(swiper)滑动切换功能实现

该功能实现依赖于微信小程序模板容器swiper，及其提供的属性方法；具体实现如下：上代码index.wxml-->精选订阅来吧-{{item}}来吧-{{item}}-{{item}}index.wxss
安海军·2020-08-09 19:41

微信小程序 Tab实现，可滑动、可点击

tab.wxml：全部中奖未中奖全部中奖未中奖tab.wxss：.swiper-tab{width:100%;border-bottom:2rpxsolid#ccc;text-align:center;
She_lock·2020-08-09 19:23

小程序实现Tab滑动切换

先上图录制软件问题导致滑动过程中侧边有白边，实际模拟器和手机测试正常因为在写项目的过程中需要写一个tab滑动切换的界面，微信小程序没有提供，所以就自己用swiper实现一个主要是使用了swiper内的current
Icesea_syh·2020-08-09 18:50

左右滑动

tab内容可左右滑动切换，使用swiper组件实现为了偷懒，所以数据都通过wx:for遍历重复出来。1、设置data-cur
桃之夭夭、·2020-08-09 18:31

Android Material Design控件

FloatingActionButton悬浮按钮SnackBar底部提示栏CoordinatorLayout一个加强版的FrameLayoutCardView卡片式布局,支持圆角和高度阴影AppBarLayout一个可以监听滚动事件的布局SwipeRefreshLay
YaoHHH·2020-08-09 16:53

Swiper3实现简易的大事记展示效果

项目设计图：项目实现效果：1、年份从左到右依次递增，默认显示最后一年2、每屏显示7个年份，点击左右按钮切换一个年份，点击年份也可随时切换实现过程：页面结构：2011XXX公司成立js实现swiper效果
木雷双雄7·2020-08-09 15:42

利用swiperjs实现导航与tab页的联动

这里主要实现了以下功能：1.点击导航栏切换tab2.tab页高度自适应不会影响布局3.导航栏的拖动4.tab页的滑动与导航栏联动代码如下：Document*{margin:0;padding:0;list-style:none;}html,body{width:100%;}.mains{width:350px;height:500px;background:skyblue;margin:0auto
前端小白·2020-08-09 15:13

uni-app开发微信小程序封装异步请求

不方便后续添加各种方法在uni-app项目中如需经常发起网络请求，可以为uni.request方法进行二次封装，使代码更加简洁，便于后期修改维护原无封装代码：onLoad(){//在页面加载时调用this.getSwipers
Trist丨·2020-08-09 15:41

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example becaus

使用vue-awesome-swiper时报的错1、[Intervention]Ignoredattempttocancelatouchmoveeventwithcancelable=false,forexamplebecausescrollingisinprogressandcannotbeinterrupted
czx_2019·2020-08-09 14:16

vue+h5仿微信网页版聊天室vueWebChat项目

基于Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发，实现了发送消息、表情(动图)，图片、视频预览，仿微信右键菜单、
weixin_34396103·2020-08-09 14:19

移动端开发HTML5（H5）采用SwiperJS单屏垂直滑动页面中，某页内容高度超出屏幕高度解决办法...

移动端开发HTML5（H5）采用SwiperJS单屏垂直滑动页面中，某页内容高度超出屏幕高度解决办法当产品给我原型的时候，我觉得这是一个普通的专题，为了赶时间（下班前给的设计稿，产品姐姐说，明早要上！）
weixin_34221073·2020-08-09 14:11

仿QQ左滑删除SwipeMenuRecyclerView

compile'com.yanzhenjie:recyclerview-swipe:1.1.4'https://github.com/yanzhenjie/SwipeRecyclerView1，setAdapter
vily_luky·2020-08-09 13:18

H5图片选取器

功能：图片选取，滑动预览，删除，异步上传（压缩）工具：Swiper插件代码：https://github.com/jackLeong/imagePicker图片压缩上传代码：functionsend()
LZF_夜风中·2020-08-09 13:02

vue图片左右滑动及手势缩放

引入vue-awesome-swiperimport'swiper/dist/css/swiper.css';import{swiper,swiperSlide}from'vue-awesome-swiper
ttn456456·2020-08-09 12:52

nuxt第三方插件（px2rem,mint-ui,swiper,video,百度统计）

安装px2rem首先下载flexible.js可加载阿里的cdn文件http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js将下载好的文件放到static也就是静态资源文件中1.安装：npminstall--savepostcss-px2rem2.在nuxt.cofig.js中在head上script:[  {sr
流浪的的鱼·2020-08-09 12:38

使用vue完成移动端轮播图：vue-awesome-swiper3.x 基本使用

一、说明vue-awesome-swiper是基于swiper的，安装不同版本的vue-awesome-swiper对应不同的swiper，所以swiper里面的属性多数能应用到vue-awesome-swiper
jiopp·2020-08-09 08:39

微信小程序轮播图Swiper

说明：在根目录下，新建一个文件夹，跟Pages平行，拖动4张图片到文件夹swiper有四个属性比较重要：indicator-dots：boolean类型，是否显示指示器autoplay：boolean类型
cf8833·2020-08-09 07:44

在swiper中使用长页面，以及嵌套多个swiper时滑动卡顿、无法滑动的问题。

前言一般而言，swiper的应用场景大多是两种：满屏切换的H5页面pc&移动端各种样式的轮播图但有的时候，面对奇怪的需求，我们需要改变，甚至让swiper实现一些无法实现的功能。
Elephant_H·2020-08-09 06:07

h5语音聊天audio实战|仿微信语音效果|h5即时聊天系统

依旧使用的是h5+css3+jquery+wcPop+swiper+weScroll等技术架构开发，新增了上拉刷新加载数据，右键长按菜单弹窗、仿微信语音效果(按住说话，上滑取消发送)及地图定位
weixin_34190136·2020-08-09 05:45

Flutter swiper在tab切换之后快速循环

我的swiper在首页，在BottomNavigationBar点击切换回来之后，首页的swiper就会快速的循环，然后过一会正常。很明显，要么是数据的问题，要么是swiper配置的问题。
yechaoa·2020-08-09 03:16

webview向上滚动与下拉刷新冲突（X5WebView）

使用swiperefreshLayout，webview（或者X5WebView）嵌套使用，webview下划滚动没有问题，但是上划滚动时，执行了swiperefreshLayout的刷新动作，这并不是我想要的效果
逗比小可爱·2020-08-09 03:47

仿淘宝APP--实现图片的显示，添加按钮并且监听事件，整个item被点击，更新listview列表

任务一：实现下拉刷新添加依赖库，恩忘了在哪添加，然后点击syncnow立即更新在布局文件中添加，上代码//这个下拉刷新只能有一个子控件3.在java文件中SwipeRefreshLayoutswipe_refresh_layout
小溜溜9·2020-08-09 02:19

【练习】小程序动态生成页面

1.数据放入data文件中的data.jsvarswiper_content=[{url:"/images/3.jpg",title1:"最好的华俱",title2:"副标语"},{url:"/images
YIYIYI1205·2020-08-09 01:33

微信小程序小技巧系列《一》幻灯片，tab导航切换

作者：gou-tian来自：github幻灯片使用微信小程序原生组件swiper实现。
weixin_34378045·2020-08-09 00:20

小程序幻灯片组件swiper使用。

幻灯片实现效果：小程序组件：swiper一、在当前页面的初始数据设置轮播图片数组：data:{banner:['../assets/images/banner1.jpg','..
天地无边·2020-08-08 22:28

微信小程序开发－模仿“优优老师”课程日历

关注公众号“码农帮派”，查看更多系列技术文章：模仿“优优老师APP”的课程日历实现的Demo，只显示和两个月的日期，会根据不同类型的日期类型显示不一样的样式，在wx-swiper组件中动态添加了datePad
百家晓东·2020-08-08 21:39

swiper滑到最后一页交互

varclient=$(document.body)[0].clientWidth;varswiper=newSwiper('.swiper-container',{pagination:'.swiper-pagination
slq_lly·2020-08-08 21:56

RxJava+Retrofit+okhttp+mvp+butterknife实现的简易开源项目

Retrofit+okhttp搭建的网络框架2.mvp设计模式3.butterknife注解方式查找控件，减少findViewById冗余代码4.Glide图片加载框架5.Recyclerview结合SwipeRefreshLayout
尽人事看天意·2020-08-08 21:18

Swiper 基本配置完成一个轮播图

因为swiper时常要用到，也是一个不错的图片滑动组件，我一般用它来做轮播，总结了一些基本的配置选项，供自己以后开发提供便利，代码如下：//轮播图varmySwiper=newSwiper('.swiper-container
@小傲哥哥·2020-08-08 20:52

vue+实现（移动端、PC端）滑动切换页面（swiper）

vue+Swiper实现页面滑动切换效果图如下：安装swiper4npminstallswiper2.vue中引入首先在main.js文件中引入swiper的css文件。
68rui·2020-08-08 20:02
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他