Convert Website Into An Android App | #8 Adding a Splash Screen

 рдЗрд╕ Part рдореЗрдВ рд╣рдо рдЕрдкрдиреЗ Application рдореЗрдВ Splash Screen рд▓рдЧрд╛рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рджреЗрдЦреЗрдВрдЧреЗред


1. Splash Screen рд▓рдЧрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдирд┐рдЪреЗ рджрд┐рдП рдЧрдП Code рдХреЛ app > res > values > styles.xml рдореЗрдВ рдирд┐рдЪреЗ image рдореЗрдВ рджрд┐рдЦрд╛рдП рдЧрдП рд╕реНрдерд╛рди рдкрд░ Paste рдХрд░реЗрдВред

<style name="AppTheme.Launcher">
<item name="android:windowBackground">@drawable/launch_screen</item>
</style>



рдЕрдм рдЖрдкрдХреЗ рдореЗрдВ рдЗрд╕ (рдирд┐рдЪреЗ Image рдореЗрдВ рджрд┐рдЦрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ) рддрд░рд╣ рдХрд╛ Error рдЖрдПрдЧрд╛ред рдЗрд╕рдХреЛ рд╣рдо рдЕрдЧрд▓реЗ Step рдореЗрдВ Solve рдХрд░реЗрдВрдЧреЗред


2. рдЕрдм рдЖрдкрдХреЛ app > res > drawable рдореЗрдВ рдЬрд╛рдирд╛ рд╣реИ рдлрд┐рд░ Drawable рдореЗрдВ Right Click рдХрд░рдирд╛ рд╣реИ рдлрд┐рд░ new > Drawable resource file рдореЗрдВ рдЬрд╛рдирд╛ рд╣реИ, рдлрд┐рд░ File Name рдореЗрдВ launch_screen рдирд╛рдо рджреЗрдирд╛ рд╣реИ рдлрд┐рд░ Ok рдкрд░ Click рдХреАрдЬрд┐рдпреЗред


3. рдЙрд╕рдХреЗ рдмрд╛рдж рдирд┐рдЪреЗ рджрд┐рдП рдЧрдП Code рдХреЛ  app > res > drawable>launch_screen рдореЗрдВ рдирд┐рдЪреЗ Image рдореЗрдВ рджрд┐рдЦрд╛рдП рд╣реБрдП рд╕реНрдерд╛рди рдкрд░ Paste рдХрд░реЗрдВред

<?xml version="1.0" encoding="utf-8"?>

<!-- The android:opacity=тАЭopaqueтАЭ lineтАКтАФтАКthis is critical in preventing a flash of black as your theme transitions. -->
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">
<item android:drawable="@color/colorPrimaryDark"/>
<item>
<bitmap
android:src="@drawable/logo"
android:gravity="center"/>
</item>
</layer-list>




4. рдЕрдм рдЖрдкрдХреЛ рдлрд┐рд░ рд╕реЗ app > res > drawable рдореЗрдВ рдЬрд╛рдХрд░ drawable рдореЗрдВ Right click рдХрд░рдХреЗ show in explorer рдореЗрдВ рдЬрд╛рдирд╛ рд╣реИ, рдлрд┐рд░ file explorer рдореЗрдВ drawable folder рдХреЗ рдЕрдВрджрд░ png format рдореЗрдВ рдЕрдкрдирд╛ Logo рдХреЛ small letter рдореЗрдВ logo рдирд╛рдо рд╕реЗ Paste рдХрд░рдирд╛ рд╣реИ

Image рдХрд╛ size 340x 340 рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ


5. рдЕрдм  рдирд┐рдЪреЗ рджрд┐рдП рдЧрдП Code рдХреЛ app > manifests > AndroidManifest.xml рдореЗрдВ рдирд┐рдЪреЗ Image рдореЗрдВ рджрд┐рдЦрд╛рдП рдЧрдП рд╕реНрдерд╛рди рдкрд░ Replace рдХрд░рдирд╛ рд╣реИ

android:theme="@style/AppTheme.Launcher">




рдЕрдм рдЖрдк рдЕрдкрдиреЗ App рдХреЛ Run рдХрд░рдХреЗ рджреЗрдЦрд┐рдпреЗ рдЙрд╕рдореЗ Splash Screen рд▓рдЧ рдЪреВрдХрд╛ рд╣реИ, рдЕрдЧрд░ рдЖрдкрдХреЛ splace screen рдХреЗ background color рдХреЛ change рдХрд░рдирд╛ рд╣реИ рддреЛ рдЖрдкрдХреЛ colors.xml рдореЗрдВ @color/colorPrimaryDark рдХреЗ color рдХреЛ Change рдХрд░рдирд╛ рд╣реИ

Comments

  1. I am new here. this is a very useful to add splash screen in my web view for me I done it successfully now i want to increase splash screen time so what i can add please share

    ReplyDelete
  2. I read your blog it's very nice and very helpful, I learn something new every time from this website, Thank you so much for posting!
    Cell Phone Monitoring for Parents - A hidden cell phone tracking app operates in stealth mode and is completely invisible to the users of the target Android device.

    ReplyDelete

Post a Comment

Popular posts from this blog

Convert Website Into An Android App | #10 Set Up Push Notifications

Convert Website Into An Android App | #6 Add Swipe down to Refresh functionality

Convert Website Into An Android App | #2 Make your first simple webview app