change textview to webview

OsmAnd/res/layout/wikipedia_dialog_fragment.xml

@@ -1,9 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
+
-              xmlns:osmand="http://schemas.android.com/apk/res-auto"
+<LinearLayout
-              xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
-              android:layout_width="match_parent"
+    android:layout_height="match_parent"
-              android:layout_height="match_parent">
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:osmand="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:background="?attr/wikivoyage_bg_color"
+    android:orientation="vertical">
+
 
     <android.support.design.widget.AppBarLayout
         android:id="@+id/app_bar"
@@ -78,29 +83,29 @@
 
     </android.support.design.widget.AppBarLayout>
 
-    <android.support.v4.widget.NestedScrollView
+    <FrameLayout
-        osmand:layout_behavior="@string/appbar_scrolling_view_behavior"
         android:layout_width="match_parent"
-        android:layout_height="match_parent">
+        android:layout_height="0dp"
+        android:layout_weight="1">
 
-        <TextView
+        <WebView
-            android:id="@+id/content"
+            android:id="@+id/content_web_view"
             android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+
+        <net.osmand.plus.widgets.TextViewEx
+            android:id="@+id/read_full_article"
+            android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:padding="@dimen/content_padding"/>
+            android:layout_gravity="bottom|center_horizontal"
-    </android.support.v4.widget.NestedScrollView>
+            android:layout_margin="@dimen/content_padding"
+            android:gravity="center_vertical"
+            android:text="@string/read_full_article"
+            android:textAllCaps="true"
+            osmand:typeface="@string/font_roboto_medium"
+            tools:background="@drawable/bt_round_long_night"
+            tools:textColor="?attr/ctx_menu_controller_text_color" />
 
-    <net.osmand.plus.widgets.TextViewEx
+    </FrameLayout>
-        osmand:typeface="@string/font_roboto_medium"
-        android:layout_margin="@dimen/content_padding"
-        android:id="@+id/read_full_article"
-        android:layout_gravity="bottom|center_horizontal"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        tools:background="@drawable/bt_round_long_night"
-        android:text="@string/read_full_article"
-        android:gravity="center_vertical"
-        android:textAllCaps="true"
-        tools:textColor="?attr/ctx_menu_controller_text_color"/>
 
-</android.support.design.widget.CoordinatorLayout>
+</LinearLayout>

OsmAnd/src/net/osmand/plus/mapcontextmenu/WikipediaDialogFragment.java

@@ -1,5 +1,6 @@
 package net.osmand.plus.mapcontextmenu;
 
+import android.annotation.SuppressLint;
 import android.app.Dialog;
 import android.content.Context;
 import android.content.Intent;
@@ -28,30 +29,49 @@ import android.view.LayoutInflater;
 import android.view.MenuItem;
 import android.view.View;
 import android.view.ViewGroup;
+import android.webkit.WebSettings;
+import android.webkit.WebView;
 import android.widget.ImageButton;
+import android.widget.LinearLayout;
 import android.widget.TextView;
 
 import net.osmand.AndroidUtils;
+import net.osmand.IndexConstants;
 import net.osmand.data.Amenity;
 import net.osmand.plus.OsmandApplication;
+import net.osmand.plus.OsmandPlugin;
 import net.osmand.plus.R;
+import net.osmand.plus.development.OsmandDevelopmentPlugin;
 import net.osmand.plus.helpers.FileNameTranslationHelper;
+import net.osmand.plus.wikivoyage.data.TravelArticle;
 import net.osmand.util.Algorithms;
 
+import java.io.File;
+import java.util.Arrays;
 import java.util.HashMap;
+import java.util.HashSet;
 import java.util.Map;
 import java.util.Set;
 import java.util.TreeSet;
 
