翻页效果

uni-app 手指左右滑动实现翻页效果

首先给页面添加touch事件然后定义一个合理区间进行判断,用户当前是上下滑动看书还是左右滑动变换章节.start(e){this.startData.clientX=e.changedTouches[0].clientX;this.startData.clientY=e.changedTouches[0].clientY;},end(e){//console.log(e)constsubX=e.c
weixin_30563319·2020-06-27 21:40

一步步实现Viewpager卡片翻页效果

源码地址：https://github.com/NateRobinson/CardStackViewpager这个CardStackViewpager的灵感来自Github上面的FlippableStackView开源项目，而我想实现的效果方向上恰好与FlippableStackView相反，并且细节上也有些区别，详见下面的效果对比图：FlippableStackView运行效果图：CardSta
叔叔有糖吃·2020-06-27 02:55

iOS实现翻页效果动画

项目里面有一个接受消息然后将消息内容以翻页的形式展现给用户,返回的数据就是简单的文字没有图片,所以我就简单的用了textView接收然后在view上设置了翻页效果的切换动画,这个翻页切换也比较简单,就是用了一下系统的动画
劉光軍_Shine·2020-06-26 00:18

用于展示附件（文档或者图片）的控件

控件会需要一个左右翻页效果的两个按钮,当图片数量超过4时可以左右翻页，下载类、预览类分开处理。AttachComponent.tsxinterfaceIProps{
HeiYanjing·2020-06-24 18:04

小程序自定义tabbar方法及问题

最近在看教程做一个树洞类小程序，教程中是采用将底部tabbar写成一个组件然后每个页面引用的方法，这在小程序上无法消除翻页效果，用户体验极度不友好。
PaulXerxes·2020-06-24 12:34

iPhone ebook 中翻页效果（牛人）的实现

TomBrow，此牛人模仿iBook的翻页效果，并共享了代码。人家说自己是freelance，好吧我很羡慕，我也想free，不过估计后果很严重。
史前文物·2020-06-24 10:28

Vue项目中使用swiper在移动端制作轮播图

写在前面在移动端我们经常看到图片轮播图，或者很多图标组成的翻页效果（效果图在下面）。本次我们使用swiper来制作一个移动端的轮播图。
Yuhoo·2020-06-23 12:20

三个屏保软件

配置项比较全效果比较满意:2.FlipClock配置项比较少,有分页的效果,但是不会显示分隔符,看起来有点怪3.Fliqlo以前在windows下常用的一个,看起来也不错.可以配置12/24小时制,而且可以调大小有翻页效果
amy841221·2020-06-22 14:34

教你仿写 Flipboard 的翻页效果

鉴于前段时间在学习扔物线大大HenCoder的自定义View系列文章，看到其中给出了一些可供仿写的酷界面，打算尝试仿写其中的Flipboard红板报的翻页效果（加强版）动画效果如下：效果分析核心：图片本身不旋转
whd_Alive·2020-06-21 23:11

使用原生JS实现滚轮翻页效果的示例代码

一、滚轮事件当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时，就会触发mousewheel事件，这个事件就是实现全屏切换效果需要用到的。在IE6,IE7,IE8,Opera10+,Safari5+中，都提供了“mousewheel”事件，而Firefox3.5+中提供了一个等同的事件：”DOMMouseScroll”。与mousewheel事件对应的event对象中我们还会用到另一个特殊属性—
·2020-05-31 14:41

react native 抖音视频列表页

实现效果需要实现的效果主要有两个，一个是上下翻页效果，还有就是点赞的动画。效果（好像不支持webp格式图片只能将就一下）列表页上下翻页实现播放视频使用react-native-video库。
jon_ly·2020-05-25 19:49

翻页效果

小时候看电子书，很多电子书APP都有仿真的翻页效果，那时候觉得很新奇，奈何姿势水平不够，看不破其中的奥秘，有些当时想不明白的事情，等一段时间，自然而然就明白了。
落单的毛毛虫·2020-05-04 01:37

unity scrollRect实现按页码翻页效果

本文实例为大家分享了unity实现按页码翻页效果的具体代码，供大家参考，具体内容如下用来做背包商店的按页翻页功能，先上效果图其中，dragNum表示的是如果为3，便是滑动距离超过当前页面宽度的百分之三十位成功
liu_sanad·2020-04-18 08:38

Unity UGUI实现滑动翻页效果

这个问题真的是老生常谈的事情了，不过在这里还是要说一下，以便以后之需首先看一下效果图最后在Content下面是一些ImageusingUnityEngine;usingSystem.Collections;usingUnityEngine.UI;usingSystem.Collections.Generic;usingUnityEngine.EventSystems;usingSystem;pub
同灯花城·2020-04-17 10:17

Transition Animation

1、TransitionFromViewController这种方法适合在childViewController之间切换//翻页效果//UIViewAnimationOptionTransitionCurlUp
wpf_register·2020-04-14 17:45

微博爬虫：爬取微博正文、关注人

由于网页版的微博存在滚动刷新的特性，使用传统的获取html再解析的方法不再可行，而移动版的微博每页微博条数是固定的，不存在网页版滚动刷新的现象，而且URL设计更加简单，通过修改URL重复模拟登录即可实现翻页效果
yandaxin·2020-04-12 10:32

我心目中的电子书阅读器

字体，翻页效果，电子使用电子墨水显示屏也在模拟实体书，和实体书一样一定要有灯光才能读。我觉得现在电子书阅读器的设计、制作方向有问题，其实不应该这么
whatcanhumando·2020-04-10 06:23

UIPageViewController的用法

在地铁上看到看小说的翻页效果，研究了一下，发现苹果自带翻页神器UIPageViewControllerUIPageViewController一些常用的属性：首页展示的页面的个数typedefNS_ENUM
Maggie的小蜗居·2020-04-08 12:26

UIPageViewController电子书翻页效果

横向.gif纵向.gif上面的效果主要是用到了UIPageViewController，http://www.jianshu.com/p/a676899d9b70这篇文章讲的挺细的，对于中间的图片嵌入效果想了解的可以查看我以前写的内容http://www.jianshu.com/p/a75c1a07cd51/*UIPageViewController为我们提供了2种翻页样式，一种是拟真，一种是滚动
且行且珍惜_iOS·2020-04-05 16:06

Autolayout浅析

那么问题来了，做过翻页效果的小伙伴都知道，自定义一个控件来实现，通过xib来实现，那么那个最开始的那个UIView的尺寸，我们要关心嘛?Size是infe
Z了个L·2020-04-02 01:36

UIPageViewController学习

UIPageViewController可用于管理多个平行关系的viewCOntroller，提供页面滑动和很炫的翻页效果，可用于引导页切换。
linatan·2020-04-01 20:45

干货满满！一分钟创建专属你的H5

接下来跟着手写君学习如何添加页面和翻页效果，一分钟便可以做出一个简单的H5了。1.首先点击首页面的创建作品，进入编辑页面。
纸影·2020-03-29 00:22

模仿我的淘宝双波浪线和翻页效果

淘宝我的界面波浪线先看图片模仿淘宝.gifdemo没进行封装，内容的实现主要使用了CADisplayLink定时器，UIBezierPath结合CAShaperLayer实现的双波浪效果，用了Model转场动画实现的下拉跳转界面整体来说不是太难难的地方在于用UIBezierPath绘制下面的弧形时需要手动计算弧形的坐标。实现方法：一、首先要知道下面这个公式：y=Asin(wx+Q)+S;55969
传龙·2020-03-27 22:27

css3+js翻页效果二：颗粒翻页

css样式：*{margin:0;padding:0}#box{width:700px;height:400px;background:#ccc;position:relative;margin:100pxauto;}#boxspan{width:100px;height:100px;position:absolute;transition:1sallease;transform-style:pr
youfrweb·2020-03-25 05:21

对sunnyxibei关于Flipboard 红板报的翻页效果的解读

intbitmapWidth=bitmap.getWidth();intbitmapHeight=bitmap.getHeight();intcenterX=getWidth()/2;intcenterY=getHeight()/2;intx=centerX-bitmapWidth/2;inty=centerY-bitmapHeight/2;//画变换的一半//先旋转，再裁切，再使用camera执
CoderLengary·2020-03-21 18:19

iOS上类似驾考宝典覆盖翻页的控件SZPageController

SZPageController是仿UITableView接口所实现的类似于驾考宝典覆盖翻页，小说阅读器覆盖翻页效果的一个控件，支持cocoapods导入，接口简单易用。
蹦擦擦我勒个去·2020-03-21 13:16

UIPageViewController使用 分享笔记

前言由于公司要开发一款小说类阅读APP，其中体验上非常重要的一点便是翻页效果。为了实现翻页效果，我查询了很多资料后选择使用了UIPageViewController。
巫师学徒·2020-03-20 08:59

PageComponent练习

PageComponent为定义创建一个内容页层，可以快速、方便的进行页面创建，且自动支持滑动翻页效果。
Jared_Sun·2020-03-19 06:46

使用infinite-scroll实现Ghost博文列表的滚动加载

下面详述如何通过InfiniteScroll来改造Ghost博文列表的翻页效果。
程序猿DD·2020-03-15 04:02

给教师推荐一款讲课神器--百度袋鼠

有没有更好的办法，可以不用带翻页器实现翻页效果？有，用百度袋鼠，用百度袋鼠实现让手机当翻页器，手机一般不容易忘记。
温大阿钱·2020-03-11 23:30

开发需求概览

7月底-8月初电脑版做账报税界面，优先做报税界面，以山西省为基础模板进行功能完善-[y]记账凭证答案，明细账答案，科目汇总表答案，总账答案需要做成书本翻页效果-[n]新增课时进行new提示，仅针对于新课时
叫我vitamin·2020-03-07 05:42

Android自定义View——从零开始实现书籍翻页效果（性能优化篇）

系列教程：Android开发之从零开始系列源码：github.com/AnliaLee/BookPage，欢迎star大家要是看到有错误的地方或者有啥好的建议，欢迎留言评论前言：前几期博客中我们分析了书籍翻页效果各部分的绘制原理
Anlia·2020-03-02 10:25

scrollview翻页效果页码宽度修改

的宽度是小于屏幕宽度的自定义设置的值；2.蓝色的圆是添加在scrollview里面，两个边缘上的一部分圆是超出父视图scrollView的，现在显示出来的3.超出了scrollview的子视图是可以滑动的，可以响应点击的4.翻页效果是以一个
Sweet丶·2020-02-25 00:37

用RecyclerView的LayoutManager实现grid整页翻页效果

项目中有这么一个需求，收银机的支付方式选择页：不足一页.png超过一页-第一页.png超过1页-下一页.png需求具体分析：每页最多有12种支付方式。1、支付方式不满1页，就将所有支付展示在第一页。2、支付方式超过12个，就将第一页右下角的位置变为翻页按钮，将第二页的左下角位置添加一个上一页按钮。超过两页以此类推。代码实现：布局很简单：外层是一个RecyclerView，item同样是一个Recy
HarveyLegend·2020-02-22 05:14

Android自定义View——从零开始实现书籍翻页效果（四）

系列教程：Android开发之从零开始系列源码：github.com/AnliaLee/BookPage，欢迎star大家要是看到有错误的地方或者有啥好的建议，欢迎留言评论前言：本期是从零开始实现书籍翻页效果原理篇的最后一期
Anlia·2020-02-16 12:39

贝塞尔风暴 － 超炫GABottleLoading效果

谈到贝塞尔曲线，很多人会觉得高逼格、复杂、头疼，实则不然，贝塞尔曲线经过android封装，已经显得娇俏可爱，简单好用，之前一些红极一时的效果也均是由其打造，比如QQ的“一键退潮”效果、电子书曲面翻页效果
GAStudio·2020-02-09 18:52

css3+js翻页效果三：书本翻页

css样式是酱紫的：*{margin:0;padding:0}body,html{/*防止抖动*/overflow:hidden;}#box{width:700px;height:400px;background:url("img/0.jpg")no-repeat;margin:100pxauto;position:relative;}#box.page{/*在box的右半部分*/width:50
youfrweb·2020-01-05 07:26

Android自定义View——从零开始实现书籍翻页效果（一）

Android开发之从零开始系列源码：github.com/AnliaLee/BookPage，欢迎star大家要是看到有错误的地方或者有啥好的建议，欢迎留言评论前言：本篇是系列博客的第三篇，这次我们要研究书籍翻页效果
Anlia·2020-01-02 07:46

PageTransformer 源码解析

一直觉得ViewPager是个好东西，偶然间看到一些很好的案例，很酷炫的翻页效果。直到了解了这个东西的实现原来没有想象中的那么复杂，但如果没有深刻理解，还是很难写出酷炫的效果的。
为战而生C·2019-12-31 22:48

电子翻书是什么有什么作用，尚品美视电子翻书详介绍

桌面上有一本翻开的虚拟图书，当观众伸手做出翻书的动作时，会惊喜地发现这本虚拟图书竟然真的可以翻页，展示栩栩如生的动态翻页效果并伴有音效。观众在惊叹神奇的虚拟技术的同时，也势必会对图书的内容产生兴趣。
sy蝴蝶鱼·2019-12-30 08:25

iCarousel使用(类似喵街首页翻页和IOS9任务切换动画的效果)

这个是我几个月前写的一个类似喵街首页的一个翻页效果，是用iCarousel来实现的（本文先只针对iCarousel的一个简单的使用，后续有机会我在和大家比较详细的分析下iCarousel的实现细节）iCarousel
shakeme·2019-12-30 03:52

css3+jq翻页效果二：颗粒翻页

将js改成了jq，请多指教!!!!css样式：*{margin:0;padding:0}#box{width:700px;height:400px;background:#ccc;position:relative;margin:100pxauto;}#boxspan{width:100px;height:100px;position:absolute;transition:1sallease;t
youfrweb·2019-12-30 01:23

OC-仿抖音下拉刷新

话不多说，先上DEMO记得star哦效果图既然是仿抖音效果，那首先就是要分析这个效果的实现思路，根据观察，实现思路大致如下（如果你有什么更好的方案也不妨告诉我哦，交流使人进步）：1、上拉时页面有翻页效果
乔兰伊雪·2019-12-29 23:14

Android动画之翻页

以下内容来自AndroidTraining，本人在此基础上作一些个人实践和记录，以便参考翻页效果如下：card_flipbykeith使用场景一般页面的切换，或者View的切换实现步骤创建Animators
keith666·2019-12-28 12:23

css3+js翻页效果一：爆炸翻页

这是一个系列，代码大同小异，第一个做一个详细的说明：思路是在div里面铺一层span，span是100*100像素的，详解如图：rc.png以下是css样式代码：*{margin:0;padding:0;}html,body{/*防止页面抖动*/overflow:hidden;}#box{width:700px;height:400px;background:#ccc;position:relat
youfrweb·2019-12-26 23:36

用CSS创建翻转动画

CSS动画是非常有意思的，用一些简单的属性就可以创建出来，从优雅的淡入到更加惊艳的效果都可以，翻页效果就是其中之一，它通过在容器的正面跟反面包含不同的内容来加以实现。
cxuan·2019-12-26 02:08

UIScrollView引导页翻页效果

利用UIScrollView制作一个类似于Appstroe中应用介绍详情里面点击图片放大的引导页，直接上代码效果图如下ViewController.h@interfaceViewController:UIViewController//滚动视图对象@property(retain,nonatomic)UIScrollView*scrollView;//视图中小圆点，对应视图的页码@property
睡一个号角·2019-12-25 23:28

自定义View实战篇（二）实现小说翻页二 基本原理

本文实现小说翻页的基本原理自定义View实战篇（二）实现小说翻页二实现翻页动画、阴影、内容一、简介首先感谢hmg25的Android实现书籍翻页效果----原理篇，本文参考其实现，旨在巩固这方面的知识，
Active_Loser·2019-12-25 09:24

iOS新特性页面(普通和翻页效果)

快速集成翻页效果的新特性页面##用UIPageViewController来实现，具体效果可看下图先简单介绍一下UIPageViewController##1.首先创建UIPageViewContr
爃少·2019-12-24 20:46

iOS自定义转场动画

支持手势pop神奇效果.gifDEMOTWO：一个弹性的present动画，支持手势present和dismiss弹性present.gifDEMOTHREE：一个翻页push效果，支持手势PUSH和POP翻页效果
petry·2019-12-22 18:01
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他