【问题标题】:zoom in phonegap for android放大android的phonegap
【发布时间】:2011-01-12 11:40:31
【问题描述】:

如何为 Android 用户启用我的 phonegap 应用的缩放功能?

我尝试自定义“Sample/src/com/phonegap/Sample/Sample.java”,但它仍然不起作用:

有什么想法吗?

package com.phonegap.Sample;

import android.app.Activity;
import android.os.Bundle;
import com.phonegap.*;
import android.webkit.WebSettings;

public class Sample extends DroidGap
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {


        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");

        WebSettings ws = super.appView.getSettings();
        ws.setSupportZoom(true);
        ws.setBuiltInZoomControls(true); 

    }
}

【问题讨论】:

  • 您的代码实际上对我来说很完美。谢谢!
  • 这对我也有用
  • ------------------------------------------ ------------------ 对于 Cordova 5,请参阅此答案:stackoverflow.com/a/33207352/1290746 --------- -------------------------------------------------- -------------

标签: android cordova


【解决方案1】:

这对我有用,上面的解决方案没有。

package com.my.app;

import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebSettings.ZoomDensity;

import com.phonegap.*;

public class MyDroidActivity extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
        WebSettings settings = appView.getSettings();
        settings.setBuiltInZoomControls(false);
        settings.setSupportZoom(false);
        settings.setDefaultZoom(ZoomDensity.FAR);
    }
}

这是我找到它的地方,归功于他们! https://github.com/phonegap/phonegap-android/issues/120

【讨论】:

  • 它对我有用......但是当我从 index.html 重定向到 index2.html 时,在 index2.html 中缩放对我不起作用......
【解决方案2】:
<meta name="viewport"  content="width=device-width, height=device-height, initial-scale=0.8, user-scalable=1" />

这对我有用;)。

它应该放在你的 html 页面的 meta 部分

【讨论】:

    【解决方案3】:

    Erks 的回答对我不起作用(以为我只想缩放,而不是捏缩放)。

    但这有效:How to change PhoneGap's screen size?


    编辑:很久以前我玩过这个,所以我只是复制粘贴答案(以防万一由于某种原因stackoverflow决定删除评论中所述的链接)。

    我找到了一种方法。我已经尝试过使用元 视口,但我想我没有放所有必要的东西。

    只要把这个元标记放在下面,一切都会好起来的。

    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, target-densityDpi=device-dpi" />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-01
      • 2012-04-22
      相关资源
      最近更新 更多