1. 程式人生 > >Android兩行程式碼搞定ViewPager的過渡動畫

Android兩行程式碼搞定ViewPager的過渡動畫

[Java] 純文字檢視 複製程式碼 ?
1 2 3 4 5 6 viewpager.setPageTransformer(false, new ViewPager.PageTransformer() { @Override public void transformPage(View page, float position) { // do transformation here } });

transformPage(View page, float position)方法有兩個引數,page引數代表當前view 或 fragment,position引數就是它的位置的值。滑動的時候,起始page和目標page的各自的transformPage()就會被同時觸發呼叫。一個page的position為0代表它處於中間,為1代表它完全處於右邊,為-1代表它完全處於左邊。
官方文件是這樣說的,position是一個page相對於螢幕中心的位置。position的值跟隨使用者滑動page而變化。當page填充螢幕完全可見的時候,它的position是0;page位於螢幕右邊,它的position是1。兩個page同時滑動到一半的時候,左邊page的position是-0.5,右邊page的position是0.5。(因為左右是對稱的)所以,為了不考慮正負值,我們取position的絕對值: final float normalizedposition = Math.abs(Math.abs(position) - 1);




現在左右兩個page各自有了一個0到1之間的normalizedposition值(左邊在遞減[1,0],右邊在遞增[0,1]),怎麼用就靠你了。比如,首先,我們可以做一個淡入淡出效果

[Java] 純文字檢視 複製程式碼 ?
1 2 3 4 5 @Override public void transformPage(View page, float position) { final float normalizedposition = Math.abs(Math.abs(position) - 1); page.setAlpha(normalizedposition); }


尺寸大小變化效果:
[Java] 純文字檢視 複製程式碼 ?
1 2 3 4 5 6 @Override public void transformPage(View page,
float position) { final float normalizedposition = Math.abs(Math.abs(position) - 1); page.setScaleX(normalizedposition / 2 + 0.5f); page.setScaleY(normalizedposition / 2 + 0.5f); }


最後一個例子是使page沿Z軸方向旋轉30度:
[Java] 純文字檢視 複製程式碼 ?
1 2 3 4 @Override public void transformPage(View page, float position) { page.setRotationY(position * -30); }


相關推薦

Android程式碼ViewPager過渡動畫

[Java] 純文字檢視 複製程式碼 ? 1 2 3 4 5 6 viewpager.setPageTransformer(false, new ViewPager.PageTransformer() { @Override public void tr

Golang搭建靜態伺服器- 程式碼

windows下,新建資料夾D:\webserver\gowww\site 並放入一個靜態網站的所有檔案 新建go原始檔 staticweb.go // staticweb package main import ( "net/http" ) func

超簡單,幾程式碼Android底部導航欄

  咳咳,答應過年增加新功能的,沒想到拖到現在,延遲了一個來月,尷尬,尷尬 那個,我們先忽略這尷尬的事情吧,進入正題才是最重要滴 老規矩,先上效果圖: BottomTabBar.png 跟原來的圖有個很明顯的區別,你們也一定都發現了,對不對。那麼顯眼的小紅

十幾程式碼Android呼叫支付寶支付

最近專案用到了支付寶支付,但是百度搜到的都是些如何把支付寶官方的demo進行修改,伺服器端的程式碼依舊存留在我們的專案中,非常影響我們的閱讀文件能力,在這裡,我把伺服器程式碼全部刪除,僅僅保留我們android需要呼叫的方法。 支付寶android整合地址

python中三程式碼發郵件

一般發郵件方法 我以前在通過Python實現自動化郵件功能的時候是這樣的: import smtplib from email.mime.text import MIMEText from email.header import Header # 傳送郵箱伺服器 smtpserver

Swift.輪轉動畫,100程式碼

實現效果: 靜止時:子view對稱排列,允許動態新增,0~24個都能較好的顯示. 旋轉時:中心view不動,子view隨手勢旋轉,最下方子view變大突出. 實現思路: 所有的控制元件全部加到一個大的背景view上,本質上旋轉的是這個背景view,在旋轉背景view的同

Swift.左側弧形tableView,50程式碼

實現效果: 左側有弧形區域的tableview,實現簡單螢幕適配,可修改弧度和cell高度. 可增加中間cell最大,上下端cell依次變小的效果. 實現方式: 1.實現根據tableView.contentOffset.y獲取偏移角度方法 2.獲取螢幕中顯示的ce

用java8實現6程式碼遞迴刪除多級非空目錄

在review 程式碼的時候,看到同事寫的程式碼刪除多級非空目錄,寫的很長一串,太複雜,就自己寫了一個,分享給大家: package com.test.java8; import java.io.File; import java.util.Arrays; import java.uti

python入門機器學習,3程式碼線性迴歸

  本文著重是重新梳理一下線性迴歸的概念,至於幾行程式碼實現,那個不重要,概念明確了,程式碼自然水到渠成。   “機器學習”對於普通大眾來說可能會比較陌生,但是“人工智慧”這個詞簡直是太火了,即便是風雲變化的股市中,只要是與人工智慧、大資料、雲端計算相關的概念股票都會有很好的表現。機器學習是實現人工智慧的基

如何把小電影女主角換成Angelababy,一百程式碼AI換臉技術

在座的各位,是不是已經試過人臉解鎖手機了?是不是嘗試過刷臉購物了?玩過人臉識別的動物表情小遊戲了沒?如果都有的話,那麼想必咱們可以達成一個共識:AI在人臉這件事上已經越來越精通了。 如果說識別只是AI對人臉做出的第一件事,那麼第二件事是什麼呢?從種種跡象來看,答案只有一個,那就是給人換臉。

如何寫一個簡單的猜數字遊戲?60程式碼,進來轉轉吧

#define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> void menu() { printf("******************************\n"); printf(“歡迎來到猜數

10程式碼微信支付(Java版)

微信支付痛點 對於大多數同學來說,要開發微信支付可不簡單。 附上微信支付官方文件https://pay.weixin.qq.com/wiki/doc/api/index.html 從文件上可以看出,你需要解決很多問題,我就隨便挑幾個吧。 xml與物件的互轉: 微

python九程式碼百度翻譯

筆者最近在做一個前端的翻譯功能,用到了百度翻譯的api,不過每月都有200萬字的翻譯限制。所以就開始用python爬蟲來嘗試爬取一下百度的翻譯。     先進入百度的翻譯頁面,網址 http://fanyi.baidu.com/translate。然後進入開發者模式(F12

Java三程式碼MD5加密

Get MD5 Hash In A Few Lines Of Java /** * 對字串md5加密 * * @param str * @return */ public String getMD5(String str) { String ret = null; try

android6.0動態許可權的設定——幾程式碼

只需要兩步走: 一、程式碼請求許可權 /** * android6.0執行時許可權,檢測 */ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {//6.0以上 int checkPermission =

5程式碼floyd演算法

簡介 floyd是圖搜演算法中很經典的一個演算法,用於求一副圖中任意兩點之間的最短路徑(時間,花費等)。其演算法思想感覺比Dijkstra簡單,而且程式碼也很容易實現。不過就是效率比較低,三個for迴圈導致複雜度為O(n3)。 例項 假如有如下的地圖,

For迴圈7程式碼九九乘法表

      相信剛開始Python入門的小夥伴都有列印過九九乘法表, 下面分享一個用for迴圈實現的列印方法. 就7行程式碼,可以放在IDE中debug一下,體會一下簡單巧妙的實現過程! ! for i in list(range(1, 10)): for

AlloyTouch實戰--60程式碼QQ看點資料卡

先驗貨 訪問DEMO你也可以點選這裡 原始碼可以點選這裡 如你體驗所見,流程的滾動的同時還能支援頭部的動畫?不斷地載入新資料還能做到流暢的滑動!怎麼做得的?使用AlloyTouch CSS 0.2.0及以上版本便可! 頭部動畫 載入更多 實現程式碼 var infoList = document.

Android 程式碼實現換膚 從appcompat-v7原理出發

背景 換膚方案原理在網上已經很多了, 這裡不再詳細描述, 強迫症的我總是想讓提供給別人使用的SDK儘量好用, 哪怕是給自己帶來額外的工作量, 經過一段時間的奮鬥, 實現了一個自我感覺良好的換膚框架. 這裡主要來看看Android 原始碼中”com.android.su

Python黑科技 實現U盤自動讀取複製~幾程式碼

python玩蛇群 歡迎加入      901170193 先貼程式碼 import os,time,shutil,re #識別檔案的格式 regex_filename = re.compile(r'(.*zip$)|(.rar$)|(.*docx$)|(.*ppt