适用于不同屏幕和操作系统版本的 Android WebView 文本缩放

Question

早上好，伙计们，我有一个应用程序可以同时在智能手机和平板电脑上运行。 当它在平板电脑上运行时，我想缩放我的 webview 的文本，以允许用户更好地阅读文本并尽可能填充所有空白区域。

这是我用来实现该技巧的代码:

//Webview Zoom
            if( UIUtils.isTablet(getActivity())) {
                if(UIUtils.isICS()) {
                    webView.getSettings().setTextZoom(130);
                } else {
                    int currentTextSizeIndex = lyricsView.getSettings().getTextSize().ordinal();
                    if ( currentTextSizeIndex+1 < lyricsView.getSettings().getTextSize().values().length )
                        webView.getSettings().setTextSize( lyricsView.getSettings().getTextSize().values()[currentTextSizeIndex+1] );
                }
            }

所以我检查我是否在使用平板电脑，并检查用户使用的是哪个操作系统版本。 事实上，从 API 级别 14 我可以使用 setTextZoom这允许我以百分比(默认 100)设置页面的文本缩放。这个解决方案的可扩展性要好得多，因为我可以让用户能够根据需要增加或减少文本，步长为 +10 或 -10%。

在 API 级别 14 之前，我必须使用 setTextSize使用枚举作为参数(默认 NORMAL)。 TextSize 是用于指定文本大小的枚举。最小的是 50% 小的是 75% 正常的是 100% 大的是 150% 最大的是 200%

所以我只能使用这 5 个成本，而且它的可扩展性不强(但这是为 90% 没有 ICS 的手机提供此功能的唯一方法 :D)。

问题是当我在不同的平板电脑上显示 TextView 时，webView.getSettings().setTextSize(TextSize.LARGER); 以不同的方式运行，这真的不行。

目前我正在三星 Galaxy Tab 和 Kindle Fire 上进行测试。 这些是 GSMArena 的技术规范:

Samsung P1000 Galaxy Tab

显示
类型TFT电容触摸屏，1600万色

尺寸 600 x 1024 像素，7.0 英寸(~170 ppi 像素密度)

Amazon Kindle Fire

显示
类型 IPS TFT 电容触摸屏，1600 万色

尺寸 1024 x 600 像素，7.0 英寸(~170 ppi 像素密度)

如您所见，它们具有相同的分辨率、英寸和 ppi! 现在，我将向您展示来自这些设备的 2 个屏幕截图(具有相同的 webview 内容)，以便您理解我在说什么。

KindleFire:

银河标签:

在 textSize LARGE 的 Galaxy Tab 上，文本太大而且很难看。因此，对于这种设备，默认情况下最好显示 NORMAL 文本(如果放得更大，则让用户选择)。但是我怎么知道哪个是最好看的默认 textSize 来显示呢？因为 NORMAL 对于 Galaxy Tab 来说还可以，而对于 Kindle Fire 来说太小了，而 LARGE 对于 Galaxy Tab 来说太大了，但对于 Kindle 来说是完美的。我只在这两种设备上进行测试，但我必须支持所有平板电脑我必须找到某种参数，设备差异以便说:在这个设备上没问题，因为分辨率很小我会放大一点/normal，而不是这个，因为它的分辨率更大，我可以把它放得更大(有点)。

你遇到过这样的问题吗？我该如何解决？

Answer 1

我们在我们的应用程序中看到了与此类似的问题(一般而言，不仅仅是在 WebViews 中)。

原始 Samsung Galaxy Tab 错误地将自身报告为 large-hdpi。具有相同屏幕尺寸(7 英寸)和分辨率 (1024x600) 的其他平板电脑正确地将自己报告为 large-mdpi。这些“正确”的平板电脑包括 Kindle Fire、Nook 平板电脑，甚至三星 Galaxy Tab 2!我希望 HTC Flyer 也能做到这一点，但还没有尝试过。

在一篇博文中，谷歌声称这是三星做出的设计决定:

http://android-developers.blogspot.co.uk/2010/09/screen-geometry-fun.html (搜索“惊喜”)

在另一个案例中，他们声称这是一个错误:

http://android-developers.blogspot.co.uk/2011/07/new-tools-for-managing-screen-sizes.html (搜索“有趣”)。

无论哪种方式，最初的 Galaxy Tab 都是一个异常(exception)，不应允许这种情况再次发生。

我建议使用在 Fire 上看起来最好的任何东西，因为它应该适用于除原始 Galaxy Tab 之外的所有 7 英寸平板电脑。如果您也能让它看起来可以接受，那么这是一个很好的奖励。

希望对您有所帮助!