Android从零开始的开源项目-口袋代码-1.启动界面
android,开源项目,启动界面2016-06-01
Android从零开始的开源项目-口袋代码-1.启动界面
总目录: Android从零开始的开源项目-口袋代码
效果示例:
实现流程:
App在启动的时候或多或少都会有一个黑屏或者白屏的过程,即使Activity的生命周期方法内什么都不做也会有,用户体验很差,所以要首先给Activity设置一个主题,设置windowBackground资源,并在onCreate内切换回原本的主题.这样一来启动的时候就会显示设置的主题,当走到onCreate的时候又变回原先的主题,这样就达到了去除黑屏或者白屏的目的.
详细参考: Android启动优化,去除白屏或者黑屏
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_login"
tools:context=".activity.LauncherActivity">
<ImageView
android:id="@+id/launcher_logo"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerInParent="true"
android:src="@mipmap/ic_icon" />
<ImageView
android:id="@+id/launcher_icon"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="20dp"
android:src="@mipmap/ic_logo" />
</RelativeLayout>给父布局设置background,背景是一个渐变的drawable,内容如下:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="90" //渐变的角度
android:centerColor="#136656" //中间颜色
android:endColor="#04BC7A" //结束颜色
android:startColor="#1E5359" // 开始颜色
android:type="linear" /> //渐变模式为线性
</shape>自定义Drawable的效果如下:
布局内还包含两个ImageView,分别用于显示icon与logo图片,icon居中放置,logo位于底部并设置一个偏移量
放置的效果如下:
Activity中设置动画:
首先是icon与logo的动画资源文件
launcher_logo.xml (注释直接写在xml文件内部方便查看,复制的话记得删除)
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale //缩放动画
android:fromXScale="0.8" //x坐标的起始缩放值
android:fromYScale="0.8" // y坐标的起始缩放值
android:pivotX="50%" // 缩放的中点x坐标为当前组件的中点
android:pivotY="50%" // 缩放中点y坐标
android:toXScale="1.0" // 终止的缩放x方向的比例
android:toYScale="1.0" /> //终止的缩放y方向的比例
<translate //位移动画
android:fromYDelta="100%" // 起始的y坐标
android:toYDelta="-100%" /> //终止的y坐标
</set>关于位移动画用一张图来解释一下:
Activity中的操作:
设置主题:
style.xml内添加主题,设置窗口背景,则点击app图标时会立即加载这个资源文件,不会有白屏或者黑屏出现
<style name="AppTheme.LauncherTheme">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowBackground">@drawable/bg_login</item>
</style>Manifest文件中设置主题:
<activity
android:name=".activity.LauncherActivity"
android:theme="@style/AppTheme.LauncherTheme">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>onCreate内换回原本的主题:
原本的主题为AppTheme_NoActionBar
@Override
protected void onCreate(Bundle savedInstanceState) {
setTheme(R.style.AppTheme_NoActionBar);
super.onCreate(savedInstanceState);
...
}设置窗口全屏:
private void initWindow() {
Window window = getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}初始化Bmob SDK :
其中的APPID是Bmob控制台自己新建的应用的专属ID
关于Bmob的基本使用其开发文档内有详细的说明,本身使用起来也非常简单,直接给个Bmob的地址:Bmob后端云
private void initSdk() {
Bmob.initialize(this, BrioalConstan.APPID); //第二个参数传入APPID
}启动动画
设置动画监听,当动画结束的时候结束当前界面进入主界面,并设置切换动画,关于切换动画的详细叙述参考另一篇文章,资源文件也是用的那篇文章内的:
PendingTransition实现炫酷的Activity切换动画
private void startAnimation() {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.launcher_logo);
animation.setDuration(1500);
animation.setFillAfter(true);
animation.setInterpolator(new AccelerateDecelerateInterpolator());
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
startActivity(new Intent(LauncherActivity.this, MainActivity.class));
LauncherActivity.this.finish();
overridePendingTransition(R.anim.slide_in_down, R.anim.slide_out_top);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
mLogo.startAnimation(animation);
mDesc.startAnimation(animation);启动界面就完成了,贴一下Activity的完整代码:
package com.brioal.pocketcode.activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import com.brioal.pocketcode.util.BrioalUtil;
import com.brioal.pocketcode.MainActivity;
import com.brioal.pocketcode.R;
import com.brioal.pocketcode.util.BrioalConstan;
import butterknife.Bind;
import butterknife.ButterKnife;
import cn.bmob.v3.Bmob;
public class LauncherActivity extends AppCompatActivity {
@Bind(R.id.launcher_logo)
ImageView mLogo;
@Bind(R.id.launcher_icon)
ImageView mDesc;
@Override
protected void onCreate(Bundle savedInstanceState) {
setTheme(R.style.AppTheme_NoActionBar);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_launcher);
ButterKnife.bind(this);
initWindow();
initSdk();
startAnimation();
}
private void initWindow() {
Window window = getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}
private void startAnimation() {
Animation animation = AnimationUtils.loadAnimation(this, R.anim.launcher_logo);
animation.setDuration(1500);
animation.setFillAfter(true);
animation.setInterpolator(new AccelerateDecelerateInterpolator());
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
startActivity(new Intent(LauncherActivity.this, MainActivity.class));
LauncherActivity.this.finish();
overridePendingTransition(R.anim.slide_in_down, R.anim.slide_out_top);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
mLogo.startAnimation(animation);
mDesc.startAnimation(animation);
}
private void initSdk() {
Bmob.initialize(this, BrioalConstan.APPID);
BrioalUtil.init(this);
}
}