- 浏览: 5826879 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
比较常用的效果,有现成的,如此甚好!:)
http://www.open-open.com/lib/view/open1482476959653.html
自定义商品详情页
http://blog.csdn.net/qq_22271479/article/details/68490868
import android.content.Context; import android.content.res.TypedArray; import android.support.v4.view.ViewCompat; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.view.ViewConfiguration; import android.view.ViewGroup; import android.view.animation.DecelerateInterpolator; import android.widget.LinearLayout; import android.widget.Scroller; import com.snail.labaffinity.R; import com.snail.labaffinity.adapter.SlideFragmentPagerAdapter; /** * 1 ViewPager+TabLayout as content * 2 FragmentTabHost+Fragment as content * 3 bug :can not assertain which View is inTouch */ public class DragScrollDetailsLayout extends LinearLayout { public interface OnSlideFinishListener { void onStatueChanged(CurrentTargetIndex status); } public enum CurrentTargetIndex { UPSTAIRS, DOWNSTAIRS; public static CurrentTargetIndex valueOf(int index) { return 1 == index ? DOWNSTAIRS : UPSTAIRS; } } private static final float DEFAULT_PERCENT = 0.3f; private static final int DEFAULT_DURATION = 400; private int mMaxFlingVelocity; private int mMiniFlingVelocity; private int mDefaultPanel = 0; private int mDuration = DEFAULT_DURATION; private float mTouchSlop; private float mDownMotionY; private float mDownMotionX; private float mInitialInterceptY; public void setPercent(float percent) { mPercent = percent; } private float mPercent = DEFAULT_PERCENT; /** * flag for listview or scrollview ,if child overscrolled ,do not judge view region 滚过头了,还是可以滚动 */ private boolean mChildHasScrolled; private View mUpstairsView; private View mDownstairsView; private View mCurrentTargetView; private Scroller mScroller; private VelocityTracker mVelocityTracker; private OnSlideFinishListener mOnSlideDetailsListener; private CurrentTargetIndex mCurrentViewIndex = CurrentTargetIndex.UPSTAIRS; public DragScrollDetailsLayout(Context context) { this(context, null); } public DragScrollDetailsLayout(Context context, AttributeSet attrs) { this(context, attrs, 0); } public DragScrollDetailsLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.DragScrollDetailsLayout, defStyleAttr, 0); mPercent = a.getFloat(R.styleable.DragScrollDetailsLayout_percent, DEFAULT_PERCENT); mDuration = a.getInt(R.styleable.DragScrollDetailsLayout_duration, DEFAULT_DURATION); mDefaultPanel = a.getInt(R.styleable.DragScrollDetailsLayout_default_panel, 0); a.recycle(); mScroller = new Scroller(getContext(),new DecelerateInterpolator()); mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); mMaxFlingVelocity = ViewConfiguration.get(getContext()).getScaledMaximumFlingVelocity(); mMiniFlingVelocity = ViewConfiguration.get(getContext()).getScaledMinimumFlingVelocity(); setOrientation(VERTICAL); } public void setOnSlideDetailsListener(OnSlideFinishListener listener) { this.mOnSlideDetailsListener = listener; } @Override protected void onFinishInflate() { super.onFinishInflate(); final int childCount = getChildCount(); if (1 >= childCount) { throw new RuntimeException("SlideDetailsLayout only accept childs more than 1!!"); } mUpstairsView = getChildAt(0); mDownstairsView = getChildAt(1); } /** * requestDisallowInterceptTouchEvent guarantee DragScrollDetailsLayout intercept event as wish */ @Override public boolean dispatchTouchEvent(MotionEvent ev) { requestDisallowInterceptTouchEvent(false); return super.dispatchTouchEvent(ev); } /** * intercept rules: * 1. The vertical displacement is larger than the horizontal displacement; * 2. Panel stauts is UPSTAIRS: slide up * 3. Panel status is DOWNSTAIRS:slide down * 4. child can requestDisallowInterceptTouchEvent(); */ @Override public boolean onInterceptTouchEvent(MotionEvent ev) { switch (ev.getActionMasked()) { case MotionEvent.ACTION_DOWN: mDownMotionX = ev.getX(); mDownMotionY = ev.getY(); if (mVelocityTracker == null) { mVelocityTracker = VelocityTracker.obtain(); } mVelocityTracker.clear(); mChildHasScrolled=false; break; case MotionEvent.ACTION_MOVE: adjustValidDownPoint(ev); return checkCanInterceptTouchEvent(ev); default: break; } return false; } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getActionMasked()) { case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: flingToFinishScroll(); recycleVelocityTracker(); break; case MotionEvent.ACTION_MOVE: scroll(ev); break; default: break; } return true; } private boolean checkCanInterceptTouchEvent(MotionEvent ev) { final float xDiff = ev.getX() - mDownMotionX; final float yDiff = ev.getY() - mDownMotionY; if (!canChildScrollVertically((int) yDiff,ev)) { mInitialInterceptY = (int) ev.getY(); if (Math.abs(yDiff) > mTouchSlop && Math.abs(yDiff) >= Math.abs(xDiff) && !(mCurrentViewIndex == CurrentTargetIndex.UPSTAIRS && yDiff > 0 || mCurrentViewIndex == CurrentTargetIndex.DOWNSTAIRS && yDiff < 0)) { return true; } } return false; } private void adjustValidDownPoint(MotionEvent event) { if (mCurrentViewIndex == CurrentTargetIndex.UPSTAIRS && event.getY() > mDownMotionY || mCurrentViewIndex == CurrentTargetIndex.DOWNSTAIRS && event.getY() < mDownMotionY) { mDownMotionX = event.getX(); mDownMotionY = event.getY(); } } private void scroll(MotionEvent event) { if (mCurrentViewIndex == CurrentTargetIndex.UPSTAIRS) { if (getScrollY() <= 0 && event.getY() > mInitialInterceptY) { mInitialInterceptY = (int) event.getY(); } scrollTo(0, (int) (mInitialInterceptY - event.getY())); } else { if (getScrollY() >= mUpstairsView.getMeasuredHeight() && event.getY() < mInitialInterceptY) { mInitialInterceptY = (int) event.getY(); } scrollTo(0, (int) (mInitialInterceptY - event.getY() + mUpstairsView.getMeasuredHeight())); } mVelocityTracker.addMovement(event); } private void recycleVelocityTracker() { if (mVelocityTracker != null) { mVelocityTracker.clear(); mVelocityTracker.recycle(); mVelocityTracker = null; } } /** * if speed is enough even though offset is not enough go */ private void flingToFinishScroll() { final int pHeight = mUpstairsView.getMeasuredHeight(); final int threshold = (int) (pHeight * mPercent); float scrollY = getScrollY(); if (CurrentTargetIndex.UPSTAIRS == mCurrentViewIndex) { if (scrollY <= 0) { scrollY = 0; } else if (scrollY <= threshold) { if (needFlingToToggleView()) { scrollY = pHeight - getScrollY(); mCurrentViewIndex = CurrentTargetIndex.DOWNSTAIRS; } else scrollY = -getScrollY(); } else { scrollY = pHeight - getScrollY(); mCurrentViewIndex = CurrentTargetIndex.DOWNSTAIRS; } } else if (CurrentTargetIndex.DOWNSTAIRS == mCurrentViewIndex) { if (pHeight - scrollY <= threshold) { if (needFlingToToggleView()) { scrollY = -getScrollY(); mCurrentViewIndex = CurrentTargetIndex.UPSTAIRS; } else scrollY = pHeight - scrollY; } else if (scrollY < pHeight) { scrollY = -getScrollY(); mCurrentViewIndex = CurrentTargetIndex.UPSTAIRS; } } mScroller.startScroll(0, getScrollY(), 0, (int) scrollY, mDuration); if (mOnSlideDetailsListener != null) { mOnSlideDetailsListener.onStatueChanged(mCurrentViewIndex); } postInvalidate(); } private boolean needFlingToToggleView() { mVelocityTracker.computeCurrentVelocity(1000, mMaxFlingVelocity); if (mCurrentViewIndex == CurrentTargetIndex.UPSTAIRS) { if (-mVelocityTracker.getYVelocity() > mMiniFlingVelocity) { return true; } } else { if (mVelocityTracker.getYVelocity() > mMiniFlingVelocity) { return true; } } return false; } private View getCurrentTargetView() { return mCurrentViewIndex == CurrentTargetIndex.UPSTAIRS ? mUpstairsView : mDownstairsView; } @Override public void computeScroll() { super.computeScroll(); if (mScroller.computeScrollOffset()) { scrollTo(0, mScroller.getCurrY()); postInvalidate(); } } /*** * 复用已经实现的View,省却了测量布局之类的麻烦 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); measureChildren(widthMeasureSpec, heightMeasureSpec); setMeasuredDimension(getMeasuredWidth(), getMeasuredHeight()); } protected boolean canChildScrollVertically(int offSet,MotionEvent ev) { mCurrentTargetView = getCurrentTargetView(); return canScrollVertically(mCurrentTargetView, -offSet, ev); } /*** * judge is event is in current view * 判断MotionEvent是否处于View上面 */ protected boolean isTransformedTouchPointInView(MotionEvent ev, View view) { float x = ev.getRawX(); float y = ev.getRawY(); int[] rect = new int[2]; view.getLocationInWindow(rect); float localX = x - rect[0]; float localY = y - rect[1]; return localX >= 0 && localX < (view.getRight() - view.getLeft()) && localY >= 0 && localY < (view.getBottom() - view.getTop()); } /*** * first can view self ScrollVertically * seconde if View is ViewPager only judge current page * third if view is viewgroup check it`s children */ private boolean canScrollVertically(View view, int offSet, MotionEvent ev) { if (!mChildHasScrolled && !isTransformedTouchPointInView(ev, view)) { return false; } if (ViewCompat.canScrollVertically(view, offSet)) { mChildHasScrolled = true; return true; } if (view instanceof ViewPager) { return canViewPagerScrollVertically((ViewPager) view, offSet, ev); } if (view instanceof ViewGroup) { ViewGroup vGroup = (ViewGroup) view; for (int i = 0; i < vGroup.getChildCount(); i++) { if (canScrollVertically(vGroup.getChildAt(i), offSet, ev)) { mChildHasScrolled = true; return true; } } } return false; } private boolean canViewPagerScrollVertically(ViewPager viewPager, int offset,MotionEvent ev) { View showView = ((SlideFragmentPagerAdapter) viewPager.getAdapter()).getPrimaryItem(); return showView != null && canScrollVertically(showView, offset, ev); } @Override protected void onScrollChanged(int l, int t, int oldl, int oldt) { super.onScrollChanged(l, t, oldl, oldt); } }
<declare-styleable name="DragScrollDetailsLayout"> <!-- float value for indicate the moment of switch panel--> <attr name="percent" format="float"/> <!-- how long the animation keep--> <attr name="duration" format="integer"/> <!-- default panel to show after init--> <attr name="default_panel" format="enum"> <enum name="front" value="0"/> <enum name="behind" value="1"/> </attr> </declare-styleable>
http://www.open-open.com/lib/view/open1482476959653.html
自定义商品详情页
http://blog.csdn.net/qq_22271479/article/details/68490868
发表评论
-
NestedScrollView滚动到顶部固定子View悬停挂靠粘在顶端
2018-10-31 20:45 7016网上有一个StickyScrollView,称之为粘性Scro ... -
自定义Behavior实现AppBarLayout越界弹性效果
2017-03-31 09:33 10386一、继承AppBarLayout.Beha ... -
Android - 一种相似图片搜索算法的实现
2017-03-31 09:33 2633算法 缩小尺寸。 将图片缩小到8x8的尺寸,总共64个 ... -
使用SpringAnimation实现带下拉弹簧动画的 ScrollView
2017-03-30 11:30 2860在刚推出的 Support Library 25.3.0 里面 ... -
Android为应用添加角标(Badge)
2017-03-30 11:21 61971.需求简介 角标是什么意思呢? 看下图即可明了: 可 ... -
Android端与笔记本利用局域网进行FTP通信
2017-03-23 10:17 990先看图 打开前: 打开后: Activity类 ... -
PorterDuffColorFilter 在项目中的基本使用
2017-03-03 10:58 1361有时候标题栏会浮在内容之上,而内容会有颜色的变化,这时候就要求 ... -
ColorAnimationView 实现了滑动Viewpager 时背景色动态变化的过渡效果
2017-02-24 09:41 2233用法在注释中: import android.anima ... -
迷你轻量级全方向完美滑动处理侧滑控件SlideLayout
2017-01-16 16:53 2602纯手工超级迷你轻量级全方向完美滑动处理侧滑控件(比官方 sup ... -
Effect
2017-01-05 09:57 0https://github.com/JetradarMobi ... -
动态主题库Colorful,容易地改变App的配色方案
2016-12-27 14:49 2573Colorful是一个动态主题库,允许您很容易地改变App的配 ... -
对视图的对角线切割DiagonalView
2016-12-27 14:23 1126提供对视图的对角线切割,具有很好的用户定制 基本用法 ... -
让任意view具有滑动效果的SlideUp
2016-12-26 09:26 1712基本的类,只有一个: import android.a ... -
AdvancedWebView
2016-12-21 09:44 16https://github.com/delight-im/A ... -
可设置圆角背景边框的按钮, 通过调节色彩明度自动计算按下(pressed)状态颜色
2016-11-02 22:13 1935可设置圆角背景边框的的按钮, 通过调节色彩明度自动计算按下(p ... -
网络请求库相关
2016-10-09 09:35 62https://github.com/amitshekhari ... -
ASimpleCache一个简单的缓存框架
2015-10-26 22:53 2186ASimpleCache 是一个为android制定的 轻量级 ... -
使用ViewDragHelper实现的DragLayout开门效果
2015-10-23 10:55 3427先看一下图,有个直观的了解,向下拖动handle就“开门了”: ... -
保证图片长宽比的同时拉伸图片ImageView
2015-10-16 15:40 3743按比例放大图片,不拉伸失真 import android. ... -
向上拖动时,可以惯性滑动显示到下一页的控件DragLayout
2015-10-16 14:53 5589仿照淘宝和聚美优品,在商品详情页,向上拖动时,可以加载下一页。 ...
相关推荐
在Android开发中,实现“淘宝商品详情页面黏滞效果”是一项常见的需求,它是指当用户在浏览商品详情页面时,下拉滚动时某些元素(如商品标题、价格或导航栏)会固定在屏幕顶部,直到其他内容填充到它们的位置。...
一、淘宝商品详情页效果 我们的效果 二、实现思路 使用两个scrollView,两个scrollView 竖直排列,通过自定义viewGroup来控制两个scrollView的竖直排列,以及滑动事件的处理。如下图 三、具体实现 1、继承...
在IT行业中,"仿淘宝继续拖动显示详情页"是一种常见的网页或APP交互设计,通常被称为"无限滚动"或"瀑布流"加载。这种设计灵感来源于淘宝等电商平台,旨在提供流畅且连续的浏览体验,让用户在不离开当前页面的情况下...
在移动应用开发中,"仿淘宝商品详情页向上拖动可以加载下一页"是一种常见的页面滚动效果,通常称为“上拉加载更多”或“无限滚动”。这种设计模式被广泛应用于电商、社交媒体等需要大量数据展示的场景,因为它能提供...
在Android开发中,创建一个类似淘宝商品详情页的滚动效果是一项常见的需求。这种效果通常被称为“无限滚动”或“滚动视图”,用户可以不断地上下滑动页面以查看更多的内容。这个"VerticalSlideView-master"项目可能...
京东商品详情页的图片放大效果,通常涉及到图片预览、缩放和拖动等功能。在网页上,用户点击商品图片后,会出现一个放大镜效果,用户可以在这个放大镜中看到图片的细节部分。这种效果可以提高用户的购物体验,使他们...
本项目是针对"仿淘宝、京东商品详细图片的viewpager"进行的设计,用户点击图片可以放大,并且支持左右滑动查看更多的图片,提供了类似电商平台的商品图片浏览体验。 首先,我们来详细了解一下ViewPager的核心功能和...
"仿淘宝详情页继续拖动,查看图片详情"这一课题,主要是针对商品详情页中的图片浏览功能进行优化,实现用户可以滚动页面时,图片依然能持续显示,提供更流畅的浏览体验。 首先,我们需要理解淘宝详情页的核心功能。...
"仿淘宝的拖动查看商品图文详情"是一个常见的功能设计,它旨在提供流畅且丰富的用户体验,让用户能够通过简单的手势操作深入了解商品信息。这个功能的实现涉及到了多个技术点,包括UI设计、触摸事件处理、图片加载...
在iOS开发中,为了提供类似淘宝商品详情页的上下分页浏览效果,开发者通常会采用UIScrollView这一核心组件。本教程将深入探讨如何利用两个UIScrollView及其代理方法来实现这个功能,结合提供的"LSPageScrollView...
1. **图片滚动**:在商品详情页,用户通常会看到多张展示商品不同角度或特性的图片。图片滚动功能允许用户通过鼠标滚轮或触屏滑动来浏览这些图片,无需手动点击每一张。这提供了流畅的浏览体验,使用户能够快速浏览...
这个压缩包文件"类似淘宝的商品详情页,继续拖动查看详情.rar"显然包含了一个模仿淘宝商品详情页设计的示例项目,目的是帮助开发者理解和实现类似的功能。在Android应用开发中,创建一个动态、交互性强的商品详情页...
这是一个vue,pc端上的局部上下滚动,左右拖动单元格元素组件
【Android仿淘宝商品拖动查看详情及标题栏渐变功能】 在Android开发中,为了提供类似淘宝商品详情页的用户体验,我们可以实现一个拖动查看详细信息的功能,并且在拖动过程中让标题栏渐变隐藏。本篇文章将探讨如何...
在微信小程序中,商品详情页是用户了解商品信息并进行购买决策的关键页面。这个源码主要涉及了两个关键功能:选择商品类型切换和预览商品图片。以下将详细阐述这两个功能实现的技术要点。 1. 商品类型切换: - **...
在易语言编程环境中,制作文字上下滚动的效果可以为软件界面增添动态感,提高用户体验。本文将详细介绍如何使用易语言中的外形框(Window)和标签(Label)组件来实现这一功能。 首先,我们要明白易语言是一种面向...
在本主题中,“FLASH动态滚动条 缓动滚动条 上下滚动”主要关注的是如何在Flash环境中创建具有平滑缓动效果的滚动条,并实现上下滚动的功能。 一、Flash滚动条基础 滚动条是用户界面中常见的组件,用于显示超出视窗...