Android从零开始的开源项目-口袋代码-1.启动界面

原创 2016年06月01日 18:39:06

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,分别用于显示iconlogo图片,icon居中放置,logo位于底部并设置一个偏移量

放置的效果如下:

这里写图片描述

Activity中设置动画:

首先是iconlogo的动画资源文件

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 :

其中的APPIDBmob控制台自己新建的应用的专属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);
    }
}

有不足的地方欢迎指出,另外建了个新手交流Android开发的QQ群,欢迎加入.

群号:375276053

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android应用程序启动过程源代码分析

前文简要介绍了Android应用程序的Activity的启动过程。在Android系统中,应用程序是由Activity组成的,因此,应用程序的启动过程实际上就是应用程序中的默认Activity的启动过...

Android应用程序内部启动Activity过程(startActivity)的源代码分析

上文介绍了Android应用程序的启动过程,即应用程序默认Activity的启动过程,一般来说,这种默认Activity是在新的进程和任务中启动的;本文将继续分析在应用程序内部启动非默认Activit...

从零开始的Android新项目11 - 组件化实践(1)

我个人一直是比较反感黑科技的,其中首当其冲的就是 插件化 以及 保活。作为一个开发者,除了研究技术,提高自己以外,是否应该考虑些其他东西呢?尤其是我们这些嵌入式系统(客户端)开发者,在依赖、受哺于系统...

从零开始的Android新项目1 - 架构搭建篇

最近一直在忙新项目的事情,所以有的坑一直没填。。现在看来可能一时半会儿还填不了,倒不如记录一下新项目的搭建。试想一下,如果没有历史负担,没有KPI压力,去新搭建一个项目,你会怎么设计和实现呢?本系列文...

从零开始的Android新项目1 - 架构搭建篇

最近一直在忙新项目的事情,所以有的坑一直没填。。现在看来可能一时半会儿还填不了,倒不如记录一下新项目的搭建。试想一下,如果没有历史负担,没有KPI压力,去新搭建一个项目,你会怎么设计和实现呢? ...

从零开始--系统深入学习android(实践-让我们开始写代码-指南-1.Hello,World)

第1章 Hello,World 作为一名开发者,我们学习一个平台的第一印象肯定都是写一个“Hello,World”。在Android上写一个“Hello,World”是很简单的,由于我们使用Ec...

从零开始—我的开源项目5:代码完善(中)

既然使用的是csdn的博客,自然要给其来篇软文,多个广告啥的。 本项目已托管于https://code.csdn.net/代码托管平台,附git地址git://code.csdn.net/wangyu...

从零开始—我的开源项目4:代码完善(上)

计划逐步完善这款软件,让不懂编程的用户也可以轻松使用。 模板篇: 针对设计中的1、2步骤 第一步:从目录中读取.xml模板文件,而不是将模板文件内置到代码项目中。 原代码中用 configure.se...

Android——从零开始写一款开源项目

如果你想学习自定义View,如果你想自己遭轮子,那这篇文章说不定适合你

从零开始在Linux编译VLC-Android开源项目

本文以我作为菜鸟的角度来介绍从零开始,到编译出VLC类库和APK的整个过程,所以也会比较啰嗦。
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)