最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Android仿zaker用手向上推動(dòng)的特效開發(fā)【推動(dòng)門效果】(附demo源碼下載)

 更新時(shí)間:2016年07月08日 10:23:44   作者:manymore13  
這篇文章主要介紹了Android仿zaker用手向上推動(dòng)的特效,結(jié)合完整實(shí)例形式分析了Android滑動(dòng)切換效果的實(shí)現(xiàn)步驟與相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了Android仿zaker用手向上推動(dòng)的特效開發(fā)。分享給大家供大家參考,具體如下:

最近在商店下載了zaker ,閑暇時(shí)拿來看看新聞!發(fā)現(xiàn)每次打開軟件進(jìn)入主界面時(shí)有個(gè)界面,需要你把它往上滑到一定距離才能進(jìn)入到主界面。每次進(jìn)入軟件時(shí)它的背景可能不一樣,在往上撥的時(shí)候你會(huì)看見主界面,好似向上推的門一樣!打開它你就可以看到外面的世界。與窗簾有點(diǎn)不同的是在你沒有拉開足夠距離時(shí),它會(huì)俏皮的關(guān)閉自己不讓你看到外面的美景。

說這么多想像起來挺模糊的,那讓我們看看實(shí)際效果圖,我現(xiàn)在打開zaker截兩張圖 如下所示

 

左邊一張是不做任何操作時(shí)的效果,右邊一張是界面跟著手往上滑的效果,在滑的時(shí)候你會(huì)發(fā)現(xiàn)即將進(jìn)入的界面,當(dāng)你沒有滑到一定的距離松開手后窗簾會(huì)慢慢關(guān)閉,在合閉的時(shí)候有個(gè)彈動(dòng)的效果。非常棒!

正如你看到的圖片內(nèi)容,今天是國(guó)慶節(jié),在這里祝大家節(jié)日快樂!所以你每次打開的時(shí)候圖片可能不一樣。這個(gè)效果看起來有點(diǎn)像Android里面講的TranslateAnimation動(dòng)畫,我覺得用Animation動(dòng)畫應(yīng)該很難實(shí)現(xiàn)出這種效果(當(dāng)然有用animation實(shí)現(xiàn)zaker這種效果的大??梢耘c我們分享下)。QQ里也有這么個(gè)功能的界面,只不過QQ的是展示一張圖片兩到三秒后再進(jìn)入主界面。

下面開始實(shí)現(xiàn)這種效果 推動(dòng)們效果。

根據(jù)效果我實(shí)現(xiàn)出一個(gè)類,方便與需要用的筒靴使用。代碼中有注釋

