Question

Quelqu'un at-il de bons points de départ pour moi, lorsque l'on cherche à faire des pages web/sites/applications spécifiquement pour l'affichage sur l'iPhone?

J'ai regardé les modèles comme l'un Joe Hewitt a fait, et aussi vu quelques modèles que je peux acheter, que je n'ai pas encore fait.

J'ai pensé que quelqu'un d'autre avait déjà commencé sur cette piste et a décidé que je pourrais probablement sangsue sur leurs nouvelles connaissances :)

Donc, quelqu'un aurait-il les pointeurs?Je suis bien conscient du problème que le plus d'un tel modèle/cadre d'une application web ressembler à une appli iPhone, le plus probablement, je vais avoir des ennuis parce qu'il n'est tout simplement pas, mais pour l'instant je veux un cadre que j'pouvez commencer à construire sur, puis dans le processus de trouver comment faire distinctif suffisant pour être perçu comme une application web ainsi que de ressembler à une application iPhone native.

Plus précisément, je suis à la recherche pour des fonctionnalités telles que:

  • les feuilles de style mis en place, ou des pointeurs sur la façon de procéder pour iPhone
  • de changement de page de l'animation, c'est à dire.choisissez un élément dans une liste, la liste défile hors de vue de la gauche et de l'information pour les parchemins à partir de la droite
  • la partie animation aurait à travailler avec des pages dynamiques, c'est à dire.pas juste une grande page qui a divs mis en place pour chaque sous-rubrique, dont au moins l'un de ces cadres a eu comme une sorte de solution rapide, j'aurais besoin d'avoir élément de la liste de prélèvement de la charge de la page pour cet élément, puis lorsqu'il est chargé, faites défiler jusqu'à

Modifier:Pour éviter que des gens qui lisent seulement la question et la réponse, avant de lire mon autre réponse, je vais ajouter mes éclaircissements pour licence GPL et d'autres questions semblables ici.

Le cadre-je besoin pour utiliser ne peut pas être distribué sous une licence qui m'obligerait à la licence de mon propre projet sous une licence similaire.La GPL de la famille de licences permet exceptions en ce qui concerne l'utilisation de la bibliothèque, mais cela ne s'applique pas à cela, car en cas de nécessité, le type de cadre j'aurais besoin d'utiliser serait tout le code source.

Le projet peut aisément accueillir des bibliothèques commerciales.

Aussi, je n'ai pas besoin d'un bibliothèque ou un cadre en tant que tel, fichiers d'exemple de bonne apparence et ne sont pas trop obscurci serait la bienvenue.

Était-ce utile?

La solution

J'ai trouvé iphone-universel sur Google Code, l'autre jour.N'ont pas eu la chance de l'essayer, mais il semble prometteur.

Autres conseils

jQtouch regarde en circulation.

L' iiu bibliothèque, à l'origine de Joe Hewitt, serait un bon endroit pour commencer.La bibliothèque est sous licence BSD et n'a pas de restrictions commerciales.

Vous êtes en droit de supposer iphone-universel n'est pas une option pour vous, sa fait sous la licence Affero GPL qui permet de déclencher la clause de distribution simplement en accédant au logiciel sur un réseau qui est très différent de la norme GPL.

Je suis actuellement à la recherche dans http://webapp.net.free.fr/.Découvrez la démo ici.Par rapport aux autres cadres mentionnés, il a les avantages suivants:

  • En cours de développement
  • Communauté Active
  • A une licence ouverte, libre de le distribuer aussi longtemps que vous incluez le droit d'auteur/avertissement

Le dernier point a été vraiment le gagnant pour moi.Je suis à la recherche à la construction de quelque chose qui va être inclus dans un produit commercial, de sorte que les autres cadres comme l'iphone universel et iwebkit (les deux GPL) n'étaient pas des options.

QuickConnectiPhone est LGPL de sorte que vous pouvez l'utiliser de la manière que vous voulez.Il a une coutume Dashcode projet qui inclut les fichiers nécessaires.Il est très modulaire.Il va même vous permettre de compiler votre code JavaScript, HTML et CSS dans une application installable si vous le souhaitez.

http://sourceforge.net/projects/quickconnect/

Pour plus d'informations, vous pouvez consulter http://tetontech.wordpress.com

Essayez iwebkit

http://iwebkit.net

Voici une démo:

http://m.iwebkit.net

Cette regarde bon, mais malheureusement il est sous licence GPLv3, donc je suis en fait un peu peur de commencer la recherche à ce code.Le cadre j'ai besoin de trouver ou de développer si besoin est, doit pouvoir être utilisé dans le cadre d'un programme commercial, sans avoir à obtenir l'ensemble du programme différents.Bibliothèques commerciales sont beaux, je n'en ai pas trouvé, je peux démo encore, sans doute parce que je pouvais juste voler tout le code si je le voulais.

Suppose que je vais chercher plus loin, merci pour le lien mais.

Modifier:Des précisions.Je serais bien avec l'exigence de partager la source pour le web, cadre de cadre pour l'iPhone, si quelqu'un le voulait, mais à partir de ce cadre est de toutes les sources, j'ai peur que l'intégration de bits dans une application web existante (pour faire un la peau pour l'iPhone), je serais de prendre l'ensemble de l'application web pour responsable licence GPL, ce qui est totalement hors de question.Même le partage de tous les fichiers liés à l'iPhone pages est hors de question, car ils contiennent du code propriétaire.

J'ai été curage autour avec iUI, et le trouve assez bon, mais pour être honnête, je n'ai pas regardé le modèle d'octroi de licences, donc j'ai aucune idée de ce que c'est.Il est très simple et si, et fonctionne bien avec ASP.NET MVC.

Découvrez iWebkit 6.Il ne fonctionne que sur iOS 5, si :(.

Mise à JOUR

Vous pouvez également utiliser saurik de l'.Il ne dispose pas de toutes les fonctionnalités dont vous avez dit que vous vouliez, mais je vais essayer de voir comment les mettre en œuvre.Aussi, vous avez dit que vous vouliez construire sur elle.Pour une démo (saurik a pris la réelle bonne partie de cydia.saurik.com) vous pouvez utiliser le mien sur mon autre site.Afin d'éviter de transférer toutes ces images, il suffit d'ajouter ceci dans la tête:

<link rel="stylesheet" type="text/css" href="http://cache.saurik.com/menes/style.css" />

aussi, ajouter ceci dans votre CSS:

body > panel > fieldset > div > a: hover {
background-image: url('menutouched.png')
}

menutouched.png est ici:

Cette fonction en js diapositives de la page.C'est à partir de Joe Hewitt iiu projet:

function swipePage(fromPage, toPage, backwards)
{
toPage.style.left = “100%”;
toPage.setAttribute(“selected”, “true”);
scrollTo(0, 1);
var percent = 100;
var timer = setInterval(function()
{
percent += animateX;
if (percent <= 0)
{
percent = 0;
fromPage.removeAttribute("selected");
clearInterval(timer);
}
fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%";
toPage.style.left = (backwards ? -percent : percent) + "%";
}, animateInterval);
}

Pour le chargement de la page suivante, vous pouvez essayer quelque chose comme de l'exécution d'une de la fenêtre.emplacement avec un temps de retard.Le moment est à vous si.

Vous aussi besoin pour l'ajouter à votre CSS:

body {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top