2010-04-15 15 views
3

Quelle est la meilleure façon et la meilleure technique pour développer une application semblable à un magazine pour iPad? Est-il possible d'utiliser HTML 5 et CSS, y compris les effets de balayage et des trucs comme ça?Concept de l'application du magazine iPad

Quelles sont les autres techniques?

Répondre

0

Utiliser uniquement HTML5 et CSS serait difficile d'avoir un effet de balayage de la même qualité que iBooks. Vous voudrez probablement développer votre propre application native qui utilise OpenGL pour l'effet.

Vérifiez this question pour commencer à implémenter l'animation de balayage de pages.

+0

donc sans la chose de balayage (juste pour faire défiler vers le haut/bas) html5 serait possible? le contenu devrait être dynamique! – tronic

+0

Bien sûr, ce serait possible, mais ça ressemble à un blog. Si vous recherchez le look and feel d'un magazine, HTML5 ne va tout simplement pas le couper. –

+1

"HTML5 ne va tout simplement pas le couper" ... Je devais intervenir et dire que je ne pouvais pas être plus en désaccord. Bien que l'effet de balayage/retournement puisse s'avérer difficile, vous pouvez créer une application Web de type Magazine en utilisant HTML5 et les technologies connexes. Si vous possédez un Mac, téléchargez le SDK iPhone, notamment Dashcode (http://en.wikipedia.org/wiki/Dashcode) pour créer des applications iPhone HTML5 qui ont l'aspect et la convivialité des applications natives. Bien que la création d'une application iOS native pour ce genre de chose soit plus facile que HTML5, la version HTML5 a les avantages de la portabilité et de la distribution de masse (fonctionne sur tout). Un objectif intéressant à mon humble avis. –

0

Une autre technique consiste à utiliser le document magazine en format pdf et à le restituer directement.

Le processus de mise en œuvre est fastidieux, mais n'a pas besoin de refactoriser le magasin.

Si vous voulez utiliser une librairie, nous avons conçu FastPdfKit pour vous aider dans ce processus. Jetez un oeil à FastPdfKit.com et prenez le code gratuit sur github.

2

J'ai essayé des centaines de techniques, qui aspiraient la mémoire, nécessitaient un million de lignes de code et au moins 200 Mo. Puis j'ai eu un coup de génie la nuit dernière.

  1. storyboards d'utilisation, et le geste de glisser/modal/Fondu transition vers et de chaque ViewController
  2. au lieu d'essayer de tirer dans un fichier PDF ou de l'image, jetez votre texte dans un fichier HTML, et l'utilisation un lien HTML intégré
  3. ont l'index sous forme de boutons qui vont à chaque vue
  4. BONUS: fonctionnalité cool pour ajouter serait un geste de « tap » sur chaque page, donc que, après deux robinets l'index apparaît, de cette façon l'utilisateur n'a pas besoin de balayer tout le chemin

CODE DE PARTIE 2

-(void)viewDidLoad { 
[super viewDidLoad]; 
NSString* filePath = [[NSBundle mainBundle] 
      pathForResource:@"yourtexthere" 
      ofType:@"html" 
      inDirectory:@"folderwhereyousavedit"]; 
NSURL* fileURL = [[NSURL fileURLWithPath:filePath]; 
NSURLRequest*request = [NSURLRequest requestWithURL:fileURL]; 
[webView loadRequest:request]; 
} 

dans le .h

@property (weak, nonatomic) IBOutlet UIWebView *webView; 

et bien sûr synthétisent que dans le .m et le connecter au viewController approprié ... et éventuellement jeter dans le kiosque d'Apple.

Cette technique maintient l'intégrité du texte, a un codage minimal et conserve une petite taille de fichier.

Holler si vous avez besoin de plus d'aide avec ceci.

+0

Avez-vous déjà réussi à créer une telle application? Peut-être que vous avez quelque chose que vous pourriez partager? – MonkeyCoder

0

Oui, vous pouvez le faire en utilisant la technologie html5, les techniques tactiles et CSS. J'ai trouvé que s'appuyer sur les animations css3 pour être où beaucoup de fuites de mémoire venaient de mon projet. Cela dépend d'être sélectif avec quels arts ont des accélérations CSS.

Il n'est pas terminé, ni n'est open source. Vous pouvez voir des test utilise ici et me contacter pour plus d'informations concernant la configuration: http://stacks.acadnet.ca/

Une nouvelle version tire le contenu de façon appropriée les messages marqués tumbl, mais il est prêt pour l'affichage.Ce système a également des images d'arrière-plan en plein écran qui peuvent être verrouillées pour fournir des doubles pages.

Ce n'est pas un système ouvert en raison du temps de développement (2ans) et c'est le noyau d'un concept de maître.