位置: 编程技术 - 正文

仿淘宝商品详情页面下拉黏滞效果(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开源项目在哪找)

  • 计提应交个人所得税分录怎么做
  • 广告公司的税务
  • 建筑企业如何预交增值税
  • 税收征管法实施细则全文最新
  • 企业所得税成本没有发票怎么处理
  • 银行对公回单可以在家打印吗
  • 社保公积金占比多少
  • 包工包料的税率2023
  • 救护车能随便买吗
  • 房租抵扣个税需要提供发票吗
  • 房地产开发项目手册备案
  • 转让固定资产发生的费用计入什么科目
  • 扣缴外国企业所得税分录
  • 无形资产后续支出计入什么科目
  • 为什么企业要预缴增值税
  • 公司购买的冰箱供员工使用
  • 企业被列为风险纳税人税控开票会显示什么
  • 商票背书需要对方开发票吗
  • 发票专用章盖错地方了可以用吗
  • 流转税与所得税的区别
  • 个税申报成功如何修改
  • 劳务报酬和个人工资的区别
  • 话费打印发票怎么缩小
  • 收到房租的增值税税率
  • 非营利组织属于企业吗
  • 收到生育津贴的短信是真的吗
  • 建筑企业如何预缴企业所得税
  • PHP:xml_parser_create()的用法_XML解析器函数
  • php 抓取别的网站的内容
  • windows 10月更新
  • 住房贷款利息支出专项附加抵扣
  • 用php写个简单的编程
  • 一只正在树上吃的苹果
  • vue怎么用elementui
  • 日出时的麦克拱岩,俄勒冈南海岸 (© Dennis Frates/Alamy)
  • 移动列表格
  • 在计算应纳税所得额时,不允许作为税金项目
  • 持有可转换债券的会计分录
  • 一年的云信承兑汇票如何提现
  • 产品出库单附在什么凭证后面
  • nodejs如何使用
  • 人脸口罩检测系统
  • react modal
  • 文化事业建设费征收范围及计税依据
  • 小企业会计制度和企业会计制度的区别
  • php是什么
  • php文件缓存类
  • 存货盘盈盘亏处理会计分录
  • mysqlbinlog命令详解
  • 矿泉水发票能否抵税
  • 往来账款应该怎么记账
  • 待抵扣进项税如何在营运资金
  • 9个点的税是多少
  • 应付票据转应付账款会计分录
  • 房租进项发票怎么处理
  • 营业外支出会导致所有者权益减少吗
  • 合伙人工资薪金
  • 动态创建表
  • ubuntu1
  • 开机一直提醒ctrl+alt+del
  • 笔记本xp系统怎么升级win7系统
  • 系统更新到win11后还可以调回win10吗
  • raid主要使用三种技术
  • console打开
  • win10无internet怎么办
  • javascript字符串大小写转换
  • js的select()方法
  • node.js下载安装教程
  • shell脚本 -ne 0
  • js 右键
  • 浅谈建筑地基基础加固施工技术亲
  • unity3d效果图
  • python冒泡排序流程图
  • androidstudio offline
  • 美国消费比例
  • 大气污染物环保税计算
  • 河南个人医保缴费查询
  • 淮安市地税局电话号码
  • 重庆两江新区总工会社会化工作者待遇
  • 贵州税务申报如何网上申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设