位置: 编程技术 - 正文

仿淘宝商品详情页面下拉黏滞效果(jquery仿淘宝商品详情页)

编辑:rootadmin
项目中需要用到淘宝商品详情页面的下拉黏滞效果,刚开始的想法比较复杂,是通过投机取巧的方式来大致实现的,但是效果很不好,勉强可以使用,这怎么能行?后来自己尝试着去优化,感觉一个ListView就可以实现,于是就去用listView去实现了一下,主要用到了ListView的smoothScrollToPosition这个方法,做到最后,发现smoothScrollToPosition这个方法的一个bug。假如当前ListView显示的是position为0,但是position为0的item只是显示了一部分,你调用smoothScrollToPosition方法,此时listView是不会滚动的,因为Android源代码认为 :你当前显示的position 0,你要滚动到position 0,这不是扯淡嘛!所以这个方法失效了,但是从StackOverFlow上面搜索,都是Android的一个bug!shit~将要实现的效果就这样泡汤了。后来发现了一种新的思路:1:自定义一个LinearLayout,自己去处理事件,然后根据事件调用Scroller的相关方法去滚动头部。2:自定义一个HeaderView。3:HeaderView下面是一个ListView。想要实现的效果描述如下:1:Header显示的时候,向上滑动,Header不断隐藏,Header完全隐藏后,listView才可以滑动。2:Header显示的时候,向下滑动,Header不断显示,Header完全显示后,在向下滑动,无效果。3:Header完全隐藏的时候,如果listView的firstVisiblePosition不是0,则滑动事件交给listView处理。4:Header完全隐藏的时候,如果listView的firstVisiblePosition是0,则滑动事件交给LinearLayout,屏蔽listView的事件处理。5:Header完全隐藏并且listView的firstVisiblePosition是0,不断下拉,header不断显示增大,如果手指抬起后,header显示的部分小于一定距离的话,header要反弹隐藏;Header显示超过一定距离,播放动画让header完全显示。基本上面说的这几种情况就是我们自定义的LinearLayout需要处理的几种情况,主要涉及到事件的拦截onInterceptTouchEvent方法,和onTouch方法。好了,在介绍实现代码之前,我们先介绍几个类:1:

推荐整理分享仿淘宝商品详情页面下拉黏滞效果(jquery仿淘宝商品详情页),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:淘宝商品详情描述怎么写,仿淘宝详情页,淘宝详情页模仿别人详情页违规吗?,淘宝上的商品详情是怎么做的啊,android 仿淘宝详情,仿淘宝商品详情页,jquery仿淘宝商品详情页,仿淘宝详情页,内容如对您有帮助,希望把文章链接给更多的朋友!

VelocityTracker--顾名思义即速度跟踪,在android中主要应用于touch event, VelocityTracker通过跟踪一连串事件实时计算出

当前的速度,这样的用法在android系统空间中随处可见,比如Gestures中的Fling, Scrolling等

2:

ViewConfiguration--该类中需要定义的是系统的一些常量,方面我们的使用,尽量和系统的保持一致,我们不用自己重复的定义这个常量,况且自己定义的不一定合适。代码如下:

仿淘宝商品详情页面下拉黏滞效果(jquery仿淘宝商品详情页)

3:

Scroller--Android里Scroller类是为了实现View平滑滚动的一个Helper类。通常在自定义的View时使用,在View中定义一个私有成员mScroller = new Scroller(context)。设置mScroller滚动的位置时,并不会导致View的滚动,通常是用mScroller记录/计算View滚动的位置,再重写View的computeScroll(),完成实际的滚动。 相关API介绍如下:

下面上一段简单的代码,代码中读者可能会发现,其实最后调用的方法全是scrollTo方法。

4:注意看这个自定义的View是继承ViewGroup,而不是继承View,我前面一篇文章讲到了这一块,要想移动某一个View,你必须移动该View的父亲,如果一个View不是ViewGroup,你直接调用该View的scrollTo方法是一点效果也没有的,文章的链接地址如下:

