Posts

Showing posts from October, 2020

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 ; เค…เคฌ เค†เคช

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

Convert Website Into An Android App | #5 Go back functionality and Animation

Image
เค…เค—เคฐ เค†เคช เคšाเคนเคคे เคนैं เค•ी User Back เค•เคฐे เคคो เคชिเค›เคฒे Page เคชเคฐ เคšเคฒा เคœाเคฏे เค”เคฐ เค…เค—เคฐ Last Page เค† เคœाเคฏे เคคो User เคธे เคชूเค›े "Are you sure. You want to close this app" เค”เคฐ Yes or No เค•ा option เค† เคœाเคฏे! เคคो เคจिเคšे เค‰เคธเค•ा Process เคฆिเคฏा เค—เคฏा เคนै! 1. เคจिเคšे เคฎें เคฆिเค  เค—เค Code เค•ो  MainActivity.java ( app > java > domain > MainActivity.java ) เคฎें Image เคฎे เคฆिเค–ाเค เคนुเค เคธ्เคฅाเคจ เคชเคฐ Paste เค•ीเคœिเคฏे! //set back button functionality @Override public void onBackPressed () { //if user presses the back button do this if ( webview .isFocused() && webview .canGoBack()) { //check if in webview and the user can go back webview .goBack() ; //go back in webview } else { //do this if the webview cannot go back any further new AlertDialog.Builder( this ) //alert the person knowing they are about to close .setTitle( "EXIT" ) .setMessage( "Are you sure. You want to close this app?" ) .setPositiveButton( "Yes" , new DialogInterface

Convert Website Into An Android App | #4 Check User Is Connected To The Internet

Image
 1. User Internet เคธे connected เคนै เคฏा เคจเคนीं เค‰เคธเค•ो Check เค•เคฐเคจे เค•े เคฒिเค เค†เคชเค•ो เคธเคฌเคธे เคชเคนเคฒे  app > manifests > AndroidManifest.xml เคฎें เคœाเคจा เคนै! 2. เคซिเคฐ เคจीเคšे เคฆिเค เคนुเค Code เค•ो Image เคฎें เคฆिเค–ाเค เคนुเค เคธ्เคฅाเคจ เคชเคฐ Paste เค•เคฐ เคฒेเคจा เคนै! <uses-permission android :name ="android.permission.ACCESS_NETWORK_STATE" />  3. เค…เคฌ เค†เคชเค•ो  MainActivity.java    ( app > java > Package Name > MainActivity.java)  เคฎें เคœाเคจा เคนै เคซिเคฐ เคจीเคšे เคฆिเค เคนुเค Code เค•ो Image เคฎें เคฆिเค–ाเค เค…เคจुเคธाเคฐ Package Name เค•ो เค›ोเฅœเค•เคฐ เคฌाเค•ि เคธเคญी Code เค•े เคธ्เคฅाเคจ เคชเคฐ Paste เค•เคฐ เคฆेเคจा เคนै! import android.app.AlertDialog ; import android.content.Context ; import android.content.DialogInterface ; import android.net.ConnectivityManager ; import android.net.NetworkInfo ; import android.os.Bundle ; import android.util.Log ; import android.webkit.WebView ; import android.webkit.WebViewClient ; import androidx.appcompat.app.AppCompatActivity ; public class MainActivity extends AppCompatActivity { String websiteURL = "https://youtube.com/technicalsangrah&

Convert Website Into An Android App | #3 Changing App icon and colours and delete action bar

Image
 1. Colours เค•ो Change  and Action bar เค•ो Delete เค•เคฐเคจे เค•े เคฒिเค Colors.xml and styles.xml Tab เค•ो เคจिเคšे เคฆिเค เค…เคจुเคธाเคฐ Double  tap  เค•เคฐเค•े Open เค•เคฐ เคฒीเคœिเค!  app > res > values > colors.xml app > res > values > styles.xml 2. เค…เคฌ เคนเคฎ เคœिเคธ เคญी color เค•ो change เค•เคฐเคจा เคšाเคนเคคे เคนैं เคนเคฎे เค‰เคธเค•े color code เค•ो เคจिเคšे เคฆिเค–ाเค เค…เคจुเคธाเคฐ change เค•เคฐ เคฒेเคจा เคนै! 3. เค…เค—เคฐ เคนเคฎ เค…เคชเคจे App เคฎें acction bar เคจเคนीं เคšाเคนเคคे เคนैं เคคो เคจिเคšे เคฆिเค–ाเค เคนुเค เคธ्เคฅाเคจ เคชเคฐ DarkActionBar  เค•ो Change เค•เคฐเค•े No ActionBar Type เค•เคฐ เคฒेเคจा เคนै! 3. เค…เคฌ เค…เคชเคจे App เค•ा Icon Change เค•เคฐเคจे เค•े เคฒिเค " app > res > right click on res > new > Image Asset" เคฎे เคœाเคจा เคนै, เคจिเคšे Image เคฎें เคญी เคฆिเค–ाเคฏा เค—เคฏा เคนै! 4. เคซिเคฐ เคฏเคนाँ เคชเคฐ เค…เคชเคจा Icon Set เค•เคฐเคจे เค•े เคฌाเคฆ Next เคชเคฐ Click เค•ीเคœिเคฏे! เค†เคชเค•ो เค‡เคธเค•े เคจाเคฎ เคฎें เค•ोเคˆ เคญी Change เคจเคนीं เค•เคฐเคจा เคนै! 5. เค‰เคธเค•े เคฌाเคฆ เค†เคชเค•ो Finish เคชเคฐ Click เค•เคฐเคจा เคนै!           เค…เคฌ เค†เคชเค•े App เคฎें Icon set เคนो เคšुเค•ा เคนै เคเค• เคฌाเคฐ เค‡เคธे Test เค•เคฐเค•े เคฆेเค– เคฒीเคœिเคฏे!