روش ایجاد Spash Screen در اندروید

تاریخ ارسال: دوشنبه 13 دي 1400

اسپلش اسکرین (Splash screen) یا صفحه معرفی در ابتدای نرم افزار ها، زمانی که که کاربر برنامه را باز می کند، نمایان می شوند. آنها به کل قسمت های نرم افزار می شوند. و می توانند هر طراحی که مد نظر شما است را شامل شوند.

پیاده سازی Splash screen

برای پیاده سازی اسپلش اسکرین، تنها هفت مرحله بسیار ساده کافیست. در این مطلب من قدم به قدم پیاده سازی صفحه بکار رفته در اپ لینک دات آی آر را مثال زده ام. زبان استفاده شده کاتلین می باشد. همچنین کد کامل نرم افزار هم در گیت هاب موجود است.

شروع پیاده سازی

1- یک اکتیویتی خالی بسازید. به نام SplashScreen

2- بعد از ایجاد اکتیوی خالی، xml داخل آنرا با کد زیر تکمیل نمایید (یا طرح مدنظر خودرا پیاده کنید).

SplashScreen.xml

	<?xml version="1.0" encoding="utf-8"?>
	<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="@drawable/main_gradient"
	tools:context=".MainActivity">


	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical">

	<TextView
	android:id="@+id/textView4"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:gravity="center_horizontal\|center_vertical"
	android:text="@string/app_name"
	android:textColor="@color/white"
	android:textSize="36sp"
	android:textStyle="bold\|italic" />
	</LinearLayout>
	</androidx.constraintlayout.widget.ConstraintLayout>

view raw activity_splash_screen.xml hosted with ❤ by GitHub

3- در فایل SplashScreen.kt یک متغیر برای ذخیره زمان splash screen ایجاد کنید.

	package com.darian.ls1

	import android.content.Intent
	import android.os.Bundle
	import android.os.Handler
	import androidx.appcompat.app.AppCompatActivity

	class SplashScreen : AppCompatActivity() {
	//remove screen after time out to show main app activity
	private var TIME_OUT: Long = 1000

	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContentView(R.layout.activity_splash_screen)
	loadSplashScreen()
	}

	private fun loadSplashScreen() {
	//runs timeout to remove screen
	Handler().postDelayed({
	// You can declare your desire activity here to open after finishing splash screen. Like MainActivity
	val intent = Intent(this, MainActivity::class.java)
	startActivity(intent)
	finish()
	}, TIME_OUT)
	}
	}

view raw SplashScreen.kt hosted with ❤ by GitHub

	//remove screen after time out to show main app activity
	private var TIME_OUT: Long = 1000

view raw SplashScreen-timeout.kt hosted with ❤ by GitHub

4- یک متد به نام loadSplashScreen ایجاد کنید. سپس postDelayed را از کلاس Handler صدا کنید. تا بتوان اکتیوی ایجاد شده را کنترل کرد. اکتیویتی بعدی را هم که می خواهید اجرا شود را در این اضافه کنید. متد postDepayed دو ورودی می گیرد. اولی اکتیوی بعدی است. دومی هم Timeout مدنظر ماست.

	//runs timeout to remove screen
	Handler().postDelayed({
	// You can declare your desire activity here to open after finishing splash screen. Like MainActivity
	val intent = Intent(this, MainActivity::class.java)
	startActivity(intent)
	finish()
	}, TIME_OUT)

view raw SplashScreen-timeout-code.kt hosted with ❤ by GitHub

5- حالا متد loadSplashScreen را در onCreate اکتیویتی صدا می کنیم.

	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContentView(R.layout.activity_splash_screen)
	loadSplashScreen()
	}

view raw onCreate.kt hosted with ❤ by GitHub

6- بعد از پیاده سازی اسپلش اسکرین مد نظر. حالا فایل AndroidManifest.xml باز می کنیم. در این قسمت ما می توانیم نام اکتیویتی SplashScreen را در داخل فایل ببینیم.

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