add progress bar to instapaper viewer webview

Author: Arnav Gupta

App/src/main/java/in/ac/dtu/subtlenews/InstapaperViewer.java

@@ -2,6 +2,7 @@
 
 import in.ac.dtu.subtlenews.util.SystemUiHider;
 
+import android.annotation.SuppressLint;
 import android.annotation.TargetApi;
 import android.app.Activity;
 import android.content.DialogInterface;
@@ -13,10 +14,12 @@
 import android.view.View;
 import android.view.MenuItem;
 import android.support.v4.app.NavUtils;
+import android.webkit.WebChromeClient;
 import android.webkit.WebView;
 import android.widget.Button;
 import android.widget.FrameLayout;
 import android.widget.LinearLayout;
+import android.widget.ProgressBar;
 
 import org.json.JSONException;
 import org.json.JSONObject;
@@ -63,12 +66,17 @@ public class InstapaperViewer extends Activity {
      */
     private SystemUiHider mSystemUiHider;
 
+    @SuppressLint("NewApi")
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+            setImmersive(true);
+        }
+        setTheme(R.style.AppTheme_NoActionBar);
 
         setContentView(R.layout.activity_instapaper_viewer);
-        setupActionBar();
+        //setupActionBar();
 
         Bundle extras = getIntent().getExtras();
         if (extras != null) {
@@ -77,6 +85,25 @@ protected void onCreate(Bundle savedInstanceState) {
 
         }
         final WebView instapaperView = (WebView) findViewById(R.id.instapaper_viewer);
+        final Activity activity = this;
+        final ProgressBar progressBar;
+        progressBar = (ProgressBar) findViewById(R.id.progressBar);
+
+        instapaperView.setWebChromeClient(new WebChromeClient() {
+            public void onProgressChanged(WebView view, int progress)
+            {
+                if(progress < 100 && progressBar.getVisibility() == ProgressBar.GONE){
+                    progressBar.setVisibility(ProgressBar.VISIBLE);
+                    //txtview.setVisibility(View.VISIBLE);
+                }
+                progressBar.setProgress(progress);
+                if(progress == 100) {
+                    progressBar.setVisibility(ProgressBar.GONE);
+                    //txtview.setVisibility(View.GONE);
+                }
+            }
+        });
+
 
         final View controlsView = findViewById(R.id.fullscreen_content_controls);
         final View contentView = findViewById(R.id.instapaper_viewer);
@@ -97,7 +124,7 @@ protected void onCreate(Bundle savedInstanceState) {
                     @Override
                     @TargetApi(Build.VERSION_CODES.HONEYCOMB_MR2)
                     public void onVisibilityChange(boolean visible) {
-                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
+                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                             // If the ViewPropertyAnimator API is available
                             // (Honeycomb MR2 and later), use it to animate the
                             // in-layout UI controls at the bottom of the
@@ -124,13 +151,7 @@ public void onVisibilityChange(boolean visible) {
                             delayedHide(AUTO_HIDE_DELAY_MILLIS);
                         }
 
-                        FrameLayout.LayoutParams params = (FrameLayout.LayoutParams)instapaperView.getLayoutParams();
-                        if (visible) {
-                            params.setMargins(0, (int)(mControlsHeight*1.5), 0, 0); //substitute parameters for left, top, right, bottom
-                        } else {
-                            params.setMargins(0, 0, 0, 0);
-                        }
-                        instapaperView.setLayoutParams(params);
+
 
                     }
                 });
@@ -158,6 +179,7 @@ public void onClick(View view) {
         } catch (Exception e) {
             e.printStackTrace();
         }
+
         instapaperView.loadUrl(summaryUrl);
         prevButton.setOnClickListener(new View.OnClickListener() {
             @Override
@@ -197,13 +219,13 @@ protected void onPostCreate(Bundle savedInstanceState) {
     /**
      * Set up the {@link android.app.ActionBar}, if the API is available.
      */
-    @TargetApi(Build.VERSION_CODES.HONEYCOMB)
+    /*@TargetApi(Build.VERSION_CODES.JELLY_BEAN)
     private void setupActionBar() {
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
             // Show the Up button in the action bar.
             getActionBar().setDisplayHomeAsUpEnabled(true);
         }
-    }
+    }*/
 
     @Override
     public boolean onOptionsItemSelected(MenuItem item) {

App/src/main/res/layout/activity_instapaper_viewer.xml

@@ -8,6 +8,7 @@
     <!-- The primary full-screen view. This can be replaced with whatever view
          is needed to present your content, e.g. VideoView, SurfaceView,
          TextureView, etc. -->
+
     <WebView android:id="@+id/instapaper_viewer"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
@@ -43,6 +44,13 @@
                 android:text="@string/summary_next_button" />
 
         </LinearLayout>
+
+        <ProgressBar
+            style="?android:attr/progressBarStyleHorizontal"
+            android:layout_width="fill_parent"
+            android:layout_height="wrap_content"
+            android:id="@+id/progressBar"
+            android:layout_gravity="center" />
     </FrameLayout>
 
 </FrameLayout>

App/src/main/res/values-v11/styles.xml

@@ -8,6 +8,10 @@
         <item name="metaButtonBarButtonStyle">?android:attr/buttonBarButtonStyle</item>
     </style>
 
+    <style name="AppTheme.NoActionBar" parent="android:Theme.Holo.Light.NoActionBar.Fullscreen">
+
+    </style>
+
     <style name="FullscreenActionBarStyle" parent="android:Widget.Holo.ActionBar">
         <item name="android:background">@color/black_overlay</item>
     </style>

App/src/main/res/values/styles.xml

@@ -6,6 +6,10 @@
         <!-- Customize your theme here. -->
     </style>
 
+    <style name="AppTheme.NoActionBar" parent="android:Theme.NoTitleBar.Fullscreen">
+
+    </style>
+
     <style name="FullscreenTheme" parent="android:Theme.NoTitleBar">
         <item name="android:windowContentOverlay">@null</item>
         <item name="android:windowBackground">@null</item>