コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
スプラッシュスクリーン(SplashScreen)をAndroidで表示する方法 | Xamarin.Forms
- 2017/05/26
- 17:17
今回は Android でスプラッシュスクリーンを表示する方法をご紹介いたします。Xamarin ホームページにも紹介されていますが、そのままでは正しく動作しないこと、重要な設定等が省略されていましたので、ここに正しい手順を公開いたします。
尚、iOS では 次の記事「iOSのスプラッシュスクリーンを作成する方法 -LaunchScreen.storyboard-」 で実現しています。
2022/10/24追記
Android 12 (S) において、OS が自動でスプラッシュスクリーンを表示するようになりました。当記事に記載されているスプラッシュスクリーンを表示するには追加の対応が必要です。詳しくは次の記事「新しいスプラッシュスクリーンに対応する方法 -Android 12 (S)-」もご確認ください。
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.4.0.34 (NuGet Xamarin.Forms 2.3.4.247)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.8.0.175
１．画像を用意する
スプラッシュスクリーン用の画像は自作してください。私は iOS 版で作成済みですので、それを使いまわします。大きさは適当です。
Androidプロジェクト/Resources/drawable フォルダに「splash_logo.png」という名称で配置します。
※ビルドアクションは AndroidResource に設定されていることを確認してください。
ファイルの配置方法
２．設定ファイルを作成する
Androidプロジェクト/Resources/drawable フォルダに、「splash_screen.xml」というファイルを作成します。splash_screen.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<color android:color="@color/splash_background"/>
</item>
<item>
<bitmap
android:src="@drawable/splash_logo"
android:tileMode="disabled"
android:gravity="center"/>
</item>
</layer-list>
※「@drawable/splash_logo」とは drawable フォルダの splash_logo.png ファイルのことを指しています。
※「@color/splash_background」とは、colors.xml の color タグからsplash_background の値を取得します。画面の背景色になります。
３．テーマを設定する
Androidプロジェクト/values/styles.xml に以下の記述（Style タグのブロック）を追加します。スプラッシュスクリーンの起動時の設定を記述しています。<?xml version="1.0" encoding="UTF-8"?>
<resources>
<style name="MyTheme.Splash" parent ="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowBackground">@drawable/splash_screen</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowFullscreen">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowActionBar">true</item>
</style>
</resources>
※「@drawable/splash_screen」とは、drawable フォルダの splash_screen ファイルのことを指します。
４．背景色を設定する
Androidプロジェクト/values/colors.xml ファイルに以下のカラー定義を追加します。これはスプラッシュスクリーンの画像の大きさが足りない場合に同じ色で周りを埋めてくれる為に画面の背景色を設定しています。お好みの色に変更してください。<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="splash_background">#FFFFFF</color>
</resources>
５．SplashActivityを作成する
SplashActivity.csusing System.Threading.Tasks;
using Android.App;
using Android.Content;
using Android.OS;
using Android.Support.V7.App;
using Android.Util;
namespace AppName.Droid
{
[Activity(Theme = "@style/MyTheme.Splash",
MainLauncher = true,
NoHistory = true)]
public class SplashActivity : AppCompatActivity
{
static readonly string TAG = "X:" + typeof(SplashActivity).Name;
public override void OnCreate(Bundle savedInstanceState, PersistableBundle persistentState)
{
base.OnCreate(savedInstanceState, persistentState);
Log.Debug(TAG, "SplashActivity.OnCreate");
}
// Launches the startup task
protected override void OnResume()
{
base.OnResume();
Task startupWork = new Task(() => { SimulateStartup(); });
startupWork.Start();
}
// Simulates background work that happens behind the splash screen
async void SimulateStartup()
{
Log.Debug(TAG, "Performing some startup work that takes a bit of time.");
//非同期のスリープが無いとResume時にスプラッシュスクリーンが表示されない。
await Task.Delay(1000); // Simulate a bit of startup work.
Log.Debug(TAG, "Startup work is finished - starting MainActivity.");
StartActivity(new Intent(Application.Context, typeof(MainActivity)));
}
}
}
※「@style/MyTheme.Splash」と記述することで手順３で作成したテーマが読み込まれます。また、MainLauncher = true とすることにより最初に起動するActivity を変更します。
６．MainActivityの記述を変更する
MainActivity.cs ファイルに記述されている「MainLauncher = true」という記述を削除します。以上でスプラッシュスクリーンが立ち上がり、その後にアプリが起動するようになります。
参考URL
https://developer.xamarin.com/guides/android/user_interface/creating_a_splash_screen/
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
-
- Xamarin.Forms Previewer (XAMLを可視化する方法) | Xamarin.Forms
- Androidで画面の背景色（windowBackground）を変更する方法 | Xamarin.Forms
- スプラッシュスクリーン(SplashScreen)をAndroidで表示する方法 | Xamarin.Forms
- iOSでListViewのセパレータが短い件について | Xamarin.Forms
- デバイス情報を取得する方法 | Xamarin.Forms
Androidで画面の背景色（windowBackground）を変更する方法 | Xamarin.Forms ホーム
iOSでListViewのセパレータが短い件について | Xamarin.Forms
