0

为了获得相同的外观TextView和WebView内容，我遇到了 Android 4 的强大阻力。

正如Display getWidth()已弃用的那样，我已经尝试了 Android 4 的硬编码值，但结果是相同的：在webView文本变大并且在textView减小字体大小的同时出现滚动。

相同显示类型的这种行为对我来说没有任何意义，任何人都可以告诉我是否记录在任何地方吗？

解决方案：pt WebView 似乎忽略了，我不得不尽可能地 使用px缩放sp：

((TextView)findViewById(R.id.textView1)).setTextSize(TypedValue.COMPLEX_UNIT_SP,24);

font-size: " + pixelsToSp(this, 24.0f) + "px;

private float scaledPX(Context context, Float px) {
    return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, px, getResources().getDisplayMetrics());
}

安卓 2.3 WVGA

安卓 2.3

安卓 4.1 WVGA

安卓4.1

布局

<TextView
    android:id="@+id/textView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:text="same text"/>

<WebView
    android:id="@+id/webView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

代码

((WebView)findViewById(R.id.webView1)).getSettings().setLoadWithOverviewMode(true);
((WebView)findViewById(R.id.webView1)).getSettings().setUseWideViewPort(true);
((WebView)findViewById(R.id.webView1)).getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); // this line was missed when the screenshots was made, it makes the images being scaled correctly

((TextView)findViewById(R.id.textView1)).setTextSize(TypedValue.COMPLEX_UNIT_PX,24);
final String width = Integer.toString(getWindowManager().getDefaultDisplay().getWidth());
final String html = "<html style = 'margin: 0px; padding: 0px;'>"
        + "<head>"
        + "<meta name='viewport' content='width=device-width; user-scalable=no; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; target-densityDpi=device-dpi;'/>"
        + "</head>"
        + "<body style = '"
        + "width: "
        + width
        + "px;"
        + ";'>"
        + "<div style='overflow: hidden; width: 100%; font-size: " + 24 + "px;'>"
        + "same text size"
        + "<img style='max-width: " + width + "px;' src=\"http://upload.wikimedia.org/wikipedia/commons/c/ca/Niobe050905-Siamese_Cat.jpeg\"/>"
        + "</div>"
        + "</body>";

((WebView)findViewById(R.id.webView1)).loadDataWithBaseURL("", html, "text/html", "UTF-8", "");
4

1 回答 1

1

你在什么设备上测试？我怀疑它更多地与基于屏幕的缩放而不是android本身的版本有关。

该setTextSize(float size)方法使用缩放像素单位 (sp)。html 使用的是 pt 单位，我认为它不会像 sp 那样考虑显示分辨率。

试试这样：

((TextView)findViewById(R.id.textView1)).setTextSize(TypedValue.COMPLEX_UNIT_PT,24);

那应该使用 pt 单位而不是 sp。这可能会使文本看起来与 WebView 内部相同。然而，要考虑的另一件事是 WebView 具有缩放因子。即使字体大小相同，WebView 也可以放大/缩小，而默认 TextView 不能，这也会导致屏幕上的字体大小不同。

于 2012-12-23T00:00:47.840 回答