+import static net.osmand.plus.OsmandSettings.WikivoyageShowImages.OFF;
+
 public class WikipediaDialogFragment extends DialogFragment {
 
 	public static final String TAG = "WikipediaDialogFragment";
 
+	private static final String HEADER_INNER = "<html><head>\n" +
+			"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n" +
+			"<meta http-equiv=\"cleartype\" content=\"on\" />\n" +
+			"<link href=\"article_style.css\" type=\"text/css\" rel=\"stylesheet\"/>\n" +
+			"</head>";
+	private static final String FOOTER_INNER = "</body></html>";
+
 	private View mainView;
 	private boolean darkMode;
 	private Amenity amenity;
 	private String lang;
-
+	WebView contentWebView;
 	public void setAmenity(Amenity amenity) {
 		this.amenity = amenity;
 	}
@@ -79,6 +99,7 @@ public class WikipediaDialogFragment extends DialogFragment {
 		return dialog;
 	}
 
+	@SuppressLint("SetJavaScriptEnabled")
 	@Nullable
 	@Override
 	public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
@@ -108,29 +129,7 @@ public class WikipediaDialogFragment extends DialogFragment {
 				R.color.ctx_menu_controller_button_text_color_dark_n, R.color.ctx_menu_controller_button_text_color_dark_p);
 
 		final TextView readFullArticleButton = (TextView) mainView.findViewById(R.id.read_full_article);
-		CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) readFullArticleButton.getLayoutParams();
-		params.setBehavior(new CoordinatorLayout.Behavior() {
-			@Override
-			public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
-				return dependency instanceof AppBarLayout;
-			}
 
-			@Override
-			public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
-				if (dependency instanceof AppBarLayout) {
-					int readFullArticleButtonHeight = child.getMeasuredHeight();
-					if (readFullArticleButtonHeight != 0) {
-						CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) child.getLayoutParams();
-						int viewBottomMargin = lp.bottomMargin;
-						int distanceToScroll = child.getHeight() + viewBottomMargin;
-						float ratio = dependency.getY() / readFullArticleButtonHeight;
-						child.setTranslationY(-distanceToScroll * ratio);
-					}
-				}
-				return true;
-			}
-		});
-		readFullArticleButton.setLayoutParams(params);
 		readFullArticleButton.setBackgroundResource(darkMode ? R.drawable.bt_round_long_night : R.drawable.bt_round_long_day);
 		readFullArticleButton.setTextColor(buttonColorStateList);
 		int paddingLeft = (int) getResources().getDimension(R.dimen.wikipedia_button_left_padding);
@@ -144,10 +143,34 @@ public class WikipediaDialogFragment extends DialogFragment {
 		selectLanguageTextView.setCompoundDrawablesWithIntrinsicBounds(getIcon(R.drawable.ic_action_map_language), null, null, null);
 		selectLanguageTextView.setCompoundDrawablePadding((int) getResources().getDimension(R.dimen.context_menu_padding_margin_small));
 		selectLanguageTextView.setBackgroundResource(darkMode ? R.drawable.wikipedia_select_lang_bg_dark : R.drawable.wikipedia_select_lang_bg_light);
+		contentWebView = (WebView) mainView.findViewById(R.id.content_web_view);
+		WebSettings webSettings = contentWebView.getSettings();
+		webSettings.setJavaScriptEnabled(true);
 
 		return mainView;
 	}
 
+	@NonNull
+	private String getBaseUrl() {
+		File wikivoyageDir = getMyApplication().getAppPath(IndexConstants.WIKIVOYAGE_INDEX_DIR);
+		if (new File(wikivoyageDir, "article_style.css").exists()) {
+			return "file://" + wikivoyageDir.getAbsolutePath() + "/";
+		}
+		return "file:///android_asset/";
+	}
+
+	@NonNull
+	private String createHtmlContent(@NonNull String article) {
+		StringBuilder sb = new StringBuilder(HEADER_INNER);
+
+		String nightModeClass = darkMode ? " nightmode" : "";
+
+		sb.append("<div class=\"main" + nightModeClass + "\">\n");
+		sb.append(article);
+		sb.append(FOOTER_INNER);
+		return sb.toString();
+	}
+
 	@Override
 	public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
 		populateWiki();
@@ -196,15 +219,7 @@ public class WikipediaDialogFragment extends DialogFragment {
 			});
 
 			String content = amenity.getDescription(langSelected);
-
+			contentWebView.loadDataWithBaseURL(getBaseUrl(), createHtmlContent(content), "text/html", "UTF-8", null);
-			TextView articleTextView = (TextView) mainView.findViewById(R.id.content);
-			Spannable spannableContent = new SpannableString(Html.fromHtml(content));
-			int length = spannableContent.length();
-			spannableContent.setSpan(new RelativeSizeSpan(1.2f), 0, length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
-			int contentTextColor = ContextCompat.getColor(getContext(), darkMode ? R.color.ctx_menu_bottom_view_text_color_dark : R.color.ctx_menu_bottom_view_text_color_light);
-			articleTextView.setTextColor(contentTextColor);
-			articleTextView.setText(spannableContent);
-			articleTextView.setMovementMethod(LinkMovementMethod.getInstance());
 		}
 	}