在基本所有的应用中,一点应用图标,都会弹出一个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() {
@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