滑动效果

一些总结

项目用到的库okhttp目前最流行的Http请求库crashlyticsbug收集工具ViewPagerIndicator很老的一个库，但是很实用，用于实现ViewPager各种滑动效果学习资源TheBusyCoder'sGuidetoAndroidDevelopment
寒冬_腊月·2021-06-18 23:47

点击滑过放大效果技巧

先来看个案例效果默认不动看滑动后效果滑动后效果滑动前和滑动后明显的图片的可视大小改变思路分析：1、图像嵌套在盒子里，设置图像和盒子等大2、给盒子添加滑动效果div:hover{}3、滑过是，图片放大transform
你敢动吗·2021-06-16 10:42

Flutter 利用CustomScrollView实现滑动效果

我们在之前的文章中//www.jb51.net/article/213709.htm使用了ListView将几个GridView组合在一起实现滑动效果，今天利用CustomScrollView改造一下代码
·2021-06-15 11:07

vue中使用better-scroll实现滑动效果

一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll":"^1.15.1"版本以github上为准（目前最新）2.cpnminstall在node_modules可以查看版本是否安装3.直接在你的组件里面写入importBScrollfrom'better-scroll';1.滚动效果better-scroll在使用的时候需要在dom
为光pig·2021-06-15 10:08

JYTabLayout