package com.manymore13.scrollerdemo;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.BounceInterpolator;
import android.view.animation.Interpolator;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.Scroller;
public class PullDoorView extends RelativeLayout {
 private Context mContext;
 private Scroller mScroller;
 private int mScreenWidth = 0;
 private int mScreenHeigh = 0;
 private int mLastDownY = 0;
 private int mCurryY;
 private int mDelY;
 private boolean mCloseFlag = false;
 private ImageView mImgView;
 public PullDoorView(Context context) {
  super(context);
  mContext = context;
  setupView();
 }
 public PullDoorView(Context context, AttributeSet attrs) {
  super(context, attrs);
  mContext = context;
  setupView();
 }
 @SuppressLint("NewApi")
 private void setupView() {
  // 這個(gè)Interpolator你可以設(shè)置別的 我這里選擇的是有彈跳效果的Interpolator
  Interpolator polator = new BounceInterpolator();
  mScroller = new Scroller(mContext, polator);
  // 獲取屏幕分辨率
  WindowManager wm = (WindowManager) (mContext
    .getSystemService(Context.WINDOW_SERVICE));
  DisplayMetrics dm = new DisplayMetrics();
  wm.getDefaultDisplay().getMetrics(dm);
  mScreenHeigh = dm.heightPixels;
  mScreenWidth = dm.widthPixels;
  // 這里你一定要設(shè)置成透明背景,不然會(huì)影響你看到底層布局
  this.setBackgroundColor(Color.argb(0, 0, 0, 0));
  mImgView = new ImageView(mContext);
  mImgView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
    LayoutParams.MATCH_PARENT));
  mImgView.setScaleType(ImageView.ScaleType.FIT_XY);// 填充整個(gè)屏幕
  mImgView.setImageResource(R.drawable.bg1); // 默認(rèn)背景
  addView(mImgView);
 }
 // 設(shè)置推動(dòng)門背景
 public void setBgImage(int id) {
  mImgView.setImageResource(id);
 }
 // 設(shè)置推動(dòng)門背景
 public void setBgImage(Drawable drawable) {
  mImgView.setImageDrawable(drawable);
 }
 // 推動(dòng)門的動(dòng)畫
 public void startBounceAnim(int startY, int dy, int duration) {
  mScroller.startScroll(0, startY, 0, dy, duration);
  invalidate();
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  int action = event.getAction();
  switch (action) {
  case MotionEvent.ACTION_DOWN:
   mLastDownY = (int) event.getY();
   System.err.println("ACTION_DOWN=" + mLastDownY);
   return true;
  case MotionEvent.ACTION_MOVE:
   mCurryY = (int) event.getY();
   System.err.println("ACTION_MOVE=" + mCurryY);
   mDelY = mCurryY - mLastDownY;
   // 只準(zhǔn)上滑有效
   if (mDelY < 0) {
    scrollTo(0, -mDelY);
   }
   System.err.println("------------- " + mDelY);
   break;
  case MotionEvent.ACTION_UP:
   mCurryY = (int) event.getY();
   mDelY = mCurryY - mLastDownY;
   if (mDelY < 0) {
    if (Math.abs(mDelY) > mScreenHeigh / 2) {
     // 向上滑動(dòng)超過半個(gè)屏幕高的時(shí)候 開啟向上消失動(dòng)畫
     startBounceAnim(this.getScrollY(), mScreenHeigh, 450);
     mCloseFlag = true;
    } else {
     // 向上滑動(dòng)未超過半個(gè)屏幕高的時(shí)候 開啟向下彈動(dòng)動(dòng)畫
     startBounceAnim(this.getScrollY(), -this.getScrollY(), 1000);
    }
   }
   break;
  }
  return super.onTouchEvent(event);
 }
 @Override
 public void computeScroll() {
  if (mScroller.computeScrollOffset()) {
   scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
   Log.i("scroller", "getCurrX()= " + mScroller.getCurrX()
     + "  getCurrY()=" + mScroller.getCurrY()
     + " getFinalY() = " + mScroller.getFinalY());
   // 不要忘記更新界面
   postInvalidate();
  } else {
   if (mCloseFlag) {
    this.setVisibility(View.GONE);
   }
  }
 }
}

View中的scrollTo函數(shù),使View具有滾動(dòng)效果,就像ListView一樣,它的內(nèi)容是可以滑動(dòng)的,ViewGroup繼承View,所以Relativelayout可以做到滑動(dòng)效果,另外向下彈動(dòng)效果是用到Scroller類,而在構(gòu)造Scroller類時(shí)加入BounceInterpolator,你也可以加入別的插值器。其實(shí)Scroller只是一個(gè)輔助View滑動(dòng)的一個(gè)類,幫助View存儲(chǔ)滑動(dòng)數(shù)據(jù)的類,當(dāng)view滑動(dòng)時(shí),你可以從scroller中取出滑動(dòng)數(shù)據(jù),而真實(shí)滑動(dòng)運(yùn)動(dòng)效果其實(shí)是利用scrollTo瞬間達(dá)到目的地,View結(jié)合scroller以及scroller就可以實(shí)現(xiàn)這種推動(dòng)門的效果。

運(yùn)行Demo程序 查看效果

上面的圖片是模擬器上運(yùn)行的截圖,看起來有點(diǎn)卡。其實(shí)在真機(jī)上測(cè)試的很流暢。zaker的效果基本是這個(gè)樣子。

如果你想使用這個(gè)類的話,想實(shí)現(xiàn)這種效果的話,那么請(qǐng)滿足下面兩個(gè)條件。

1. PullDoorView  match_parent占據(jù)全屏 像下面這樣整個(gè)項(xiàng)目父ViewGroup可以用Framelayout

2.PullDoorView 必須要放在界面的最上面 使其可以獲取touch事件

<com.manymore13.scrollerdemo.PullDoorView
  android:id="@+id/myImage"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ddd" >
  <Button
   android:id="@+id/btn_above"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="第二層" />
  <TextView
   android:id="@+id/tv_hint"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:layout_centerHorizontal="true"
   android:layout_marginBottom="10dp"
   android:text="上滑可以進(jìn)入首頁"
   android:textColor="#ffffffff"
   android:textSize="18sp" />
 </com.manymore13.scrollerdemo.PullDoorView>

因?yàn)镻ullDoorView是一個(gè)RelativeLayout,所以你可以發(fā)揮自己的想象在里面添加任何View或者ViewGroup,上面XML中我添加了一個(gè)button和一個(gè)textView,我想這兩個(gè)View你可以再上面的動(dòng)態(tài)圖片中應(yīng)該看到了。另外PullDoorView可以根據(jù)需要更換背景圖片
你可以 PullDoorView.setBgImage(圖片)
好了就寫這么多,仿zaker用手向上推動(dòng)的效果的實(shí)現(xiàn)到此為止。

