2011-01-12 8 views
9

androidユーザーのphonegapアプリをズームするにはどうすればよいですか?androidのphonegapをズームする

私は "サンプル/ SRC/COM/PhoneGapの/サンプル/ 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); 

    } 
} 
+2

実際にコードが完全に機能しました。ありがとう! –

+0

これも私のために働いた –

+1

------------------------------------------- ----------------------------- Cordova 5については、この回答を参照してください:http://stackoverflow.com/a/33207352/ 1290746 ------------------------------------------------ ------------------------ – kris

答えて

1
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.8, user-scalable=1" /> 

;)。私のために働いており、上記の解決策はありませんでしたHTMLページ

2

のメタセクションに

を配置する必要があります。

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

+0

それは私のために働く......しかし、私はindex.htmlからindex2.htmlへのリダイレクト時にズームしていませんindex2.htmlで私の仕事...... –

0

Erksの回答は私のために働いていませんでした(私はスケールのみを望んでいたと思っていました)。

しかし、これは働いていた:How to change PhoneGap's screen size?


EDIT:私はこれで演奏するので、長い時間前だったので、私はちょうど、コピー&ペーストをします念の答え(何らかの理由stackoverflowのがあることを削除することを決定した場合コメントに記載されているリンク)。

これを行う方法が見つかりました。私は既に ビューポートのメタを使って試していましたが、必要なものはすべて入れていないと思います。

このメタタグを下に置いてください。すべてがうまくいくはずです。

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