欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android仿淘寶商品拖動查看詳情及標(biāo)題欄漸變功能

 更新時(shí)間:2016年09月13日 11:38:04   作者:lyhhj  
這篇文章主要介紹了Android仿淘寶商品拖動查看詳情及標(biāo)題欄漸變功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

緒論

最近一直比較忙,也沒抽出時(shí)間來寫博客,也不得不說是自己犯了懶癌,人要是一懶就什么事都不想做了,如果不能堅(jiān)持下來的話,那么估計(jì)就廢了,��。最近自己攢了好多東西,接下來的時(shí)間我會慢慢都分享出來的。好了廢話不多說了,下面我們開始正題:

今天要分享的是淘寶的詳情頁,之前在淘寶上買東西的時(shí)候看到淘寶的詳情頁效果比較不錯(cuò),所以今天就來仿一下它的效果吧,可能沒有淘寶的好,希望見諒啊。

先上效果圖:

這是淘寶的:

 

我自己做的:

 

怎么樣效果還差不多吧?GIF圖效果看的不太清楚,見諒。

下面我們來看看怎么實(shí)現(xiàn)的吧

實(shí)現(xiàn)

首先我們分析淘寶布局的界面難點(diǎn)大致就下面3個(gè)部分:
*標(biāo)題欄漸變,文字漸變隱藏
*透明通知欄(支持到4.4)
*繼續(xù)拖動查看詳情,Scrollview有一個(gè)彈性的效果
前兩點(diǎn)我之前都已經(jīng)實(shí)現(xiàn)過了,這里就不做過多介紹了,不清楚的小伙伴可以看我之前的文章:
Android帶你解析ScrollView–仿QQ空間標(biāo)題欄漸變
下面我們主要介紹一下Scrollview繼續(xù)拖動查看詳情有一個(gè)彈性動畫的效果:
仔細(xì)分析這個(gè)效果我們知道上面的布局可以滑動,當(dāng)滑動到下面的布局時(shí)候同時(shí)下面的布局依然可以滑動,所以我們自定義一個(gè)View來包含兩個(gè)Scrollview,上面一個(gè)下面一個(gè);然后監(jiān)聽Scrollview滑動到底部添加動畫效果讓其滑動到下面的Scrollview,當(dāng)下面的Scrollview滑動到頂部的時(shí)候再添加一個(gè)向上的動畫讓其滑動到上面的Scrollview。
具體的可以看一下代碼,注釋已經(jīng)很詳細(xì)了:

import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.ScrollView;

import java.util.Timer;
import java.util.TimerTask;

/**
 * 包含兩個(gè)ScrollView的容器
 *
 */
public class ScrollViewContainer extends RelativeLayout {

 /**
  * 自動上滑
  */
 public static final int AUTO_UP = 0;
 /**
  * 自動下滑
  */
 public static final int AUTO_DOWN = 1;
 /**
  * 動畫完成
  */
 public static final int DONE = 2;
 /**
  * 動畫速度
  */
 public static final float SPEED = 8.5f;

 private boolean isMeasured = false;

 /**
  * 用于計(jì)算手滑動的速度
  */
 private VelocityTracker vt;

 private int mViewHeight;
 private int mViewWidth;

 private View topView;
 private View bottomView;

 private boolean canPullDown;
 private boolean canPullUp;
 private int state = DONE;

