安卓欢迎页和phonegap安卓欢迎页制作

最近想总结下学到的安卓知识，但是好像无从下手，所以先写写欢迎引导页吧。本文主要涉及到安卓原生和安卓phonegap工程的引导页制作。

先来说说安卓原生是如何制作引导页吧，这里只是很简单的制作引导页，而不嵌入其他相关控件知识（世面上大部分都时用viewpager做引导页，由于viewpager控件其他作者也写了很多我就不写了）

原生安卓引导页制作

1.首先需要制作layout xml文件用来作为引导页的容器

welcome.xml如下：

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.welcomepagedemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
      
        <activity
            android:name=".WelcomeInAPPActivity"
            android:configChanges="keyboardHidden"
            android:label="@string/app_name"
            android:launchMode="singleTask"
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />


                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".MainActivity"> </activity>
        
        
    </application>

</manifest>

2.写WelcomeInAPPActivity.java类

 

public class WelcomeInAPPActivity extends Activity {

    //延迟3秒 
    private static final long SPLASH_DELAY_MILLIS = 3000;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.welcome);
        
     // 使用Handler的postDelayed方法，3秒后执行跳转到MainActivity 
        new Handler().postDelayed(new Runnable() {
            public void run() {
                goHome();
            }
        }, SPLASH_DELAY_MILLIS);
    }
    private void goHome() {
        Intent intent = new Intent(WelcomeInAPPActivity.this, MainActivity.class);
        WelcomeInAPPActivity.this.startActivity(intent);
        WelcomeInAPPActivity.this.finish();
    }
}

 启动一个线程让引导页activity自动结束然后跳转到mainactivity中

3，最后更改安卓清单配置文件androidmanifest.xml文件让启动activity变为WelcomeInAPPActivity，mainactivity只作为普通的activit.代码如下：

<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.welcomepagedemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="21" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
      
        <activity
            android:name=".WelcomeInAPPActivity"
            android:configChanges="keyboardHidden"
            android:label="@string/app_name"
            android:launchMode="singleTask"
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />


                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".MainActivity"> </activity>
        
        
    </application>

</manifest>

到此安卓原生的引导页就制作好了。具体代码可看附件welcomePageDemo

接下来我来说说安卓phonegap引导页的制作。安卓phongap引导页比起安卓原生更简单。

在启动activity mainactivity的oncreate方法里添加：

       

 super.setIntegerProperty("splashscreen",  R.drawable.home_bg);//设置背景图片
 super.loadUrl("file:///android_asset/www/html/index.html",3000);//设置启动几秒后进入index.html

</pre></p><p>这样就算完成了。但是但你运行工程后你会发现在引导欢迎页之前还会有一个带标题栏的页面存在。什么原因呢？</p><p>是因为你在androidmanifest清单文件中设置了  android:theme="@style/AppTheme"</p><p>这样我们把它改为 android:theme="@android:style/Theme.NoTitleBar"这样就是一个无标题栏的黑屏了。</p><p>当然我们也可以自定义一个样式来做为style.</p><p>我们需要在res/value/style.xml文件中自定义一个style这样androidmanifest文件就可以引用到了。如下：</p><p><pre name="code" class="html"><style name="Theme.Start" parent="android:Theme">  
    <item name="android:windowBackground">@drawable/ic_launcher</item>  
    <item name="android:windowNoTitle">true</item>  
</style> 

在androidmanifest中引用

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.NoTitleBar" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/Theme.Start"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

建议style中的背景图片和启动引导图片一致，这样就感觉不到有闪屏现象（至少我建立的工程是这样的，大家可以试试）。

好了就写这么多了第一次写。写的糙。