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

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

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

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

新建工程1

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

由于我们还需要每个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() {
			@Override
			public 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 闫涛

我的支付宝:yt7589@hotmail.com









  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 24
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值