Bu dersimizde uygulamamıza, sayfalar yüklenirken progress dialog ekleyerek “Sayfa Yükleniyor” ekranı oluşturacağız.
Ayrıca kullanıcılar uygulamamızda sayfaları gezerken cihazlarındaki geri butonuna bastıklarında direk uygulamadan
çıkmamalarını, bir önceki sayfaya geri dönmelerini sağlayacak kodları ekleyeceğiz.
WebView Projenize Progress Dialog Nasıl Eklenir
Öncelikle progress bar oluşturmak için WebViewClient sınıfından kalıtım alan kendi nesnemizi oluşturacağız.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
//Progress Dialog: Sayfa yüklenirken mesaj vermek private class mWebViewClient extends WebViewClient { ProgressDialog pd = null; @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { pd = new ProgressDialog(MainActivity.this); pd.setTitle("Lütfen Bekleyiniz..."); pd.setMessage("Sayfa Yükleniyor..."); pd.show(); } //Sayfa yüklenince progress barı kapat @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); pd.dismiss(); } } |
Oluştruduğumuz class’tan, onCreate metodu içersinde bir nesne oluşturarak progress dialogumuzun çalışmasını etkinleştiriyoruz.
|
1 2 |
//progress daialog için oluşturduğumuz class'tan nesne oluşturuyoruz. mWebView.setWebViewClient(new WebViewClient()); |
Burada dikkat etmemiz gereken şey sayfanın yüklenmesi bittiğinde progress dialogumuzun kapanması dolayısıyla onPageFinished metodunu override ederek burada sayfa yüklenince progress dialogu kapat diyoruz. Böylece progress dialogumuzun bitirmiş oluyoruz.
Dikkat ederseniz Android Emülatörde geri tuşuna bastığımızda uygulamamızdan direk çıkıyor. Halbuki biz direk çıkmak yerine, sayfalar arasında dolaşırken bir önceki sayfaya geri dönmek istiyoruz.
Bunun için MainActivity.java dosyamıza şu kodu ekleyeceğiz;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
//geri tuşuna basıldığında uygulamadan çıkmaması için geri sayfaya gelmesi için @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (event.getAction() == KeyEvent.ACTION_DOWN) { switch (keyCode) { case KeyEvent.KEYCODE_BACK: if (mWebView.canGoBack()) { mWebView.goBack(); } else { finish(); } return true; } } return super.onKeyDown(keyCode, event); } |
Bu şekilde kullanıcı sayfalar arasında gezinirken geri tuşuna bastığında eğer anasayfada değilse uygulamdan çıkmak yerine bir önceki gezdiği sayfaya geri dönecek.
MainActivity.java
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 |
package com.teknopusula.teknopusula_webview; import android.app.ProgressDialog; import android.content.Intent; import android.graphics.Bitmap; import android.os.Build; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.NavigationView; import android.support.v4.view.GravityCompat; import android.support.v4.widget.DrawerLayout; import android.support.v7.app.ActionBarDrawerToggle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.KeyEvent; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener { WebView mWebView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); //Floating Action Button FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent Email = new Intent(Intent.ACTION_SEND); Email.setType("text/email"); Email.putExtra(Intent.EXTRA_EMAIL, new String[]{"iletisim@teknopusula.com"}); //developer 's email Email.putExtra(Intent.EXTRA_SUBJECT, "Konuyu Ekleyin"); // Email 's Subject Email.putExtra(Intent.EXTRA_TEXT, "Sayın Editör," + ""); //Email 's Greeting text startActivity(Intent.createChooser(Email, "Mail Gönder:")); } }); DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawer.setDrawerListener(toggle); toggle.syncState(); NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view); navigationView.setNavigationItemSelectedListener(this); //WebView aktif hale getirilmesi mWebView= (WebView) findViewById(R.id.mWebView); mWebView.loadUrl("https://teknopusula.com"); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); //progress dialogumu için oluşturduğumuz class'tan nesne oluşturuyoruz. mWebView.setWebViewClient(new WebViewClient()); //Webview performansını arttırmak için hazırladığımız kodlar-Başlangıç mWebView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { // chromium, enable hardware acceleration mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null); } else { // older android version, disable hardware acceleration mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); } mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); } //Webview performansını arttırmak için hazırladığımız kodlar-Bitiş @Override public void onBackPressed() { DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); if (drawer.isDrawerOpen(GravityCompat.START)) { drawer.closeDrawer(GravityCompat.START); } else { super.onBackPressed(); } } // Cihazda geri tuşuna basıldığında uygulamadan çıkılmasını engellemek için @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (event.getAction() == KeyEvent.ACTION_DOWN) { switch (keyCode) { case KeyEvent.KEYCODE_BACK: if (mWebView.canGoBack()) { mWebView.goBack(); } else { finish(); } return true; } } return super.onKeyDown(keyCode, event); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); switch(id) { //çıkış butonuna tıklandığında case R.id.action_cikis : finish(); System.exit(0); break; //yenile butonuna tıklandığında case R.id.action_yenile : mWebView.reload(); break; } return super.onOptionsItemSelected(item); } @SuppressWarnings("StatementWithEmptyBody") @Override public boolean onNavigationItemSelected(MenuItem item) { // Handle navigation view item clicks here. int id = item.getItemId(); if (id == R.id.nav_anasayfa) { mWebView.loadUrl("https://teknopusula.com/"); } else if (id == R.id.nav_mobil) { mWebView.loadUrl("https://teknopusula.com/mobil/"); } else if (id == R.id.nav_nasil_yapilir) { mWebView.loadUrl("https://teknopusula.com/nasil-yapilir/"); } else if (id == R.id.nav_oyun) { mWebView.loadUrl("https://teknopusula.com/oyun/"); } else if (id == R.id.nav_egitim) { mWebView.loadUrl("https://teknopusula.com/egitim/"); } else if (id == R.id.nav_sosyal_medya) { mWebView.loadUrl("https://teknopusula.com/sosyal-medya/"); } else if (id == R.id.nav_hakkimizda) { mWebView.loadUrl("https://teknopusula.com/hakkimizda/"); } else if (id == R.id.nav_iletisim) { mWebView.loadUrl("https://teknopusula.com/iletisim/"); } DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); drawer.closeDrawer(GravityCompat.START); return true; } //progress dialogumuz için oluşturduğumuz nesnemiz private class mWebViewClient extends WebViewClient { ProgressDialog pd = null; @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { pd = new ProgressDialog(MainActivity.this); pd.setTitle("Lütfen Bekleyiniz..."); pd.setMessage("Sayfa Yükleniyor..."); pd.show(); } //Sayfa yüklenince progress dialogu kapat @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); pd.dismiss(); } } } |
İlerleyen derslerimizde;
- Uygulamamızın .apk dosyasını oluşturacak ve uygulamamızı Android markete yükleyeceğiz.
Uygulamanın son halini Google Play Store üzerinden teknopusula şeklinde aratarak ya da aşağıdaki resime tıklayarak indirebilirsiniz.
Bu şekilde hem bizlere destek olarak çok daha istekli bir şekilde ders serilerimize devam etmemizi sağlayabilir hem de dersimiz sonunda projemizin bitmiş halini inceleme fırsatı edinebilirsiniz.
Talep olması halinde;
- İnternet kontrolü sağlayacağız, bağlantı yoksa kullanıcıyı “internetinizi kontrol edin” şeklinde uyaran ekran hazırlayacağız,
- Kullanıcılarımıza toplu mesaj yollayabileceğimiz Push Notification özelliği ekleyeceğiz,
- Firebase analytics ekleyerek uygulamamızı analiz etmemizi sağlayacak, kaç kullanıcı indirmiş gibi ayrıntıları görebileceğimiz özellik ekleyeceğiz.
Tüm bu projeyi GitHub profilimizden indirebilir ve Projenin tüm versiyonlarına GitHub üzerinden erişebilirsiniz. Ayrıca Github’dan projeyi kendi Android Studio’nuza indirerek kendi bilgisayarınızda uygulamayı çalıştırabilirsiniz.
Ayrıca tüm uygulamalara eklenmesini istediğiniz özellikleri bizlere yorum şeklinde ileterek derslerimizin devam etmesini sağlayabilirsiniz.