 /**
  * 記錄當(dāng)前展示的是哪個(gè)view,0是topView,1是bottomView
  */
 private int mCurrentViewIndex = 0;
 /**
  * 手滑動距離,這個(gè)是控制布局的主要變量
  */
 private float mMoveLen;
 private MyTimer mTimer;
 private float mLastY;
 /**
  * 用于控制是否變動布局的另一個(gè)條件,mEvents==0時(shí)布局可以拖拽了,mEvents==-1時(shí)可以舍棄將要到來的第一個(gè)move事件,
  * 這點(diǎn)是去除多點(diǎn)拖動劇變的關(guān)鍵
  */
 private int mEvents;
 boolean isTuninginterface=true;
 private Handler handler = new Handler() {

  @Override
  public void handleMessage(Message msg) {
   if (mMoveLen != 0) {
    if (state == AUTO_UP) {
     mMoveLen -= SPEED;
     if (mMoveLen <= -mViewHeight) {
      mMoveLen = -mViewHeight;
      state = DONE;
      mCurrentViewIndex = 1;
      if(isTuninginterface){
       isTuninginterface=false;
      }
     }
    } else if (state == AUTO_DOWN) {
     mMoveLen += SPEED;
     if (mMoveLen >= 0) {
      mMoveLen = 0;
      state = DONE;
      mCurrentViewIndex = 0;
     }
    } else {
     mTimer.cancel();
    }
   }
   requestLayout();
  }

 };

 public ScrollViewContainer(Context context) {
  super(context);
  init();
 }

 public ScrollViewContainer(Context context, AttributeSet attrs) {
  super(context, attrs);
  init();
 }

 public ScrollViewContainer(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  init();
 }

 private void init() {
  mTimer = new MyTimer(handler);
 }

