scroller | 易学教程

Vue 下拉刷新及无限加载组件

阅读更多关于 Vue 下拉刷新及无限加载组件

原文 https://github.com/wangdahoo/vue-scroller 主题 Vue.js Vue Scroller Vue Scroller is a foundational component ofVonic UI. In purpose of smooth scrolling, pull to refresh and infinite loading. Demo Change Logs v0.3.9 add getPosition method for scroller instance. v0.3.8 fix bug v0.3.7 publish bower version v0.3.6 support mouse events v0.3.4 change required property 'delegate-id' to non-required. v0.3.3 support multi scrollers in one page. How To Use Step 1: create vue project and install vue-scroller via npm. (we use vue webpack-simple template here) $ vue init webpack-simple#1.0 my-project $ cd

Android Scroller

阅读更多关于 Android Scroller

Android Scroller实现View弹性滑动完全解析(****************) http://www.jianshu.com/p/9419262a342a# Android Scroller简单用法 http://ipjmc.iteye.com/blog/1615828 Android Scroller完全解析，关于Scroller你所需知道的一切 http://blog.csdn.net/guolin_blog/article/details/48719871 Android Scroller大揭秘 http://blog.csdn.net/shakespeare001/article/details/51588657 Android应用开发Scroller详解及源码浅析 http://blog.csdn.net/yanbober/article/details/49904715 来源： oschina 链接： https://my.oschina.net/u/133016/blog/698068

源码解析---Scroller完全解析

阅读更多关于源码解析---Scroller完全解析

Scroller完全解析 1.概述 Scroller是一个专门用于处理滚动效果的工具类，可能在大多数情况下，我们直接使用Scroller的场景并不多，但是很多大家所熟知的控件在内部都是使用Scroller来实现的，如ViewPager、ListView等。而如果能够把Scroller的用法熟练掌握的话，我们自己也可以轻松实现出类似于ViewPager这样的功能。那么首先新建一个ScrollerTest项目，今天就让我们通过例子来学习一下吧。先撇开Scroller类不谈，其实任何一个控件都是可以滚动的，因为在View类当中有scrollTo()和scrollBy()这两个方法，如下图所示：这两个方法都是用于对View进行滚动的，那么它们之间有什么区别呢？简单点讲，scrollBy()方法是让View相对于当前的位置滚动某段距离，而scrollTo()方法则是让View相对于初始的位置滚动某段距离。这样讲大家理解起来可能有点费劲，我们来通过例子实验一下就知道了。修改activity_main.xml中的布局文件，代码如下所示： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=

Android 坐标系和 MotionEvent 分析、滑动

阅读更多关于 Android 坐标系和 MotionEvent 分析、滑动

1.Android坐标系在Android中，屏幕最左上角的顶点作为Android坐标系的原点，这个点向左是X轴正方向，这个点向下是Y轴正方向。系统提供了getLocationOnScreen(int location[])这样的方法来获得Android坐标系中中点的位置（即该图的左上角在Android坐标系中的坐标）。另外，触控事件中使用 getRawX() 、getRawY()方法所获得的坐标同样是Android坐标系中的坐标。 2.视图坐标系 Android除了上面说的坐标系之外，还有一个视图坐标系，它描述了子视图在父视图中的位置关系。这两种坐标系并不矛盾也不复杂，他们的作用是相辅相成的，正方向的指向是相同的，只是原点的位置不再是Android坐标系中的屏幕最左上角，而是以父视图左上角为坐标原点。在触控事件中，通过getX()、getY()坐标就是视图坐标系中的坐标 3.触控事件—MotionEvent 触控事件MotionEvent在用户交互中，占据着举足轻重的地位，学好触控事件是掌握后续内容的基础，首先我们先看看MotionEvent中封装的一些常用的常量，它定义了触控事件的不同类型。 /** 单点触摸按下操作*/ public static final int ACTION_DOWN = 0; /** 单点触摸离开操作*/ public static final

Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

阅读更多关于 Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果

转帖请注明本文出自xiaanming的博客（ http://blog.csdn.net/xiaanming/article/details/17539199 ），请尊重他人的辛勤劳动成果，谢谢！我在上一篇文章中 Android 带你从源码的角度解析Scroller的滚动实现原理从源码的角度介绍了Scroller的滚动实现原理，相信大家对Scroller的使用有一定的了解，这篇文章就给大家带来使用Scroller的小例子，来帮助大家更加熟悉的掌握Scroller的使用，掌握好了Scroller的使用我们就能实现很多滑动的效果。例如侧滑菜单，launcher，ListView的下拉刷新等等效果，我今天实现的是ListView的item的左右滑动删除item的效果，现在很多朋友看到这个效果应该是在Android的通知栏下拉中看到这个滑动删除的效果吧，我看到这个效果是在我之前的三星手机上左右滑动打电话发短信的效果，感觉很棒，不过现在很多手机联系人滑动都不是我之前那台手机的效果啦，网上很多朋友也写了关于滑动删除ListView的item的例子，有些是滑动手指离开之后然后给item加向左或者向右的移动动画，我觉得这样子的用户体验不是很好，所以今天自己也写了一个关于ListView左右滑动删除Item的小例子,ListView的item会随着手指在屏幕上的滑动而滑动

