L'activation du zoom de pincement dans l'application Phonegap Android n'a aucun effet

J'ai besoin d'être en mesure d'activer le zoom par pincement à l'aide de la fenêtre d'affichage réglage sur mon Android app PhoneGap.

Mais je ne suis pas en mesure d'obtenir une vue pour affecter le zoom par pincement à tous lors de l'utilisation de PhoneGap. Je n'arrive pas à activer le zoom par Pincement sur PhoneGap, mais lors de la navigation avec le navigateur Natif Android à la page web, tout fonctionne bien.

J'ai passé beaucoup de temps à chercher une solution, sans aucun résultat.

J'ai créé un très simple index.html pour les tests, avoir réglage de la fenêtre d'affichage comme:

<meta name="viewport" content="user-scalable=yes" />

Comme certains l'ont suggéré, j'ai aussi essayé la fenêtre d'affichage:

<meta name="viewport" content="user-scalable=1" />

D'autres solutions pour Android, PhoneGap serait de permettre Android Natif de Zoom par Pincement qui ont été suggérées ici:
zoom sur phonegap pour android
Mais cela ne fonctionne pas pour moi, car j'ai besoin d'être en mesure de contrôler le zoom par pincement à partir de javascript. I. e. J'ai besoin d'être en mesure d'utiliser javascript pour changer la fenêtre de réglage, de contrôle lorsque le zoom par pincement est disponible (user-scalable=oui /user-scalable=no)

Veuillez observer que les autres fenêtres de paramètres comme "initial-scale" et "cible-densitydpi" semble bien fonctionner. Par exemple, le réglage initial-scale=2 démarre l'application zoom.

(Je suis en train de tester le zoom par pincement sur PhoneGap 1.4.1 et le HTC Desire HD Android 2.3.3)

Je commence à penser que j'ai raté quelque chose d'évident, car je trouve peu d'informations sur les problèmes similaires...

Le minimum index.html:

<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="user-scalable=yes" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Minimal AppLaud App</title>
      <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
      <script type="text/javascript" charset="utf-8">

        var onDeviceReady = function() {
            document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
        };

        function init() {
            document.addEventListener("deviceready", onDeviceReady, true);
        }   
      </script>  

  </head>
  <body onload="init();" id="stage" class="theme">
    <h2>Minimal AppLaud App</h2>
    <p> LOTS OF TEXT WHICH HAVE BEEN REMOVED HERE </p>

    <p><span id="devready">onDeviceReady not fired.</span></p>

  </body>
</html>

Apprécier toutes les idées que vous pourriez avoir!

source d'informationauteur Koniak | 2012-04-01

android cordova

0

J'ai exactement le même problème et en plus de tester les différentes fenêtre paramètres, j'ai essayé les suggestions de ce: Zoom par pincement dans Android avec Phonegap et jQUERY Mobile mais je ne peux pas le faire fonctionner (tester sur Samsung Galaxy SII, Android 4.0.3). Cependant, d'autres ont rapporté succès zoom par pincement à l'aide des conseils à partir du lien. Espérons qu'il vous aide aussi!
13

Êtes-vous à l'aide de PhoneGap Build? Il n'est pas possible avec PhoneGap Build.

Avec le Bureau PhoneGap, si vous ne l'avez pas déjà fait, suivez les PhoneGap Mise en route avec Guide Android et de définir votre code dans un Projet Eclipse.

Une fois mis en place, modifier votre Principal fichier Java, comme dans le guide de mise en route:
Ajouter les importations suivantes:
```
import android.webkit.WebSettings; 
import android.webkit.WebSettings.ZoomDensity;
```
Ci-dessous, la super.loadUrl("file:///android_asset/www/index.html"); ligne que vous mettez dans, dans le cadre du guide de démarrage, ajouter:
```
settings.setBuiltInZoomControls(true);
settings.setSupportZoom(true);
settings.setDefaultZoom(ZoomDensity.MEDIUM); 
```
Propre et construire votre projet - le zoom doit maintenant être autorisé.

À restreindre dans quelle mesure les utilisateurs peuvent effectuer un zoom avant, ajouter une balise meta, comme celle ci-dessous de chaque page HTML:
```
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1.5, user-scalable=1">
```

Vient de confirmer Pincée de Zoom que de travailler sur les Téléphones Android:

Samsung Galaxy S820L Android 4.4
LG Coucher de soleil L33L Android 5.0

Avec PhoneGap CLI (pas de service), sur Windows:

C:\>phonegap --version
5.4.1

Android SDK Tools Version:

24.4.1 (from the SDK Manager)

Voici le code MainActivity.java (plates-formes\android\src\com\phonegap\helloworld):

package com.phonegap.helloworld;

import android.os.Bundle;
import org.apache.cordova.*;

import android.webkit.WebView;
import android.webkit.WebSettings;

public class MainActivity extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        //Set by <content src="index.html" /> in config.xml
        loadUrl(launchUrl);

        WebView webView = (WebView) appView.getEngine().getView();
        WebSettings settings = webView.getSettings();

        settings.setBuiltInZoomControls(true);
        settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
        settings.setSupportZoom(true);
    }
}

Et c'est dans index.html:

 <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=3, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

Une remarque supplémentaire - avec cet appel:

settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);

obtenu ce lors de la construction:

uses or overrides a deprecated API - Note: Recompile with -Xlint:deprecation for details

Commenté, et le Zoom n'a pas été affectée.

Merci les gars!!!

Celui qui même après ce n'ai pas trouver un solution pour ce faire, j'ai trouvé une réponse qui a été répondue le 17 Novembre 2015.

Solution de contournement

import android.webkit.WebView;

//super.appView.getSettings().setBuiltInZoomControls(true);
//super.appView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM); 
//super.appView.getSettings().setSupportZoom(true);
//Instead use this
WebView webView = (WebView) appView.getEngine().getView();
WebSettings settings = webView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setDefaultZoom(ZoomDensity.MEDIUM);
settings.setSupportZoom(true);

Cela a fonctionné pour moi.

Source: https://github.com/LouisT/cordova-useragent/issues/1

Pour cordova 5.x.x, vous devez utiliser la solution de https://github.com/LouisT/cordova-useragent/issues/1

import android.webkit.WebView;

WebView webView = (WebView) appView.getEngine().getView();
WebSettings settings = webView.getSettings();
settings.setBuiltInZoomControls(true);
settings.setDefaultZoom(ZoomDensity.MEDIUM);
settings.setSupportZoom(true);

Pour moi, il était nécessaire de changer ZoomDensity.MOYENNE-WebSettings.ZoomDensity.MOYEN

-5

Le document html5 devrait commencer par:
```
<!DOCTYPE html>
```
Sans cette ligne ne fonctionne pas de la fenêtre d'affichage AppBrowser dans Phonegap Android

Vous devez vous connecter pour publier un commentaire.