 @Override
 public boolean dispatchTouchEvent(MotionEvent ev) {
  switch (ev.getActionMasked()) {
   case MotionEvent.ACTION_DOWN:
    if (vt == null)
     vt = VelocityTracker.obtain();//獲得VelocityTracker類實(shí)例
    else
     vt.clear();
    mLastY = ev.getY();
    System.out.println("---ACTION_DOWN-mLastY------"+ev.getY());
    vt.addMovement(ev);
    mEvents = 0;
    break;
   case MotionEvent.ACTION_POINTER_DOWN:
   case MotionEvent.ACTION_POINTER_UP:
    // 多一只手指按下或抬起時(shí)舍棄將要到來的第一個(gè)事件move,防止多點(diǎn)拖拽的bug
    mEvents = -1;
    break;
   case MotionEvent.ACTION_MOVE:
    vt.addMovement(ev);//將事件加入到VelocityTracker類實(shí)例中
    if (canPullUp && mCurrentViewIndex == 0 && mEvents == 0) {
     mMoveLen += (ev.getY() - mLastY);
     // 防止上下越界
     if (mMoveLen > 0) {
      mMoveLen = 0;
      mCurrentViewIndex = 0;
     } else if (mMoveLen < -mViewHeight) {
      mMoveLen = -mViewHeight;
      mCurrentViewIndex = 1;
      if(isTuninginterface){
       isTuninginterface=false;
      }
     }
     if (mMoveLen < -8) {
      // 防止事件沖突
      ev.setAction(MotionEvent.ACTION_CANCEL);
     }
    } else if (canPullDown && mCurrentViewIndex == 1 && mEvents == 0) {
     mMoveLen += (ev.getY() - mLastY);
     // 防止上下越界
     if (mMoveLen < -mViewHeight) {
      mMoveLen = -mViewHeight;
      mCurrentViewIndex = 1;
     } else if (mMoveLen > 0) {
      mMoveLen = 0;
      mCurrentViewIndex = 0;
     }
     if (mMoveLen > 8 - mViewHeight) {
      // 防止事件沖突
      ev.setAction(MotionEvent.ACTION_CANCEL);
     }
    } else
     mEvents++;
    mLastY = ev.getY();
    // requestLayout:當(dāng)view確定自身已經(jīng)不再適合現(xiàn)有的區(qū)域時(shí),該view本身調(diào)用這個(gè)方法要求parent view重新調(diào)用他的onMeasure onLayout來對重新設(shè)置自己位置。
    requestLayout();
    break;
   case MotionEvent.ACTION_UP:
    mLastY = ev.getY();
    vt.addMovement(ev);
    //參數(shù):units 你想要指定的得到的速度單位,如果值為1,代表1毫秒運(yùn)動了多少像素。如果值為1000,代表 1秒內(nèi)運(yùn)動了多少像素
    vt.computeCurrentVelocity(700);
    // 獲取Y方向的速度 可以通過getXVelocity()和getYVelocity()獲得橫向和豎向的速率
    float mYV = vt.getYVelocity();
    if (mMoveLen == 0 || mMoveLen == -mViewHeight)
     break;
    if (Math.abs(mYV) < 500) {
     // 速度小于一定值的時(shí)候當(dāng)作靜止釋放,這時(shí)候兩個(gè)View往哪移動取決于滑動的距離
     if (mMoveLen <= -mViewHeight / 2) {
      state = AUTO_UP;
     } else if (mMoveLen > -mViewHeight / 2) {
      state = AUTO_DOWN;
     }
    } else {
     // 抬起手指時(shí)速度方向決定兩個(gè)View往哪移動
     if (mYV < 0)
      state = AUTO_UP;
     else
      state = AUTO_DOWN;
    }
    mTimer.schedule(2);
    try {
     vt.recycle();
     vt=null;
    } catch (Exception e) {
     e.printStackTrace();
    }
    break;

  }
  super.dispatchTouchEvent(ev);
  return true;
 }

 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
  topView.layout(0, (int) mMoveLen, mViewWidth,
    topView.getMeasuredHeight() + (int) mMoveLen);
  bottomView.layout(0, topView.getMeasuredHeight() + (int) mMoveLen,
    mViewWidth, topView.getMeasuredHeight() + (int) mMoveLen
      + bottomView.getMeasuredHeight());
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  if (!isMeasured) {
   isMeasured = true;
   mViewHeight = getMeasuredHeight();
   mViewWidth = getMeasuredWidth();
   System.out.println("======onMeasure====mViewHeight======"+mViewHeight);
   System.out.println("======onMeasure====mViewWidth======"+mViewWidth);
   topView = getChildAt(0);
   bottomView = getChildAt(1);
   bottomView.setOnTouchListener(bottomViewTouchListener);
   topView.setOnTouchListener(topViewTouchListener);
  }
 }

 private OnTouchListener topViewTouchListener = new OnTouchListener() {

  @Override
  public boolean onTouch(View v, MotionEvent event) {
   ScrollView sv = (ScrollView) v;
   Log.i("------getScrollY------", sv.getScrollY()+"");
   Log.i("------getMeasuredHeight---getChildAt---", sv.getChildAt(0).getMeasuredHeight()+"");
   Log.i("------getMeasuredHeight---sv---", sv.getMeasuredHeight()+"");
   if (sv.getScrollY() == (sv.getChildAt(0).getMeasuredHeight() - sv
     .getMeasuredHeight()) && mCurrentViewIndex == 0)
    canPullUp = true;
   else
    canPullUp = false;
   return false;
  }
 };
 private OnTouchListener bottomViewTouchListener = new OnTouchListener() {

  @Override
  public boolean onTouch(View v, MotionEvent event) {
   ScrollView sv = (ScrollView) v;
   if (sv.getScrollY() == 0 && mCurrentViewIndex == 1)
    canPullDown = true;
   else
    canPullDown = false;
   return false;
  }
 };

 class MyTimer {
  private Handler handler;
  private Timer timer;
  private MyTask mTask;

  public MyTimer(Handler handler) {
   this.handler = handler;
   timer = new Timer();
  }

  public void schedule(long period) {
   if (mTask != null) {
    mTask.cancel();
    mTask = null;
   }
   mTask = new MyTask(handler);
   timer.schedule(mTask, 0, period);
  }

  public void cancel() {
   if (mTask != null) {
    mTask.cancel();
    mTask = null;
   }
  }

  class MyTask extends TimerTask {
   private Handler handler;

   public MyTask(Handler handler) {
    this.handler = handler;
   }

   @Override
   public void run() {
    handler.obtainMessage().sendToTarget();
   }

  }
 }
}