JScrollPane的使用

阅读更多关于 JScrollPane的使用

概述 jScrollPane.js是一个轻量级的滑块插件, 非常方便使用. 在前端工业界(写页面)使用非常广泛, 下面我记录下用法, 供以后开发时参考, 相信对其他人也有用. PS: 想起之前我用impress.js写了一个PPT, 当时觉得有多了不起, 现在用的插件一多, 就觉得以前真是好笑, impress.js也就是一个一般的插件罢了... 不用jScrollPane.js 先来看看不用jScrollPane.js, 给一个wrap设定高度, 再给这个wrap加上内容, 内容的高度大于wrap的高度, 会发生什么? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>demo</title> <style type="text/css"> * { padding: 0; margin: 0; } .scroller { width: 240px; height: 140px; background-color: #666; } .app { width: 240px; height: 140px; background-color: green; } <style> <

Thumbnail Scroller Plugins Couldn't Work with Ajax to Load Html into a Div

阅读更多关于 Thumbnail Scroller Plugins Couldn't Work with Ajax to Load Html into a Div

问题 I am using Jquery mobile to build an iso phone app. I load categories from a php page. I want to add thumbnail slide below each category. (like Netflix home page ) people could scroll up and down to view the categories and swipe thumbnail pictures under each category. Now, AJAX can have categories generated automatically through "div_set=div_set+'<li><a name="'+NewNum+'" id="'+NewCata+'" href="#cata">'+NewCata+'</a></li><li>" But thumbnail slide doesn't animate in page loaded into a Div "div

Scroller原理

阅读更多关于 Scroller原理

Scroller原理 Scroller执行流程里面的三个核心方法 mScroller.startScroll() mScroller.computeScrollOffset() view.computeScroll() 1、在mScroller.startScroll()中为滑动做了一些初始化准备，比如：起始坐标，滑动的距离和方向以及持续时间(有默认值)，动画开始时间等。 2、mScroller.computeScrollOffset()方法主要是根据当前已经消逝的时间来计算当前的坐标点。因为在mScroller.startScroll()中设置了动画时间，那么在computeScrollOffset()方法中依据已经消逝的时间就很容易得到当前时刻应该所处的位置并将其保存在变量mCurrX和mCurrY中。除此之外该方法还可判断动画是否已经结束。来源： CSDN 作者：行知天下链接： https://blog.csdn.net/qq_27248989/article/details/103925706

实现一个可定制化的TabFlowLayout(二) -- 实现滚动和平滑过渡

阅读更多关于实现一个可定制化的TabFlowLayout(二) -- 实现滚动和平滑过渡

效果图 FlowHelper工程源码这次，我们来实现第二个模块，即view 的滚动和使用 Scroller 平滑滚动，在这篇文章中，您将看到： View 的事件传递简析 ScrollerBy 和 ScrollerTo 的区别，以及使用 Scroller 实现平滑过渡前面中，我们已经通过 FlowLayout 实现测量和布局，这次新建一个类 ScrollFlowLayout 是专门实现滚动逻辑一、View 的事件传递当点击一个控件的时候，它的向下传递过程大致如下： activity --> window – > viewGroud --> view 。当然第一次走的是 disPatchTouchEvent 方法；通过源码知道，如果我们对 onInterceptTouchEvent 返回true，则父控件接管当前触摸事件，不再往下传递，而是回调自己的 onTouchEvent 方法。 View 的事件传递是基操，大家自行查阅啦那么，我们就可以在 onInterceptTouchEvent 去这样写： @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = ev.getX();

Tee chart scroller implementation

阅读更多关于 Tee chart scroller implementation

问题 Hi I am trying to implement scroller from Teechart libraries. I have encountered an issue while implementing the scroller. Loading data to the scroller might have gone wrong in my case. But same data loading works well with a slider implementation. I have attached my code for data loading as well as scroller here. I can see data loading after performing fast forward or play of signal, which is a different function for data loading. However, the scroller does not move freely on the canvas. It

订阅 scroller