最老程序员创业开发实训2---采用MVC架构的应用Splash页面实现

在基本所有的应用中，一点应用图标，都会弹出一个Splash页面，显示几秒钟，然后再进入到程序的主页面中（如果是用户第一次使用，会进入一个新手引导系列页面，介绍产品的主要功能）。今天我们就来开发这个页面。

这个页面是几乎所有应用都会用到的页面，所以我们希望在多个应用中重用，怎么来实现呢？在Android中，我们可以将这个页面做成一个工程项目，所有其他应用项目，都引用这个工程项目，就可以直接使用这个Splash页面的实现了。

我们先建立一个普通的Android工程（我们在调通这个功能之后，我们会将其改为Library工程），工程名字叫WkyLib，最低Android SDK版本选为4.0（因为其他版本市场占有率太低了，没必要再支持了），主题Theme选择为None。如下图所示：

新建工程的其他步聚都比较简单，这里就不再列出了。

由于我们还需要每个Activity处理因为模型类数据改变所产生的事件，因此我们需要定义工程中Activity基类WkyActivity，其继承Activity，在该类中主要是获取Handler实例，另外就是将Activity设置为不显示TitleBar，但是保留显示屏幕上方的状态条。代码如下所示：

public class WkyActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE); // 不显示TitleBar        // 连屏幕上的状态栏也不显示        //getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);        // 在manifest文件中对每个activity android:theme="@android:style/Theme.NoTitleBar.Fullscreen"        handler = new Handler();    }        protected Handler handler = null;}

注意：实现Activity全屏显示的方法有两种，一种是如上面的代码所示，另一种方式是设置Manifest文件中每个Activity的属性android:theme="@android:style/Theme.NoTitleBar.Fullscreen"，两种方法的效果是一样的。

下面来设计Splash屏幕的基类SplashWkyActivity，其用于实现应用启动前先显示几秒钟某个页面，然后再进入程序的主页面。在每个具体的应用程序中，需要引用本库工程并继承此类，实现本功能。

先在res/values/strings.xml文件中定义界面中需要的字符串：

    <!-- Splash页面 -->    <string name="copy_right">©2014随诊医生</string>    <string name="splash_image_desc">程序加载图片</string>

然后定义界面的布局文件，在上篇文章的我们知道，Android的布局文件大致相当于MVC中的视图（View），具体内容如下：

<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" >    <LinearLayout        android:layout_centerInParent="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content" >        <ImageView            android:id="@+id/lib_splashImage"            android:contentDescription="@string/splash_image_desc"            android:scaleType="fitXY"            android:layout_width="match_parent"            android:layout_height="match_parent"            android:src="@drawable/app_splash" />    </LinearLayout>         <TextView        android:visibility="gone"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:layout_marginBottom="30dp"        android:text="@string/copy_right"        android:textColor="#ff6E6E6E"        android:textSize="15sp" /></RelativeLayout>

这个界面比较简单，只有一个应用启动图片和在下部的版权信息，整体部局采用相对布局。

下面是SplashWkyActivity类的定义：

public class SplashWkyActivity extends WkyActivity {public SplashWkyActivity() {startMainActivityTask = new Runnable() {@Overridepublic void run() {Intent intent = new Intent(SplashWkyActivity.this, MainActivity.class);startActivity(intent);finish();}};}    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_splash);        getControls();        setupEventHandlers();        // 显示指定时间后，转入主页面        handler.postDelayed(startMainActivityTask, SPLAY_STAY_TIME);    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {                // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }        public final static long SPLAY_STAY_TIME = 1000; // 为1秒钟            /**     * 取出界面中所有可操作的控件，与IOS中的IOutlets定义类似     * 【闫涛 2015.08.25】初始版本     */    protected void getControls() {    splashImgv = (ImageView)findViewById(R.id.lib_splashImage);    }        /**     * 为界面上控件绑定事件处理函数，与IOS中的IAction设置类似     * 【闫涛2015.08.25】初始版本     */    protected void setupEventHandlers() {    }        protected Runnable startMainActivityTask = null;        private ImageView splashImgv = null;}

在上面的代码中，在onCreate里首先调用基类进行初始化，然后调用getControls方法取得界面上所有控件的实例，这样就可以在Activity里操纵各个控件了。在上一篇文章中，当界面产生用户交互事件后，需要通过Activity来处理，在Android中采用的是事件监听者模式，而setupEventHandler方法就是设置界面上产生的各种事件的处理函数。而在后面的课程中，我们可以看到，实际上IOS的处理与此类似。

我们在Manifest文件中加入SplashWkyActivity并设置其为启动Activity，如下所示：

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.weikangyun.wkylib"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="14"        android:targetSdkVersion="19" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name="com.weikangyun.wkylib.controller.SplashWkyActivity"            android:screenOrientation="portrait"            android:label="@string/app_name" >            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>        <!-- 程序主界面 -->        <activity            android:name="com.weikangyun.wkylib.MainActivity"            android:launchMode="singleTask"            android:screenOrientation="portrait" >        </activity>    </application></manifest>

完成上述所有工作后，运行该程序，如果顺利的话，会看到一个带有Splash屏幕的应用就这样生成了。

好了，目前这个工程的所有工作已经基本完成，我们选中这个工程，点击右键，选择属性=》Android，将IsLibrary勾选上，这样一个基础的库就形成了，以后再开发具体应用时，我们就可以直接引用这个工程，就拥有了Splash屏幕的功能了。

在下一节中，我们将利用这个库工程，做出一个具体的应用，我们要做的应用叫维康基因，分为基因师版、医生版、大众版，这三个应用中，很多功能是重复的，因此我们可以把重复的功能写到WkyLib库工程中，这样就实现了代码重用。

华丽的分隔线

******************************************************************************************************************************************************************************

希望大家多支持，有大家的支持，我才能走得更远，谢谢！

银行账号：622202 0200 1078 56128 闫涛

我的支付宝：[e-mail]