Sviluppo di PhoneGap per Android - Best practice per diverse dimensioni dello schermo/densità di pixel

Question

Ho recentemente completato lo sviluppo di un'applicazione iPhone in PhoneGap e stiamo completando la versione Android dell'applicazione e speravo di rivolgermi alla comunità SO per alcune risposte nelle migliori pratiche per far sì che la tua app sia visibile su tutti i dispositivi. Il mio approccio consisteva nell'usare sencha.io per tutte le immagini e utilizzare il layout flessibile basato su em/percentuale attraverso l'app in modo che si ridimensionasse in base agli immobili disponibili sullo schermo. Questo approccio è giusto, qualcuno ha suggerimenti per il flusso di lavoro o implementazione?

Grazie in anticipo,

JN

Answer 1

Affinché la vostra applicazione per lo stesso aspetto su tutti i dispositivi, utilizzare HTML5 e CSS (che si sta già utilizzando con PhoneGap, giusto?)

Devi decidere se vuoi che l'app per Android appaia come l'app per iPhone o se vuoi che appaia in modo diverso su un'app per Android o se vuoi che appaia come la tua app indipendentemente dalla piattaforma.

Indipendentemente da quale percorso si prende, la chiave per utilizzare HTML e CSS ben scritti e ben formati. Quando dico bene scritto, non intendo avere alcun layout o stile a seconda dell'HTML e faccio tutto il layout e lo stile con i CSS.

Dalla mia esperienza personale, siete sulla strada giusta con percentuali/em.

Per quanto riguarda sencha.io, non ho mai sentito parlare di questo. Ma personalmente non vedo cosa faccia quello che non puoi fare solo con CSS e HTML5.

Assicurarsi di verificare come molti dispositivi diversi, come si può!

Come nota a margine, raccomando di non utilizzare molte immagini per aiutare gli utenti a ridurre i tempi di caricamento e l'utilizzo dei dati.