swipe

老乔没有停止MacOSX的步伐，决定2011年夏季继续操作系统的升级。加入了ipod touch，iphone亦或ipad等的滑屏等IOs样式，先来看看历来的MacOS的命名好了： Mac OS X 10.0 - Cheetah Mac OS X 10.1 - Puma Mac OS X 10.2 - Jaguar Mac OS X 10.3 - Panther Mac OS X 10.4 - Tiger Mac OS X 10.5 - Leopard Mac OS X 10.6 - Snow Leopard We took our best thinking from Mac OS X and brought it to the iPhone. Then we took our best thinking from the iPhone and brought it to iPad. And now we’re bringing it all back to the Mac with our eighth major release of the world’s most advanced operating system. Mac OS X Lion arrives in summer 2011. Here’s a sneak peek at just a few of its

wxml： <!--pages/index/index.wxml--> <view class="swiper-tab"> <view class="{{tab===0 ? 'on' : ''}}" data-current="0" bindtap="tab_click">{{tablist1}}</view> <view class="{{tab===1 ? 'on' : ''}}" data-current="1" bindtap="tab_click">{{tablist2}}</view> <view class="{{tab===2 ? 'on' : ''}}" data-current="2" bindtap="tab_click">{{tablist3}}</view> <view class="{{tab===3 ? 'on' : ''}}" data-current="3" bindtap="tab_click">{{tablist4}}</view> </view> <swiper circular="true" current="{{tab}}" class="swiper-box" bindchange="tab_slide"> <swiper-item> 1 </swiper-item> <swiper-item> 2 </swiper-item>

一、手势识别与触摸事件 1、如果想监听一个view上面的触摸事件，可选的做法是： （1）自定义一个view （2）实现view的touches方法，在方法内部实现具体处理代码 2、通过touches方法监听view触摸事件，有很明显的几个缺点 （1）必须得自定义view （2）由于是在view内部的touches方法中监听触摸事件，因此默认情况下，无法让其他外界对象监听view的触摸事件 （3）不容易区分用户的具体手势行为 3、iOS 3.2之后，苹果推出了手势识别功能（Gesture Recognizer），在触摸事件处理方面，大大简化了开发者的开发难度 二、手势识别——Gesture Recognizer 1、手势识别器：UIGestureRecognizer （1）UIGestureRecognizer是一个抽象类，定义了所有手势的基本行为，使用它的子类才能处理具体的手势 （2）子类的继承和功能 图示： 2、手势识别的使用方法及步骤 （1）创建手势识别实例 （2）设置手势识别属性，例如手指数量，方向等 （3）将手势识别附加到指定的视图之上 （4）编写手势触发监听方法 （5）手势触发监听方法后，要还原手势识别实例的属性，比如：获取了缩放比例，然后给某个控件进行了缩放，最后再把缩放比例还原为1。这样后续的手势操作会从新开始，避免错误 3、手势识别的状态 （1）类似于触摸事件

在一些允许用户自定义栏目顺序的app（如：凤凰新闻、网易云音乐等），我们可以方便地拖拽列表项来完成列表的重新排序，进而完成对栏目顺序的重排。这个功能很人性化，而实现起来其实很简单（甚至都不用写什么后台代码），只有三步。 ①把冰箱门打开 首先，我们需要让冰箱的大门敞开，也就是允许我们进行拖拽的相关操作。以ListView为例，注意下面几个属性。 1 <StackPanel> 2 <ListView x:Name="list" 3 AllowDrop="True" 4 CanReorderItems="True" 5 IsSwipeEnabled="True"> 6 <ListView.ItemContainerStyle> 7 <Style TargetType="ListViewItem"> 8 <Setter Property="Background" Value="Gray"/> 9 <Setter Property="Foreground" Value="White"/> 10 <Setter Property="Margin" Value="4"/> 11 </Style> 12 </ListView.ItemContainerStyle> 13 </ListView> 14 <Button Click="Button_Click">Show Items</Button>

简要：touch.js 主要提供滑动(swipe)与点击(tap：模拟click)的事件封装，针对手机常用浏览器(touchstart,touchmove,touchend)和IE10(msPointDown)的触摸事件兼容处理以及手势的事件处理。之所以封装touchstart形成tap是因为要解决点透问题，并且模拟click有双击与长按功能。 源码分析如下： // Zepto.js // (c) 2010-2016 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ;(function($){ var touch = {}, touchTimeout, tapTimeout, swipeTimeout, longTapTimeout, longTapDelay = 750, gesture //(x1,y1)为开始点，(x2,y2)为结束点，判断滑动的方向 function swipeDirection(x1, x2, y1, y2) { return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down') } //长按触发事件

　　小程序的社区总是觉得只有几个活跃的人，问一些问题的时候很难得到想要的答案，做过超过100个swipe-item的同学可能会发现低端机型会卡顿，使用小程序提供的组件满足不了业务的需求，多个swipe-item的使用场景是很多的，例如刷题，刷商品，刷视频等，刷商品swipe-item可能有上千个，这次的随笔就来分享如何实现一个高性能的swiper组件。 来源： https://www.cnblogs.com/shy-boy/p/12495603.html

比如界面有跑马灯（轮播图），为了图片好看，一边都有圆角，所以边框就用border-radius: 12px; 用谷歌浏览器发现没什么问题。但是用safari，iphone的mac都一样，会出现 滚动的时候圆角短时间成方块，动画完成后，会变成圆角。 查了资料发现safari会在 transform的时候border-radius失效 。 解决方案就是外围的div加个 -webkit-transform:rotate(0deg); 比如下面的代码你们可以试试，用的是vue+vant： vant轮播图官方api: https://youzan.github.io/vant/#/zh-CN/swipe <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="item in cardImgs"> <van-image class="card-detail-card-img" :src="item" /> </van-swipe-item> </van-swipe> cardImgs:[ 'http://xxx.jpg', 'http://xxx2.jpg' ], .my-swipe{ /*加上这个搞定*/ -webkit-transform:rotate(0deg

相信用过罗技G系鼠标的同学都对罗技鼠标强大的自定义功能留下过深刻的印象。对于那些表示只愿追求简单拒绝功能复杂而去使用三键鼠标的同学，我很怀疑他们是否真正了解到多键鼠标或手势功能对电脑操作便捷上带来的重大意义。复制粘贴，前进后退，关闭等等这些操作看似简单，但有的需要键盘配合，有的需要右手精确操作(随着屏幕越来越大，鼠标为点击关闭等按钮而滑行的距离越来越长)，如果这些操作都能由右手在盲操作的情况下完成，那将给电脑的使用体验带来巨大的变化。 在pc上一直使用逻辑G300，完美的官方驱动软件给小小的G300注入了强大的自定义功能，唯一的遗憾是滚轮不带左右拨和有线。而换在imac上，由于苹果键盘鼠标触控板都是无线(吐槽一下键盘，虽然盖上膜以后手感差到极点，但其轻巧的体积和蓝牙连接还是给桌面的整洁起到很重要的作用)，所以加的这个有线鼠标马上会变成眼中钉。随后入了一只罗技M705，被其3年的待机时间所迷惑，脑残的光头设计使用起来简直让人头晕。然后考虑罗技G700，了解到G700已停产，而G700s丑陋的涂漆及缩水的自定义键(据说升级后的G700s功能键全由之前的微动换成了贴片)实在让人失望，而且待机时间跟手机差不多，并且价格高昂，对于不玩儿游戏的我来说，实在找不出理由狠这个心。 寻觅了很久适合imac的多功能无线鼠标，一无所获。不经意间看到介绍BetterTouchTool的文章，如获至宝