Android开源项目PullToRefresh的使用(下拉刷新) 首先下载Android-PullToRefresh-master下载地址

安卓[android] 通过Uri获取File文件 /***通过Uri返回File文件*注意:通过相机的是类似

Activity的启动模式(LunchMode) Activity有四中启动模式,通过与Intent协同合作来达到想要的效果:四中启动模式分别是:standard,singleTop,singleTask,singleInstance.其中又可以分为两类:standard

标签: jquery仿淘宝商品详情页

本文链接地址:https://www.jiuchutong.com/biancheng/378131.html 转载请保留说明!

上一篇:android 图片倾斜倒影(android图片全屏显示)

下一篇:Android开源项目PullToRefresh的使用(下拉刷新)(android开源项目在哪找)

  • 计税依据什么意思
  • 买一赠一的税务怎么算
  • 预收预付科目是否已经取消
  • 调整上年度损益
  • 实收资本变化的账务处理
  • 最近的火车票代售点
  • 公益性捐赠的税收优惠政策
  • 财务怎么算社保缴费
  • 收到退税如何记账
  • 研发机构认定条件
  • 研发费用准备金计提账务处理
  • 出口退税退的是哪部分税
  • 无法确认退货率时,差错更正为啥不反转增值税
  • 帮客户垫付的费用有发票如何做账科目
  • 公司购买住宅可以分期付款吗
  • 施工企业开专票还是开普票好
  • 生产企业出口发票数量开错有什么影响
  • 冲销凭证怎么记账
  • 房屋抵债如何确定契税计税依据?
  • 商场金银饰品销售该如何建账?
  • 企业所得税减免税额计算公式
  • 库存商品在贷方怎么调回借方
  • 收到投资的会计科目
  • 基本户和一般户的区别和用途
  • 注册的注释
  • 或有事项基本确定
  • 补提去年所得税分录
  • windows 11怎么用
  • php中的header函数
  • linux相关命令及用法
  • 三方转账协议应该怎么写
  • kavsvc.exe - kavsvc是什么进程 有什么作用
  • php的正则表达式
  • 确认的政府补助怎么入账
  • 公司购置办公楼自用
  • 黄金税收多少
  • vue绑定css样式
  • php 错误提示
  • vue自定义dialog
  • linux系统操作教程
  • 2022年 change detection遥感图像变化检测 论文附代码
  • 逆回购要手续费吗
  • 高效刷题app
  • 织梦痣铃表情太到位
  • 无票收入如何报税
  • 财务报表申报后怎么修改
  • 企业年金举例说明
  • mysql添加远程访问
  • 寄售商店代销寄售物品的税率
  • 高新技术企业外债便利化额度试点重庆
  • 进项转出分录需要盖章吗
  • 驾校挂靠车辆账务处理是?
  • 从公司账户转给出纳备注
  • 股东每月分红合理吗?
  • 盈余公积必须提折旧吗
  • mac安装mysql
  • slserves.exe - slserves是什么进程
  • winxp 证书错误
  • 高手养成计划 小说
  • windows xp玩lol
  • win7系统代理在哪里设置
  • eclipse怎么装插件
  • Unity3D-SLua+ProtocolBuffers构建说明
  • opengl es api
  • unity 动画播放
  • 杀死oracle进程
  • 信号监控设备是什么
  • nodejsorg
  • mysql数据表复制
  • unity移动游戏开发
  • ug合并命令在哪
  • node.js介绍
  • javascript详细介绍
  • javascript for in
  • jQuery ajax全局函数处理session过期后的ajax跳转问题
  • 如何查询发票代码和发票号码
  • 河北省国家税务局电子税务局登录
  • 小规模和一般纳税人的划分标准
  • 结转城市维护建设税
  • 车辆购置税完税证明有用吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设