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. Artisan GloryApril 23, 2021 at 1:10 PM

    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. DOORSTEP GROCERYAugust 3, 2021 at 4:48 PM

    can not resolve symble Apptheme

    ReplyDelete
  3. Spy Camera IndiaSeptember 27, 2021 at 4:45 PM

    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

Image
  เคนเคฎ เค…เคชเคจे Application เคธे Push Notification เคญेเคœเคจा เคšाเคนเคคे เคนै เคคो เค‡เคธเค•े เคฒिเค    Firebase  เค•े    Google Cloud Messaging  Product เค•ा Use เค•เคฐेंเค—े। เคคो เค‡เคธเค•े เคฒिเค เคธเคฌเคธे เคชเคนเคฒे เค†เคชเค•ो  Firebase  เคฎें sign in เคฏा เคซिเคฐ เค…เคชเคจा account เคฌเคจाเคจा เคชเฅœेเค—ा เค†เคช เค…เคชเคจा  Google Account เค•ा Use เค•เคฐเค•े เค†เคธाเคจी เคธे เคฌเคจा เคธเค•เคคे เคนै 1. Account เคฌเคจเคจे เค•े เคฌाเคฆ เค†เคชเค•ो Get Started เคฎें Click เค•เคฐเคจा เคนै- 2. เคซिเคฐ เค†เคชเค•ो Add Project เคฎें เคšเคฒे เคœाเคจा เคนै- 3. เคซिเคฐ เค…เคชเคจे Project เค•ा เคจाเคฎ เคกाเคฒिเคฏे เค‰เคธเค•े เคฌाเคฆ Continue เคฎें Click เค•ीเคœिเคฏे- 4. เคซिเคฐ เคธे เค†เคชเค•ो Continue เคฎें Click เค•เคฐเคจा เคนै - 5. เคซिเคฐ เคนो เคธเค•เคคा เคนै เค†เคชเค•े เคฎें Country select เค•เคฐเคจे เค•ा option เค†เคเค—ा เคคो เค•เคฐ เคฒीเคœिเคฏे เคฎेเคฐे เคฎें เคจเคนीं เค†เคฏा เคนै เค‰เคธเค•े เคฌाเคฆ Firebase account select เค•เคฐเคจे เค•ा option เคฎिเคฒेเค—ा เค‰เคธเค•ो select เค•เคฐเค•े Create project เคฎें Click เค•ीเคœिเคฏे। 6. เคซिเคฐ เค†เคชเค•ो Android เค•े Icon เคชเคฐ click เค•เคฐเคจा เคนै- 7.  เคซिเคฐ เค†เคชเค•ो App เค•ा Package Name เคกाเคฒเคจा เคนै เค†เคช Package name Android Studio เคธे เคฆेเค– เคธเค•เคคे เคนै เคซिเคฐ เค†เคชเค•ो เค…เคชเคจे App เค•ा เคเค• Nick Name เคกाเคฒเคจा เคนै เค‰เคธเค•े เคฌाเคฆ เค†เคชเค•ो Register App เคฎें click เค•เคฐเคจा เคนै- 8. เคซिเคฐ เค†เคชเค•ो เคจिเคšे เคฆिเค–ाเค...
Read more

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

Image
 เคนเคฎ  เค…เคชเคจे App เคฎें Swipe Down เค•เคฐเคจे เคชเคฐ Refresh เคนो เคœाเคฏे เคœैเคธे เค•ी chrome browser เคฏा เคซिเคฐ YouTube เคฎें เคนोเคคा เคนै! เคตैเคธा Function เคฒเค—ा เคธเค•เคคे เคนैं เค‡เคธเค•े เคฒिเค เคจिเคšे Process เคฆिเคฏा เค—เคฏा เคนै- 1. เคธเคฌเคธे เคชเคนเคฒे เค†เคชเค•ो activity_main.xml เคฎें เคœाเคจा เคนै เค”เคฐ เคจिเคšे เคฆिเค เคนुเค Code เค•ो Image เคฎें เคฆिเค–ाเค เคนुเค เคธ्เคฅाเคจ เคชเคฐ Paste เค•เคฐเคจा เคนै! <androidx.swiperefreshlayout.widget.SwipeRefreshLayout android :id ="@+id/swipeContainer" android :layout_width ="match_parent" android :layout_height ="match_parent" > <WebView android :layout_width ="fill_parent" android :layout_height ="fill_parent" android :id ="@+id/webView" android :layout_alignParentTop ="true" android :layout_alignParentLeft ="true" android :layout_alignParentStart ="true" android :layout_alignParentBottom ="true" android :layout_alignParentRight ="true" android :layout_alignParent...
Read more

Convert Website Into An Android App | #7 Adding a progress bar

Image
เคนเคฎ เค…เคชเคจे App เค•ो Advance เคฌเคจाเคจे เค•े เคฒिเค เคนเคฎ เค‰เคธเคฎे Progress Bar เคฒเค—ा เคธเค•เคคे เคนैं เคœिเคธเคธे User เคธเคฎเค เคชाเคंเค—े เค•ी Page เค…เคญी Load เคนो เคฐเคนा เคนै! 1. เคจिเคšे เคฆिเค เคนुเค Code เค•ो Image เคฎें เคฆिเค–ाเค เค…เคจुเคธाเคฐ activity_main.xml  เคฎें Paste เค•ीเคœिเคฏे! <ProgressBar android :id ="@+id/progressBar" android :layout_width ="55dp" android :layout_height ="55dp" android :indeterminate ="false" android :max ="100" android :progress ="20" android :progressTint ="@color/colorAccent" app :layout_constraintBottom_toBottomOf ="parent" app :layout_constraintEnd_toEndOf ="parent" app :layout_constraintStart_toStartOf ="parent" app :layout_constraintTop_toTopOf ="parent" /> 2. เคซिเคฐ เคธे เคนเคฎे เคจिเคšे เคฆिเค เคนुเค Code เค•ो Image เคฎे เคฆिเค–ाเค เค…เคจुเคธाเคฐ  MainActivity.java เคฎें Paste เค•ीเคœिเคฏे। private ProgressBar progressBar ; เค…เคฌ เค†เคช...
Read more