<\/p>\n
You must display either the Logo or an animation of the Logo in the middle of the screen. Placing the rest of the components is optional and there is no need to place all of them. If you receive data from the server side, be sure to display the Progressbar.
\nFor example, the Instagram application has a splash page like the one below.
\n![\"\"](\"https:\/\/www.programchi.ir\/\/wp-content\/uploads\/2020\/07\/photo_2020-07-12_01-19-13.jpg\")
<\/p>\n
Splash screen should not be used, but the user will understand what is happening and which application they are entering.
\nCreate an empty activity like below. (Be sure to create a raw project first called MainActivity, then continue with the steps below.)
\n![\"Image](\"https:\/\/miro.medium.com\/max\/2399\/1*MGJ0yJ-u95W5DoKN9Qwg-w.png\")
\nAnd name it as below SplashActivity.
\n![\"Image](\"https:\/\/miro.medium.com\/max\/1495\/1*YxKsyliTy-RUexgMR3ndpA.png\")
<\/p>\n
Wait for a while to sync.
\nentered the following path
\napp\u2192res\u2192values\u2192colors.xml
\nand put the following codes.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<!-- All the colors used in the application -->\r\n<resources>\r\n <color name=\"colorPrimary\">#008577<\/color>\r\n <color name=\"colorPrimaryDark\">#00574B<\/color>\r\n <color name=\"colorAccent\">#D81B60<\/color>\r\n <color name=\"grey\">#d3d3d3<\/color>\r\n <color name=\"white\">#ffffff<\/color>\r\n <color name=\"black\">#000000<\/color>\r\n<\/resources><\/pre>\nEnter the activity_splash.xml section and change its codes as below.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n android:orientation=\"vertical\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:background=\"@color\/grey\">\r\n <ImageView\r\n android:id=\"@+id\/imageView\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_marginTop=\"250dp\"\r\n android:src=\"@drawable\/ic_launcher_background\"\r\n app:srcCompat=\"@android:drawable\/sym_def_app_icon\" \/>\r\n <TextView\r\n android:id=\"@+id\/textView\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:text=\"Name of the Application\"\r\n android:textSize=\"20dp\"\r\n android:textStyle=\"bold\"\r\n android:gravity=\"center\"\r\n android:textColor=\"@color\/black\"\r\n android:layout_below=\"@id\/imageView\"\r\n android:padding=\"30dp\"\/>\r\n <ProgressBar\r\n android:id=\"@+id\/progressBar\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_below=\"@id\/textView\"\r\n android:layout_centerHorizontal=\"true\"\r\n android:layout_marginTop=\"20dp\"\r\n android:indeterminateTint=\"@color\/black\"\/>\r\n <TextView\r\n android:id=\"@+id\/textView1\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_below=\"@id\/progressBar\"\r\n android:gravity=\"center\"\r\n android:layout_marginTop=\"200dp\"\r\n android:padding=\"15dp\"\r\n android:text=\"Designed by Your Name Here\"\r\n android:textColor=\"@color\/black\"\r\n android:textSize=\"15dp\"\r\n android:textStyle=\"bold\"\r\n android:textAlignment=\"center\"\/>\r\n<\/LinearLayout><\/pre>\nNow it’s time to remove the actionbar related to your home screen, for this, enter the following path
\napp \u2192 res \u2192 values \u2192 styles.xml
\nand define the following style.<\/p>\n<style name=\"AppTheme.NoActionBar\">\r\n <item name=\"windowActionBar\">false<\/item>\r\n <item name=\"windowNoTitle\">true<\/item>\r\n <\/style><\/pre>\nimport android.content.Intent\r\nimport androidx.appcompat.app.AppCompatActivity\r\nimport android.os.Bundle\r\nimport android.os.Handler\r\nclass SplashActivity : AppCompatActivity() {\r\n \/\/ This is the loading time of the splash screen\r\n private val SPLASH_TIME_OUT:Long = 3000 \/\/ 3 sec\r\n override fun onCreate(savedInstanceState: Bundle?) {\r\n super.onCreate(savedInstanceState)\r\n setContentView(R.layout.activity_splash)\r\n Handler().postDelayed({\r\n startActivity(Intent(this,MainActivity::class.java))\r\n \/\/ close this activity\r\n finish()\r\n }, SPLASH_TIME_OUT)\r\n }\r\n}<\/pre>\nWhat happened above is that a 3-second time delay was created by using the postdelay method of the handler. Pay attention, you must set the time based on milliseconds, that is, every 1000 seconds will be equal to 1 second. Above, delay is equal to 3 definitions. and finally, after 3 seconds, it takes us to the main activity.
\nNow enter AndroidManifest.xml. Find MainActivity and cut the following lines<\/p>\n\n\n<intent-filter>\r\n <action android:name=\"android.intent.action.MAIN\" \/>\r\n <category android:name=\"android.intent.category.LAUNCHER\" \/>\r\n <\/intent-filter><\/pre>\nAnd finally set it to SplashActivity like below<\/p>\n
<activity android:name=\".SplashActivity\"\r\n android:theme=\"@style\/AppTheme.NoActionBar\">\r\n <intent-filter>\r\n <action android:name=\"android.intent.action.MAIN\" \/>\r\n <category android:name=\"android.intent.category.LAUNCHER\" \/>\r\n <\/intent-filter>\r\n<\/activity><\/pre>\nand over<\/p>\n
be successful and victorious.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
We teach how to make Splash in Kotlin. Splash also has other names, such as the login page of the program or the start page of the program. In fact, SplashScreen is a page that displays information about the application, such as the name and logo, to the user at the beginning of the software, […]<\/p>\n","protected":false},"author":4,"featured_media":4916,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-10080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/posts\/10080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/comments?post=10080"}],"version-history":[{"count":0,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/posts\/10080\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/media\/4916"}],"wp:attachment":[{"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/media?parent=10080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/categories?post=10080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/milmit.net\/en\/wp-json\/wp\/v2\/tags?post=10080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}