完整實(shí)例代碼點(diǎn)擊此處本站下載

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android控件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android文件操作技巧匯總》、《Android操作SQLite數(shù)據(jù)庫技巧總結(jié)》、《Android操作json格式數(shù)據(jù)技巧總結(jié)》、《Android數(shù)據(jù)庫操作技巧總結(jié)》、《Android編程之a(chǎn)ctivity操作技巧總結(jié)》、《Android編程開發(fā)之SD卡操作方法匯總》、《Android開發(fā)入門與進(jìn)階教程》及《Android資源操作技巧匯總

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • Android指紋識(shí)別認(rèn)識(shí)和基本使用詳解

    Android指紋識(shí)別認(rèn)識(shí)和基本使用詳解

    這篇文章主要為大家詳細(xì)介紹了Android指紋識(shí)別認(rèn)識(shí)和基本的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-07-07
  • Android編程使用AlarmManager設(shè)置鬧鐘的方法

    Android編程使用AlarmManager設(shè)置鬧鐘的方法

    這篇文章主要介紹了Android編程使用AlarmManager設(shè)置鬧鐘的方法,結(jié)合具體實(shí)例分析了Android基于AlarmManager實(shí)現(xiàn)鬧鐘功能的設(shè)置、取消、顯示等相關(guān)操作技巧,需要的朋友可以參考下
    2017-03-03
  • Android實(shí)現(xiàn)點(diǎn)擊圖片上傳SQLite數(shù)據(jù)庫

    Android實(shí)現(xiàn)點(diǎn)擊圖片上傳SQLite數(shù)據(jù)庫

    這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)點(diǎn)擊圖片上傳SQLite數(shù)據(jù)庫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • popupwindow焦點(diǎn)問題解決方案

    popupwindow焦點(diǎn)問題解決方案

    在android 開發(fā)過程中,總會(huì)遇到一些問題,比如popupwindow焦點(diǎn)問題等等,我們?cè)撊绾谓鉀Q呢?需要的朋友可以了解下
    2012-11-11
  • 使用kotlin協(xié)程提高app性能(譯)

    使用kotlin協(xié)程提高app性能(譯)

    這篇文章主要介紹了使用kotlin協(xié)程提高app性能(譯),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12
  • Android 下調(diào)試手機(jī)截屏的方法

    Android 下調(diào)試手機(jī)截屏的方法

    這篇文章主要介紹了Android 下調(diào)試手機(jī)截屏的方法的相關(guān)資料,希望通過本文大家能掌握這樣的功能,需要的朋友可以參考下
    2017-09-09
  • Android編程之退出整個(gè)應(yīng)用程序的方法

    Android編程之退出整個(gè)應(yīng)用程序的方法

    這篇文章主要介紹了Android編程之退出整個(gè)應(yīng)用程序的方法,實(shí)例分析了Android直接關(guān)閉所有的Acitivity并退出應(yīng)用程序的實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2015-12-12
  • 快速解決進(jìn)入fragment時(shí)不能彈出軟件盤的問題

    快速解決進(jìn)入fragment時(shí)不能彈出軟件盤的問題

    下面小編就為大家?guī)硪黄焖俳鉀Q進(jìn)入fragment時(shí)不能彈出軟件盤的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-04-04
  • flutter窗口初始和繪制流程詳析

    flutter窗口初始和繪制流程詳析

    這篇文章主要給大家介紹了關(guān)于flutter窗口初始和繪制流程的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用flutter具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • ActivityManagerService廣播并行發(fā)送與串行發(fā)送示例解析

    ActivityManagerService廣播并行發(fā)送與串行發(fā)送示例解析

    這篇文章主要為大家介紹了ActivityManagerService廣播并行發(fā)送與串行發(fā)送示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03

最新評(píng)論

崇州市| 内黄县| 徐水县| 稷山县| 普陀区| 塔城市| 武平县| 岗巴县| 保靖县| 永州市| 扎鲁特旗| 宜黄县| 三原县| 来宾市| 南郑县| 基隆市| 五峰| 东城区| 华亭县| 青海省| 陆良县| 肇州县| 仙游县| 金昌市| 土默特右旗| 福清市| 二手房| 泰来县| 通州市| 阳东县| 宁国市| 巨野县| 日照市| 芦溪县| 二连浩特市| 信阳市| 四平市| 衡东县| 华宁县| 凉山| 衡南县|