最后我們在xml布局里面最外層用這個(gè)ScrollviewContainer包裹著兩個(gè)Scrollview分別為上面的布局和下面的布局就可以了,當(dāng)然因?yàn)槲覀兩厦娴牟季诌€涉及到標(biāo)題欄漸變,所以上面的Scrollview要自定義滑動監(jiān)聽,上面提到的文章里面有詳細(xì)介紹。好了今天就到這里,有時(shí)間我會把代碼整理出來放到我的Github上的。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Android短信發(fā)送器實(shí)現(xiàn)方法

    Android短信發(fā)送器實(shí)現(xiàn)方法

    這篇文章主要介紹了Android短信發(fā)送器實(shí)現(xiàn)方法,以實(shí)例形式較為詳細(xì)的分析了Android短信發(fā)送器從界面布局到功能實(shí)現(xiàn)的完整步驟與相關(guān)技巧,需要的朋友可以參考下
    2015-09-09
  • Android判斷定位功能是否可用的方法

    Android判斷定位功能是否可用的方法

    今天小編就為大家分享一篇Android判斷定位功能是否可用的方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-07-07
  • android開發(fā)教程之wifi開發(fā)示例

    android開發(fā)教程之wifi開發(fā)示例

    這篇文章主要介紹了android開發(fā)教程之wifi開發(fā)示例,需要的朋友可以參考下
    2014-03-03
  • Android中使用ViewStub實(shí)現(xiàn)布局優(yōu)化

    Android中使用ViewStub實(shí)現(xiàn)布局優(yōu)化

    ViewStub是Android布局優(yōu)化中一個(gè)很不錯(cuò)的標(biāo)簽/控件,直接繼承自View。雖然Android開發(fā)人員基本上都聽說過,但是真正用的可能不多。今天我們就來詳細(xì)探討下ViewStub的使用
    2016-09-09
  • Android獲取SDcard目錄及創(chuàng)建文件夾的方法

    Android獲取SDcard目錄及創(chuàng)建文件夾的方法

    今天小編就為大家分享一篇Android獲取SDcard目錄及創(chuàng)建文件夾的方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • Android自定義View接收輸入法輸入的內(nèi)容

    Android自定義View接收輸入法輸入的內(nèi)容

    最近的一個(gè)項(xiàng)目需要實(shí)現(xiàn)需求,希望從一個(gè)View上調(diào)用輸入法和接收輸入法傳過來的內(nèi)容,下面這篇文章就給大家分享下Android自定義View接收輸入法輸入的內(nèi)容的方法,有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-12-12
  • Android ListView實(shí)現(xiàn)上拉加載更多和下拉刷新功能

    Android ListView實(shí)現(xiàn)上拉加載更多和下拉刷新功能

    這篇文章主要為大家詳細(xì)介紹了Android ListView實(shí)現(xiàn)上拉加載更多和下拉刷新功能,介紹了ListView刷新原理及實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下
    2016-05-05
  • Android刮刮樂效果-proterDuffXfermode的示例代碼

    Android刮刮樂效果-proterDuffXfermode的示例代碼

    這篇文章主要介紹了Android刮刮樂效果-proterDuffXfermode,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-12-12
  • 一些有效的Android啟動優(yōu)化策略分享

    一些有效的Android啟動優(yōu)化策略分享

    在當(dāng)今激烈競爭的移動應(yīng)用市場,應(yīng)用的啟動速度直接影響著用戶的第一印象和滿意度,Android的啟動優(yōu)化是開發(fā)者必須關(guān)注的關(guān)鍵領(lǐng)域,本文將詳細(xì)介紹一些強(qiáng)大有效的Android啟動優(yōu)化策略,幫助你優(yōu)化應(yīng)用的啟動過程,為用戶創(chuàng)造更出色的體驗(yàn),需要的朋友可以參考下
    2023-08-08
  • Android 日志系統(tǒng)Logger源代碼詳細(xì)介紹

    Android 日志系統(tǒng)Logger源代碼詳細(xì)介紹

    本文主要介紹Android 日志系統(tǒng)Logger,這里整理了關(guān)于Android源碼的日志系統(tǒng)資料,有研究Android源碼的朋友可以參考下
    2016-08-08

最新評論