Add page navigation

Author: devgrapher

OCEBook/app/src/main/java/com/devgrapher/ocebook/WebViewFragment.java

@@ -8,6 +8,7 @@
 import android.app.Fragment;
 import android.util.Log;
 import android.view.LayoutInflater;
+import android.view.MotionEvent;
 import android.view.View;
 import android.view.ViewGroup;
 import android.webkit.WebChromeClient;
@@ -35,6 +36,7 @@
 import java.io.IOException;
 import java.io.InputStream;
 import java.util.List;
+import java.util.Locale;
 import java.util.stream.Collectors;
 import java.util.stream.Stream;
 
@@ -146,6 +148,23 @@ private void initWebView() {
         mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);
         mWebView.setWebViewClient(new ReadiumWebViewClient());
         mWebView.setWebChromeClient(new WebChromeClient());
+
+        mWebView.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View v, MotionEvent event) {
+                switch (event.getAction()) {
+                    case MotionEvent.ACTION_UP:
+                        if (event.getX() < v.getWidth() / 2) {
+                            Log.d(TAG, "Touch left");
+                            mReadiumJSApi.openPageLeft();
+                        } else {
+                            Log.d(TAG, "Touch right");
+                            mReadiumJSApi.openPageRight();
+                        }
+                }
+                return false;
+            }
+        });
     }
 
     private void intReadium() {
@@ -309,9 +328,9 @@ public void onPaginationChanged(PaginationInfo currentPagesInfo) {
 
             getActivity().runOnUiThread(() -> {
                 final Page page = openPages.get(0);
-                mPageInfoTextView.setText("" +
-                        page.getSpineItemPageIndex() + 1 + " / " +
-                        page.getSpineItemPageCount());
+                mPageInfoTextView.setText(String.format(Locale.getDefault(), "%d / %d",
+                        page.getSpineItemPageIndex() + 1,
+                        page.getSpineItemPageCount()));
                 SpineItem spineItem = mPackage.getSpineItem(page
                         .getIdref());
                 boolean isFixedLayout = spineItem

OCEBook/app/src/main/res/layout/fragment_web_view.xml

@@ -17,7 +17,11 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_gravity="center_horizontal"
+        android:id="@+id/tv_page_info"
+        android:textAppearance="@style/TextAppearance.AppCompat.Body1"
+        android:text="1 / 10"
+        android:textSize="14sp"
         android:textAlignment="center"
-        android:id="@+id/tv_page_info"/>
+        android:fontFamily="sans-serif" />
 
 </LinearLayout>