Posts

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. рдлрд┐рд░ рдЖрдкрдХреЛ рдирд┐рдЪреЗ рджрд┐рдЦрд╛рдП...

Convert Website Into An Android App | #9 Fix screen rotate reload problem

Image
 Android Studio рдореЗрдВ рдЬрдм рд╣рдо рдХреЛрдИ Webview App рдмрдирд╛рддреЗ рд╣реИ рддреЛ рдЙрд╕рдореЗ рдПрдХ problem рд╣реЛрддрд╛ рд╣реИ, рдЬрдм рд╣рдо рдЕрдкрдиреЗ Mobile рдХреА Screen рдХреЛ Rotate рдХрд░рддреЗ рд╣реИ рддреЛ рд╣рдорд╛рд░рд╛ Website Reload рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдЗрд╕ Part рдореЗрдВ рд╣рдо Screen Orientation рдХреЛ Set  рдХрд░рдХреЗ рджреЗрдЦреЗрдВрдЧреЗред 1. рдЗрд╕рдХреЗ рд▓рд┐рдП рдмрд╕ рдЖрдкрдХреЛ AndroidManifest.xml рдореЗрдВ рдирд┐рдЪреЗ рджрд┐рдП рдЧрдП code рдХреЛ рдирд┐рдЪреЗ Image рдореЗрдВ рджрд┐рдЦрд╛рдП рд╣реБрдП рд╕реНрдерд╛рди рдкрд░ paste рдХрд░рдирд╛ рд╣реИ android :screenOrientation ="portrait" > рдЗрд╕ code рдХреЛ Paste рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдЖрдкрдХрд╛ Application Rotate рдирд╣реАрдВ рд╣реЛрдЧрд╛ред

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

Image
 рдЗрд╕ 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 the...

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...