使用TabLayout实现类似网易选项卡的动态滑动效果先上UI图(无图说个XX啊)AndroidUIJYTabLayout-3配置build.gradle:dependencies{...compile'com.android.support
一只攻城狮·2021-06-15 04:01

AppbarLayout+双导航嵌套滑动效果

前言现在很多的app都带有双导航，然后内层Fragment中有ViewPager+RecyclerView嵌套，关键是还伴有导航栏顶部滑动可见与隐藏功能。那么今天就来详细讲讲它的实现吧。今天讲解的知识会涉及到AppBarLayout+NestedScrollView+ViewPager+RecyclerView的联合使用。大家若对AppBarLayout及其相关控件感兴趣的话，可以参考我另一篇文章
奔跑的佩恩·2021-06-12 01:21

动态改变viewpage高度,类似小红书、蘑菇街图片viewpage滑动，图片高度随之变化

已小红书、蘑菇街商品图片滑动效果一致。做起来很简单，实际上只需要监听OnPageChangeListener，onPageScrolled的时候设置所需高度即可。
林大林qc·2021-06-11 11:17

PS的简单应用（不定期更新）

先随便找一个黑板的素材，放入画布中-然后输入需要的文字-下一步在文字上方新建一个空白图层，用选取工具绘制一个刚好能盖住文字的选区，并填充为白色-然后在“滤镜”-“杂色”-“添加杂色”，设置参数后点击确定-然后制造粉笔的滑动效果
一直在努力的lyh·2021-06-09 21:39

Flutter CustomScrollView 自定义滑动效果

新建项目-8.pngCustomScrollView构造函数constCustomScrollView({Keykey,AxisscrollDirection=Axis.vertical,//滑动的方向boolreverse=false,//控制CustomScrollView里列表项的排列顺序ScrollControllercontroller,//可以控制CustomScrollView滚动的
态度哥·2021-06-09 06:31

聊聊滑动嵌套的那些bug

SmartRefreshLayout中的效果以上效果是app中很常见的一个滑动效果，我们可以用ListView，RecycleView，自定义ViewGroup添加头部布局，中间布局和底部布局。
Master_文·2021-06-08 16:19

iOS股票表格或课程表

JJStockView模仿股票表格和课程表，左右滑动时，标题部分不动，表头和右边内容一起滑动，上下滑动时，表头不动，所有内容一起上下滑动效果如下demogif实现原理顶部不变的头部用heightForHeaderInSection
jezz·2021-06-08 12:03

android 滑动效果学习

前言我们在listview或者recycleview当中的某个item向左滑动时，可以显示出删除的按钮，这种交互方式使用的非常多，今天就来学习一下它的实现原理。Scroller的使用首先我们需要知道view当中的2个与scroll相关的方法：scrollTo(x,y),scrollBy(x,y),这个两个方法的区别就是，to是相对的是view的原始坐标，而by是相对view的当前坐标。scroll
JeremyDai·2021-06-07 22:08

手把手教你超可爱的导航栏，学姐直呼顺滑！

这样的滑动效果相信你一定有想过吧！
小丞同学·2021-05-27 09:33

recycleview实现拼多多首页水平滑动效果

本文实例为大家分享了recycleview实现拼多多首页水平滑动效果的具体代码，供大家参考，具体内容如下1.说明本例子模仿拼多多首页的水平菜单，原本计划用viewpager实现，但是太麻烦，不合适，尝试用
·2021-05-26 13:47

vue实现左右滑动效果实例代码

前言个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行!vue.js是现在流行的js框架之一,vue是一套用于构建用户界面的渐进式javascript框架，与其它大型框架不同的是：vue被设计为可以自底向上逐层应用。vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，另外一个方面,当vue与现代化的工具链以及各种支持类库结合使用时
·2021-05-23 12:05

固定悬浮层不触发底下页面滑动效果

原理是当浮动层打开时，禁止滑动触摸的默认事件，然后在浮动层内时，用js代码变动scrollTop来模拟滑动效果。好，入正题！OK，firstthingsfirst！
kerush·2021-05-21 05:45

Scroller实现过渡滑动效果

1.Scroller的实现scrollTo/scrollBy方法进行滑动时，这个过程是瞬间完成的。我们可以使用Scroller实现有过渡效果的滑动，不是瞬间完成的，而是在一定的时间间隔内完成的。Scroller本身是不能实现View的滑动的，它需要与View的computeScroll方法配合才能实现弹性滑动的效果。在这里我们实现CustomView平滑地向右移动，首先我们需要初始化Scrolle
付凯强·2021-05-16 19:04

iOS用GKPageScrollView实现微博发现页滑动效果

前言近期发现微博的发现页有这样一个功能，页面整体可以下拉刷新，当中间的标签上滑到顶部导航栏位置后，标签栏固定不动，下方列表页可以下拉刷新，上拉加载，导航栏左边出现返回按钮，当点击返回按钮后，页面回到初始位置。于是我用我写的一个库GKPageScrollView实现了相应的效果，先来看下效果图：仿微博发现页实现1、首先创建GKPageScrollView-(GKPageScrollView*)pag
写代码的老菜鸟·2021-05-13 19:24

双向滑动悬停 无需嵌套，完胜 ScrollView&ViewPager。

程序员的丰碑介绍PageScrollView是一个继承于ViewGroup的自定义容器类，如其名它支持ScrollView和ViewPager两种滑动效果。
rexyren·2021-05-13 15:22

关于BottomSheetBehavior、BottomSheetDialog和SwipeDismissBehavior

2017-01-13遇到的一点小问题之前用到Behavior只是按网上看到的方式来做个简单点的滑动隐藏显示顶部View，CoordinatorLayout与AppBarLayout配合使用的滑动效果这个提过了
苍蝇的梦·2021-05-12 12:30

支付宝首页刷新滑动效果

实现效果图实现原理实现支付宝首页刷新滑动效果用一个tableView。
Dolphii·2021-05-11 17:49

vue中使用better-scroll实现滑动效果

一、首先需要在项目中引入better-scroll1.在package.json直接写入"better-scroll":"^1.11.1"版本以github上为准（目前最新）2.cpnminstall在node_modules可以查看版本是否安装3.直接在你的组件里面写入importBScrollfrom'better-scroll';二、better-scroll优点1.体验像原生：滚动非常流畅
廊桥梦醉·2021-05-07 13:27

Indicatorview--轮播图指示器

Android封装--IndicatorView--轮播图指示器作者:使用场景大多数App里都会有Banner轮播的效果，Android中实现此类功能一般是ViewPager配合Indicator指示器，实现滑动效果
极简coder·2021-05-03 06:44

12.3滑动菜单 （DrawerLayout）

滑动菜单可以说是MaterialDesgin中最常见的效果之一了，在许多著名的应用中，都有滑动菜单的功能，虽然这个功能看上去好像挺复杂的，不过借助谷歌提供的各种工具，我们可以很轻松地实现炫酷的滑动效果，
YMJandroid·2021-05-01 03:33

NestedScrolling解析

NestedScrolling（嵌套滑动机制）是Google在Android5.0版本之后提供的一种新的滑动特性，是一种嵌套view之间嵌套滑动的互动机制，更方便于实现复杂的嵌套滑动效果。
Dlo17·2021-04-30 22:59

UITableView的嵌套+左右侧滑选项卡的头部悬停

如下：滑动效果.gif分析过程：1.看到可以上下滑动，并带有头view，立马想到是最外层是UITableView2.三个按钮的选项卡可以悬停到头部，立马想到是sectionHeader，tableview
请叫我魔法师·2021-04-27 08:02

解决PreferenceFragment和v4.Fragment不兼容问题与java.lang.VerifyError

一般项目上做一个viewpage和fragment的滑动效果时,会使用v4的fragment和FragmentPagerAdapter.但是在做设置界面的时候又会用到PreferenceFragment
lisx_·2021-04-27 07:15

iOS简单自定义滑动视图（UIScrollView）

其实原理大家都知道的，以三张图片为例，就是把第一张放在第三张的后面，这样就有四个，已形成无限循环滑动，下面看效果图：滑动效果图1、使用之前也见过网上的一些demo，这里只是自
HenryCheng·2021-04-27 04:41

仿网易云音乐歌单界面 Header滑动效果

这是我的第一篇博客，做Android开发2年多以来，曾经也有过写一些技术博客的想法，但因为有时候因为懒，有时候工作忙加班多而力不从心，所以迟迟没有开始写自己的博客。最近正好工作不忙，想写一些博客，记录一下项目中用到的知识点或者自己空余时间学习的一些学习笔记，一来是对自己平时工作的一个总结，二来做一个纪录，以后碰到类似的问题也可以翻一下笔记，避免踩相同的坑。好了，闲话到此，一下是今天的正文。一直以来
依然范特稀西·2021-04-26 11:20

iOS直播界面的上下左右滑动效果

我们看现在主流的直播平台都有左右滑动去掉直播信息，上下滑动切换频道的功能:粉色界面代表直播信息界面，就是观众、礼物、弹幕的界面。下面的图片代表直播的播放界面，用切换图片代表频道的切换。slidLivingPage.gif在这我写了一个小的Demo来说明是怎么实现这个功能的：首先说一下思路看到这个界面的第一反应这不就是一个ScrollView吗？但仔细把玩一下，ScrollView不好实现这个效果。
IOSMan·2021-04-25 08:46

CalendarView

Animation.gifgithub地址：https://github.com/tianstardust/CalendarView/tree/dev设计思路：1.因为要上下滑动，推荐使用Viewpager2，为了追求滑动效果
落笔无锋·2021-04-13 13:44

Android实现View滑动效果的6种方法

本文实例为大家分享了Android实现View滑动效果的具体代码，供大家参考，具体内容如下一、View的滑动简介View的滑动是Android实现自定义控件的基础，同时在开发中我们也难免会遇到View的滑动的处理
·2021-03-31 15:04

CSS文字交错滑动效果-001

项目展示技术难点：引用MDN解释：content:attr(data-text);是CSS中引用的HTML元素的属性名称。实例：HTMLpdata-foo="hello">worldCSS[data-foo]::before{content:attr(data-foo)"";}输出//helloworld初始样式：基本每个人都会（忽略）第一步：通过CSS3的transform属性移动文字，样式如下
·2021-03-30 11:24

RecyclerView卡片(探探，翻译君等)效果全指南

项目功能：解决滑动与点击事件冲突增加硬件加速支持滑动方向控制滑出方向控制滑出时间控制滑出阈值循环卡片卡片堆叠方式卡片数量增加手动滑动效果图如下所示，也可以直接下载跟根目录下的app-debug.apk查看
Charles_linnnx·2021-03-10 12:12

Flutter 实现类似美团外卖店铺页面滑动效果

首先，我们看看目标和实现效果美团外卖店铺.gif实现效果.gif我这边是把放活动的地方放在了TabBar上方。至于为什么，哈哈，我怕麻烦，因为美团外卖的放活动的组件和下方商品的组件一并点菜、评价、商家页面的切换而消失，但是这玩意儿又随商品页面的上滑而消失，算上主滑动组件，我们得做让从商品列表组件上的滑动穿透两级，实在是麻烦。所以我便把活动的组件放在了TabBar上方。然后我们来分析一下页面结构美团
CyJay·2021-02-20 11:29

jQuery的滑动效果（slideDown()，slideUp（），slideToggle()）的应用方法

鼠标移入时内容向下滑出，鼠标移开时内容向上滑动隐藏的三种方法slideDown()：向下滑出直到全部显现；slideUp（）：向上滑走直到消失；slideToggle()：向下和向上滑动两个动作切换。ul,li{margin:0;padding:0;color:#7B68EE;}li{list-style:none;}.title{float:left;width:100px;}.titleTxt
Half_Sweet·2021-02-07 17:00

Android实现一个比相册更高大上的左右滑动特效（附源码）

在Android里面，想要实现一个类似相册的左右滑动效果，我们除了可以用Gallery、HorizontalScrollView、ViewPager等控件，还可以用一个叫做ViewFlipper的类来代替实现
·2021-02-04 11:47

三种滑动方式的比较(scrollTo & view动画 & 改变布局参数)

先看scrollTo/scrollBy这种方式，它可以比较方便地实现滑动效果并且不影响内部元素地单击事件。但是它地缺点也是很显然地：它只能滑动View的内容，并不能滑动View本身。
weixin_42145792·2021-01-04 11:31

【前端网页特效】纯css3+html实现鼠标悬浮滑动效果

效果图：空闲下写的，给刚学网页css+html的新入门者的一个小案例，代码很简单~大佬略过html布局：图文列表热门新品更多>华为手表开始进入华为手表点击进入华为手机点击进入华为荣耀点击进入华为Pro30点击进入华为mate点击进入华为精品点击进入华为nova3点击进入css样式：*{margin:0;padding:0;}body{font-family:"微软雅黑";background-co
李猫er·2021-01-03 13:15

抖音只能上下滑动吗_实现仿抖音视频滑动的两个方案

具体的滑动效果，可以直接参考抖音……开源地址：
睡棉絮的人·2021-01-01 14:31

js实现移动端轮播图滑动切换

本文实例为大家分享了js实现移动端轮播图滑动切换的具体代码，供大家参考，具体内容如下移动端手势轮播图分析1、自动轮播且无缝[定时器、过渡动画]2、分页器要随着图片的轮播而改变[根据索引切换]3、滑动效果
·2020-12-21 11:56

使用HTML与CSS制作一个简易的华为商城页面和注册页面

网页制作之下划线动画话不多说直接上效果图吧商城网页导航栏部分是有下划线滑动效果的本网页的核心就在于此代码都放在下面了
汉秦·2020-12-19 12:51

滑动手风琴的制作（只涉及HTML+css）

滑动手风琴展示图标可以通过阿里巴巴矢量图标库寻找，也可以通过链接bootcdn中的图标库，如下图BootCDN在中进行链接链接本次学习的重点内容为以下几点：1.制作出滑动效果，运用的是transition
上学威龙_1a24·2020-12-08 23:34

css3页面鼠标纵向滑动效果

css3纵向滚屏翻页，支持键盘，鼠标操作，写得好累，但还是不够完善，来自蓝靖宇宁body{color:#222;-webkit-text-size-adjust:none;}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,ifr
哈0·2020-12-05 18:30

Flutter自定义switch风格按键

先看效果，按键样式:icon1.png点击和滑动效果：2020-11-1612.15.53.gif使用方式SwitchButton(width:120,//宽度height:44,//高度controller
Luy7788·2020-11-28 02:17

Qt自绘实现苹果按钮滑动效果的示例代码

用到的类：QTimer，QPaintEvent，QPainter，QRectF首先，重写绘制事件，需要在头文件加入QPaintEvent头文件，并定义几个变量。boolison=false;floatcurrentValue;floatwidthSize,heightSize;然后加入如下代码：思路就是鼠标点击，触发paintEvent函数voidMainWindow::mousePressEve
·2020-11-19 11:23

Qt自绘实现苹果按钮滑动效果

我的投票地址：点击为我投票用到的类：QTimer，QPaintEvent，QPainter，QRectF首先，重写绘制事件，需要在头文件加入QPaintEvent头文件，并定义几个变量。boolison=false;floatcurrentValue;floatwidthSize,heightSize;然后加入如下代码：思路就是鼠标点击，触发paintEvent函数voidMainWindow::
花狗Fdog_·2020-10-24 16:44

Android实现滑动效果

本文实例为大家分享了Android实现滑动效果的具体代码，供大家参考，具体内容如下坐标系与视图坐标系相辅相成1、坐标系：描述了View在屏幕中的位置关系（以屏幕最左上角的顶点作为Android坐标系的原点
·2020-09-24 14:44

[Unity实践笔记] 整页翻、防误触的ScrollView

Unity自带UI组件ScrollView可以创建一个滑动区域，制作一些横屏和竖屏的滑动效果非常方便。
AZeGurio·2020-09-22 17:36

实现tab标签下选中条滑动效果-react组件

这个是模仿antdesign的Tabs控件，当切换tab时，下面的蓝色条滑过的效果。点击查看效果我只是封装了tab的头部标签，并没有包含内容部分。我的最终结果image相关技术transformtransitiontransformtransform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。通过看antdesign的代码，他使用的是transla
Leson17·2020-09-21 17:52
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他