最老程序员创业开发实训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() {
			@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 闫涛

我的支付宝:[email protected]

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

时间: 2024-08-12 11:54:04

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

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

在上篇文章中,我们已经将Splash页面显示封装到了WkyLib工程中,在本节中,我们将建立一个具体应用工程:维康基因基因师版(WkgJys),是一款面向基因师的工具软件,可以使基因师更好的管理客户,建立自己的个人品牌,向客户提供在线咨询.线下预约咨询等功能.这只是一款假想中的软件,我们不用太去考虑软件的商业价值,我们的重点是如体来实现这款软件. 建立WkgJys工程,首先我们设定这个工程需要依赖于我们上节所建立的库工程WkyLib,方法是选中WkgJys项目,按右键,选择项目属性=>Andro

最老程序员创业开发实训4---IOS平台下MVC架构

在前面几篇文章中,我们大致研究了一下,在Android平台,以应用开始时的Splash页面为例,讲述了怎样利用MVC架构来实现这一简单功能,有可能有朋友认为,对于这样简单的功能,采用MVC架构有些过了.但是,如果需求变为,需要根据时间.地点等,显示从服务器上下载的图片,那么我们所采用的架构,就具有一定的优势了. 下面,我们将讲述在IOS平台怎样实现相同的功能.我们知道在IOS平台上开发原生应用,有两种技术可供选择,即Objective-C或Swift.如果对于找工作而言,当前最好的选择依然是Ob

最老程序员创业开发实训14---PHP---用户体系数据库设计

在做完了之前的一系列工作之后,终于要进行应用后台的设计和实现环节了.在后台设计中,我们觉得数据库的设计是最重要的根基,因为所有业务逻辑均是架构在数据库的基础之止,如果对数据库进行修改,程序可能需要大改,工作量将非常之大,所以数据库设计必须非常重视. 在谈数据库设计之前,我们先谈一下ORM,即关系数据库与面向对象系统的映射,其理由是面向对象开发人员,不了解关系型数据库,因些引入ORM,使其不需要学习关系型数据库就可以进行数据库开发.我们认为,关系型数据已经有了几十年的发展历史,理论和实践都很成熟,

最老程序员创业开发实训12---Android---在MVC架构下Activity设计及实现

在上一节中,我们讲述了如何在Android平台下,以MVC架构为指导,实现模型类的方法.在本节中,我们要重点讨论一下,怎样设计Activity类,作为MVC中的控制器,并在其中使用我们在上节所讲述的模型类.在这里我们只讨论重要的代码,对于资源文件及Activity页面设计及实现细节,由于篇幅所限,就只能略过了,大家可以在稍后公布的项目下载包中查看相应的代码. 我们以具体项目WkgJys项目为例,项目在首次运行时,Splash页面之后,会进入JysAppTourActivity,在看完所有介绍页面

最老程序员创业开发实训7---Cocoa Touch Framework实现Splash屏幕功能

在Xcode中建立好工程空间(Work Space)之后,并且建立Cocoa Touch Framework工程WkyLib和应用工程WkgJys工程,下面我们就可以开始进行正式开发了. 首先我们进入Cocoa Touch Framework工程WkyLib,先在下面创建如下组用于组织代码:common, model, view, controller,如下图所示: 同时,在WkyLib的目录下,创建相同的目录common, model, view, controller, images: 在v

最老程序员创业开发实训6---用Swift创建Framework工程重用代码

由于我们要开发一系列应用,很多基础功能是通用的,我们希望这些通用功能可以实现不同程序之间重用,在IOS开发中,可以通过静态库和Framework两种方式来实现,我们选择采用Framework方式,因为这种方式更加灵活.在本节中,我们将创建一个CocoaTouch Framework工程WkyLib,实现Splash屏幕功能,然后创建WkgJys应用,调用WkyLib中的Splash屏幕功能. 新建一个在文件=>新建中选择新建Workspace,如下图所示: 在Xcode中建立Cocoa Touc

最老程序员创业开发实训8---IOS---在Swift中用定时任务显示Splash页面

在上一节中,我们用Swift实现了Splash页面的显示,但是仅仅显示Splash页面是不够的,我们需要显示Splash页面2秒,然后跳转到下一个页面,因此需要实现定时任务的功能.在Android中,我们采用了系统的函数postDelayed来实现这一功能,在IOS系统中,我们需要使用GCD. 首先我们简单了解一下GCD.我们知道,对于手机而言,多核CPU用得越来越多,这样真正的多任务就是益成为现实,因为每个CPU核都可以独立地执行单独的任务.GCD正是为了使程序员更方便地使用多核CPU而引入的

最老程序员创业开发实训10---Android---注册登录功能实现1

用户在观看完应用介绍页面之后,会点击进入应用按钮,这时由于用户是第一次运行,所以会弹出注册页面.如果是老用户,启动应用时,在Splash页面之后,如果应用记录着用户的登录信息,测直接进入主页面,如果从本地取不到用户登录信息,则将显示登录页面. 注册和登录功能看起来很简单,但是由于我们这里需要实现一个完整的应用支撑基础设施,因此需要分几个部分来进行.我们首先会讨论怎样创建并使用Activity中会用到的Model类,在这中间我们会采用Application对象作为中心信息仓库,每个Model类只是

最老程序员创业开发实训13---Android---网络请求与异步任务

在完成了用户注册和登录页面的界面设计工作之后,我们就需要让我们的程序向后台发起请求,请求后台PHP程序实际进行用户注册操作.在新版本的Android系统中,所有的网络请求必须以异步的方式来进行,我们既可以通过线程方式也可以通过Android系统为我们提供的异步任务方式来完成,我们在这里选择采用异步任务的方式来进行网络操作. 根据异步任务的原理,当应用调用异步任务时,异步任务会在后台完成相应的网络操作,在完成之后,在onPostExecute方法中通知界面,更新操作状态.有两种方法可以完成这项任务