Android 書本開啟和關閉動畫
阿新 • • 發佈：2018-12-09
作者: Jooyer, 時間: 2018.12.08
Github地址,歡迎點贊,fork
我偶爾一次發現掌閱的開啟書本動畫不錯,然後度娘了一下,發現一個連結:download.csdn.net/download/we… , 下載下來學習膜拜了一下,發現有些動畫過度和掌閱有點不一樣,所以我就拷貝原始碼並略微修改了下,如果想看原著,上面已經貼了,這個效果是GIF,真機更流暢一些.
一共就是2個類+2個跳轉動畫
首先,看看 BookOpenView
public class BookOpenView extends FrameLayout implements
Animator 內容略多,主要涉及計算,這個細節調整,大家可根據自己喜歡的效果調整試試
再來看一個類: BookOpenViewValue ,一目瞭然啊
public class BookOpenViewValue {
private int left;
private int top;
private int right;
private int bottom;
private float x;
private float y;
private float sX;
private float sY;
private String bookName;
private String bookCover;
public BookOpenViewValue(){}
public BookOpenViewValue(int left, int top, int right, int bottom){
this.left = left;
this.top = top;
this.right = right;
this.bottom = bottom;
}
public int getRight() {
return right;
}
public void setRight(int right) {
this.right = right;
}
public int getBottom() {
return bottom;
}
public void setBottom(int bottom) {
this.bottom = bottom;
}
public int getLeft() {
return left;
}
public void setLeft(int left) {
this.left = left;
}
public int getTop() {
return top;
}
public void setTop(int top) {
this.top = top;
}
public float getX() {
return x;
}
public void setX(float x) {
this.x = x;
}
public float getY() {
return y;
}
public void setY(float y) {
this.y = y;
}
public float getsX() {
return sX;
}
public void setsX(float sX) {
this.sX = sX;
}
public float getsY() {
return sY;
}
public void setsY(float sY) {
this.sY = sY;
}
public String getBookName() {
return bookName;
}
public void setBookName(String bookName) {
this.bookName = bookName;
}
public String getBookCover() {
return bookCover;
}
public void setBookCover(String bookCover) {
this.bookCover = bookCover;
}
}
複製程式碼最後來看看在 Activity 中用法,其實和一般普通 EditText 用法一致啦!
class MainActivity : AppCompatActivity() {
private var mBookOpenView: BookOpenView? = null
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
ll_contain.setOnClickListener {
val window = window.decorView as ViewGroup
val location = IntArray(2)
ll_contain.getLocationInWindow(location)
val startValue = BookOpenViewValue(location[0], location[1],
location[0] + (ll_contain.right - ll_contain.left),
location[1] + (ll_contain.bottom - ll_contain.top))
val endValue = BookOpenViewValue(window.left,
window.top,
window.right,
window.bottom)
mBookOpenView = BookOpenView([email protected])
window.addView(mBookOpenView)
mBookOpenView?.startAnim(startValue, endValue)
mBookOpenView?.setEndListener(object : BookOpenView.OnAnimationEndListener {
override fun onAnimationEnd() {
println("onAnimationEnd========== onAnimationEnd")
startActivity(Intent([email protected], ReadActivity::class.java))
overridePendingTransition(R.anim.read_fade_in, R.anim.read_fade_out)
}
override fun onRemove() {
println("onAnimationEnd========== onRemove")
window.removeView(mBookOpenView)
}
})
}
}
override fun onResume() {
super.onResume()
println("onAnimationEnd========== onResume")
mBookOpenView?.closeAnim()
}
}
複製程式碼跳轉的 Activity 更簡單了:
class ReadActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_read)
}
// 重寫主要是去掉系統預設跳轉動畫,方便那邊執行closeAnim
override fun finish() {
super.finish()
overridePendingTransition(0, 0)
}
}
複製程式碼最後貼上2個跳轉動畫: res/anim/
read_fade_in.xml
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromAlpha="1.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:toAlpha="1.0" >
</alpha>
複製程式碼read_fade_out.xml
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromAlpha="1.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:toAlpha="0.0" >
</alpha>
複製程式碼