Zoom par pincement dans Android avec Phonegap et jQUERY Mobile
J'ai eu de la difficulté à obtenir pincée de zoom pour travailler dans la webapp je suis en train de créer avec Phonegap. Actuellement, je suis le chargement de l'information dans une balise p en vue d'un script à distance, mais le html est hors de l'enceinte de l'écran (bien évidemment, en mode paysage résout ce).
A pas d'importance, ce que j'essaie je ne peux pas obtenir de zoom par pincement du travail ou même une horizontaux barre de défilement apparaît. J'ai essayé d'ajouter <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.8, user-scalable=1" />
dans l'en-tête.
Je pense que le problème peut être que je suis à l'aide de jquery mobile, mais d'essayer la solution suivante ne fonctionne pas:
$(document).bind("mobileinit", function(){
$.mobile.metaViewportContent = "width=device-width, minimum-scale=1, maximum-scale=2";
});
(ajouté avant de jquery mobile js les inclusions de fichiers).
MODIFIER: Défilement vers la droite lorsque le contenu déborde fonctionne très bien dans l'Ondulation de l'émulateur.
Mise à JOUR: Ok - édité mon app.java et je suis capable de zoom maintenant. Cependant, je suis seulement en mesure d'effectuer un zoom avant, pas de zoom, indiquant que le zoom initial est fixé à 1, je suppose. N'importe qui ont des suggestions sur la façon d'effectuer un zoom arrière ou configurer une barre de défilement horizontale?
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);
}
}
OriginalL'auteur John Smith | 2011-05-15
Vous devez vous connecter pour publier un commentaire.
Je me rends compte que ce post est vieux, mais ici, c'est à quelqu'un d'autre googler leur chemin dans le post:
De zoom Horizontal est en fait pas disponible pour tout le contenu sauf dans le corps - à la fois pour iOS et Android et à ma connaissance. Essayez de créer une nouvelle application avec un div et essayer de faire
overflow:auto
vous donner quoi que ce soit. Il y a le ScrollView être mises en œuvre dans jQuery Mobile, et il n'y a iScroll. Ni fonctionne bien si tu veux des éléments de formulaire pour être dans la zone déroulante.Comme pour le zoom plus loin que le contenu réel, je ne pense pas que c'est pas raisonnable, il en fait, vous vous cantonnerez. Il n'y a rien en dehors de l'organisme, ce qui peut être montré, imaginer comment une couleur d'arrière-plan ou de l'image sont rognés - pas agréable du tout!
OriginalL'auteur Zut
Geste de choses se rapportant à aller sur ce lien
jgestures
surtout pour Jquery Mobile
OriginalL'auteur Abdulqadir_WDDN
À l'aide de l'OP code et des ressources supplémentaires, trouvé de travail zoom solution avec le splashscreen et un couple "gotcha" à regarder dehors pour.
Gotcha #1:
Si vous utilisez les données de position="fixe", vous perdrez votre fonction de zoom par pincement (testé sur Android 2.3.1 SDK 9) c'est à dire:
Gotcha #2:
Si vous utilisez cibles "densitydpi=device-ppp" en-tête meta name="viewport", votre mise à l'échelle sera unique et différent donc de l'utiliser ou ne pas utiliser de manière cohérente à travers toutes les pages.
Voici des Extraits de mon travail:
org.packagename/src/MainActivity.java
res/drawable/splash.xml
res/drawable/splashimage.png
(Fait avec Dessin 9-patch de launcher icon png w/alpha)
OriginalL'auteur Page2PagePro
de liaison à l'élément d'être marqué par le geste de l'événement peut être fait.
par exemple,
OriginalL'auteur Sujan Shrestha