基于RxJava實現(xiàn)酷炫啟動頁
前言
RxJava 在 GitHub 主頁上的自我介紹是 "a library for composing asynchronous and event-based programs using observable sequences for the Java VM"(一個在 Java VM 上使用可觀測的序列來組成異步的、基于事件的程序的庫)。這就是 RxJava ,概括得非常精準。
之前注意到coding APP啟動頁很是酷炫,今天我們使用RxJava和屬性動畫模仿實現(xiàn)其效果。
先來看看效果

一、新建啟動頁WelcomeActivity
注意,我們這里讓WelcomeActivity繼承Activity不要繼承AppCompatActivity,因為AppCompatActivity會默認去加載主題,造成卡頓
public class WelcomeActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
}
}
二、定義引導頁布局activity_welcome.xml
不多說直接上代碼:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/iv_entry"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY"
android:src="@drawable/welcomimg1"/>
<View
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/welcomimg_bg"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="100dp"
android:gravity="center"
android:text="xialong"
android:textColor="@android:color/white"
android:textSize="23sp"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/google_logo"
android:layout_alignParentBottom="true"
android:layout_marginBottom="60dp"
android:layout_centerInParent="true"
android:tint="@android:color/white" />
</RelativeLayout>
這里我們用了相對布局,在ImageView上覆蓋一個View,該View用漸變色背景welcomimg_bg.xml以暗化圖片,
welcomimg_bg.xml代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="90"
android:startColor="@color/black"
android:endColor="@android:color/transparent"
/>
</shape>
其中startColor表示起始顏色,endColor表示結束顏色,angle=90 表示顏色從下往上漸變。
三、隨機選取圖片并使用RxJava啟動動畫
最后我們的WelcomeActivity.java長這樣:
public class WelcomeActivity extends Activity {
@Bind(R.id.iv_entry)
ImageView mIVEntry;
private static final int ANIM_TIME = 2000;
private static final float SCALE_END = 1.15F;
private static final int[] Imgs={
R.drawable.welcomimg1,R.drawable.welcomimg2,
R.drawable.welcomimg3,R.drawable.welcomimg4,
R.drawable.welcomimg5, R.drawable.welcomimg6,
R.drawable.welcomimg7,R.drawable.welcomimg8,
R.drawable.welcomimg9,R.drawable.welcomimg10,
R.drawable.welcomimg11,R.drawable.welcomimg12,};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
ButterKnife.bind(this);
Random random = new Random(SystemClock.elapsedRealtime());//SystemClock.elapsedRealtime() 從開機到現(xiàn)在的毫秒數(shù)(手機睡眠(sleep)的時間也包括在內(nèi))
mIVEntry.setImageResource(Imgs[random.nextInt(Imgs.length)]);
Observable.timer(1000, TimeUnit.MILLISECONDS)
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Action1<Long>()
{
@Override
public void call(Long aLong)
{
startAnim();
}
});
}
private void startAnim() {
ObjectAnimator animatorX = ObjectAnimator.ofFloat(mIVEntry, "scaleX", 1f, SCALE_END);
ObjectAnimator animatorY = ObjectAnimator.ofFloat(mIVEntry, "scaleY", 1f, SCALE_END);
AnimatorSet set = new AnimatorSet();
set.setDuration(ANIM_TIME).play(animatorX).with(animatorY);
set.start();
set.addListener(new AnimatorListenerAdapter()
{
@Override
public void onAnimationEnd(Animator animation)
{
startActivity(new Intent(WelcomeActivity.this, MainActivity.class));
WelcomeActivity.this.finish();
}
});
}
}
這里的RxJava使用了timer操作符,它的意思是延遲執(zhí)行某個操作,第一個參數(shù)表示延遲時間,第二個參數(shù)是時間單位。
好了,就醬。以上就是用RxJava打造酷炫啟動頁的全部內(nèi)容,希望本文對大家學習Android開發(fā)有所幫助。
- 啟動tomcat時 錯誤: 代理拋出異常 : java.rmi.server.ExportException: Port already in use: 1099的解決辦法
- 學習javaweb如何配置Tomcat的熱啟動
- java eclipse 啟動參數(shù)
- Java實現(xiàn)軟件運行時啟動信息窗口的方法
- java在linux系統(tǒng)下開機啟動無法使用sudo命令的原因及解決辦法
- 詳解Java多線程編程中線程的啟動、中斷或終止操作
- 詳解Java編程中線程同步以及定時啟動線程的方法
- 解決eclipse啟動時報錯Failed to create the Java Virtural Machine.問題的方法
- Android Studio啟動報錯Java 1.8 or later is required的解決方法
- java如何實現(xiàn)項目啟動時執(zhí)行指定方法
相關文章
Android中的layout_gravity與gravity屬性詳解
layout_gravity和gravity是Android開發(fā)中用于控制視圖布局和對齊方式的兩個屬性,layout_gravity用于指定視圖在父容器中的對齊方式,而gravity用于指定視圖內(nèi)部內(nèi)容的對齊方式,本文介紹Android中的layout_gravity與gravity屬性,感興趣的朋友一起看看吧2025-03-03
自定義Adapter并通過布局泵LayoutInflater抓取layout模板編輯每一個item實現(xiàn)思路
自定義Adapter并通過布局泵LayoutInflater抓取layout模板編輯每一個item,下面我們開始學習這一篇的內(nèi)容,感興趣的朋友可以了解下哈2013-06-06
Android使用ViewDragHelper實現(xiàn)圖片下拽返回示例
這篇文章主要介紹了Android使用ViewDragHelper實現(xiàn)圖片下拽返回示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Flutter 滾動監(jiān)聽及實戰(zhàn)appBar滾動漸變的實現(xiàn)
這篇文章主要介紹了Flutter 滾動監(jiān)聽及實戰(zhàn)appBar滾動漸變,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
Android基于TextView不獲取焦點實現(xiàn)跑馬燈效果
這篇文章主要介紹了Android基于TextView不獲取焦點實現(xiàn)跑馬燈效果,結合實例形式分析了Android基于TextView實現(xiàn)跑馬燈的功能與布局相關技巧,需要的朋友可以參考下2017-02-02

