相关疑难解决方法(0)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:orientation="vertical" >
    <WebView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/webviewArticle"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:padding="12dp" >
    </WebView>
</LinearLayout>

Run Code Online (Sandbox Code Playgroud)

HTML构造(内容参数格式为html)

String toShow = new StringBuffer()
    .append("<html>")
    .append("<head>")
    .append("<style type='text/css'>body{ font-size: large; color: #FFFFFF; background-color: #000000;}</style>")
    .append("</head>")
    .append(String.format(
        "<body><h1>%s</h1><div><img src='%s' alt='%s' style='width:100%%; height:auto' /></div><div style='background-color:#000000;'>%s</div><div><h3>%s</h3></div></body>",
        article.getTitle(),
        article.getImageLink().toString(),
        article.getTitle(),
        article.getContent().replace("%", "%25"), //html
        article.getAuthor()))
    .append("</html>")
    .toString();

mBrowser.getSettings().setBuiltInZoomControls(true);
mBrowser.setInitialScale(1);
CompatibilityUtils.setLoadWithOverviewMode(mBrowser, true); //set based on android version
mBrowser.getSettings().setUseWideViewPort(true);
mBrowser.loadDataWithBaseURL("fake://in/order/to/refresh", toShow, "text/html", "utf-8",null);

Run Code Online (Sandbox Code Playgroud)

任何提示？

附加说明12/09/25:如图所示,WebView认为可用空间是屏幕的一半,并相应地放置文本.这很奇怪.什么是最奇怪的是,它认为文本(图像上方的标题和下面的div)而不是图像!

android webview android-webview

den*_*pyr

2012 09-26

2
推荐指数

1
解决办法

9254
查看次数

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

早上好,我有一个专为智能手机和平板电脑设计的应用程序.当它在平板电脑上运行时,我想缩放我的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] );
                }
            }

Run Code Online (Sandbox Code Playgroud)

所以我检查一下我是否在平板电脑上并检查用户正在使用哪个操作系统版本.事实上,从API Level 14我可以使用setTextZoom,它允许我以百分比(默认为100)设置页面的文本缩放.这个解决方案的可扩展性要高得多,因为我可以为用户提供按步骤+10或-10%增加或减少文本的能力.

在API级别14之前,我必须使用使用枚举作为参数的setTextSize(默认为NORMAL).TextSize是Enum,用于指定文本大小.SMALLEST是50%SMALLER是75%NORMAL是100%LARGER是150%LARGEST是200%

所以我只能使用这5个costants并且它不是那么可扩展(但它是将这个功能提供给没有ICS的90%手机的唯一方法:D).

问题是,webView.getSettings().setTextSize(TextSize.LARGER);当我在不同的平板电脑上显示文本视图时,以不同的方式行动,这真的不合适.

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

三星P1000 Galaxy Tab

显示
型TFT电容式触摸屏,16M色

尺寸 600 x 1024像素,7.0英寸(约170 ppi像素密度)

亚马逊Kindle Fire

显示
型IPS TFT电容式触摸屏,16M色

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

如您所见,它们具有相同的分辨率,英寸和ppi!现在,我将向您展示这些设备的2个截图(相同的webview内容),以便您了解我正在谈论的内容.

KindleFire: 使用webView.getSettings()进行Kindle Fire Webview.setTextSize(TextSize.LARGER)

Galaxy Tab: 三星Galaxy Tab Webview与webView.getSettings().setTextSize(TextSize.LARGER)

在带有textSize LARGE的Galaxy Tab上,文本太大了,看起来很难看.因此,对于那种设备,最好在默认情况下显示NORMAL文本(并且让用户选择是否将其放大).但是我怎么知道哪个是最好的默认textSize来展示？因为NORMAL对于Galaxy Tab来说是好的,而对于Kindle Fire而言太小了,LARGE对于galaxy tab来说太大了,但对Kindle来说却是完美的.我只是在这两个设备上进行测试,但是我要支持所有平板电脑我要找到某种参数,设备中的差异才能说:好在这台设备上,因为分辨率很小我会放大/正常,而不是这个,因为它更大的结果我可以把它更大(种类).

你有没遇到过这个问题？我该如何解决？

android zoom android-layout android-webview

StE*_*rMi

lucky-day

1
推荐指数

1
解决办法

4771
查看次数