Suggerimenti per il debug degli errori dell'interfaccia utente in Windows Phone 7

Question

Ho un'applicazione Windows Phone 7 e visualizzo regolarmente problemi di interfaccia utente "bizzarri" che mi portano ad AGES per eseguire il debug. È una serie di problemi come i controlli che sembrano avere margini extra, le barre di scorrimento non appaiono, le animazioni sembrano davvero glaciali, l'intera pagina scorre verso il basso, gli elementi combinati offset, ecc. Ecc.

Sono felice di ammettere che potrebbe essere me - ma come si fa a correggere errori di interfaccia utente come questo? So che c'è Silverlight Spy per le app PC Silverlight. C'è qualcosa di simile per Windows Phone 7?

Eventuali suggerimenti per il debug v molto apprezzati.

Answer 1

Ho trovato che è una buona idea iniziare con Windows Phone 7 Design Templates, adottare un sistema di controllo versione direttamente dal primo giorno del progetto e per modificare XAML, utilizzare Expression Blend. Visual Studio è ottimo per scrivere codice, ma, per sfruttare la vera potenza degli strumenti, Expression Blend è il migliore per personalizzare la tua applicazione.

HTH, indyfromoz

Answer 2

Qui ci sono un paio di cose che normalmente faccio ... nessuno di loro è molto intelligente, ma condivide comunque.

1. Distribuirlo dopo ogni 2-3 controlli che si aggiungono e assicurarsi che le cose siano correttamente disposte.
2. Se per caso non funziona come mi aspetto, ho un progetto parallelo Silverlight 3 in cui in genere incollo XAML e vedo se funziona correttamente.

Dopo di che, io di solito controllare fuori come un progetto di Silverlight in quanto anche io non sono sicuro di eventuali strumenti disponibili per Win Phone 7.

Ho piace questo elemento domanda e spero che qualcuno ci indica qualcosa più interessante.

Answer 3

C'è un sacco è possibile verifica con Miscela come suggerisce Indy. Questo è davvero un buon consiglio.

Per quanto riguarda alcuni dei tuoi problemi specifici, questi non sono necessariamente glitch. Commenterò una coppia che spicca.

Margine extra: questo e il padding sono incorporati nei controlli della metropolitana in base alla progettazione. Di nuovo, in blend puoi scavare in questo rimodellando il controllo e cambiando le proprietà degli oggetti all'interno del controllo.

La procedura per questo è rclick il controllo, modifica modello, modificare una copia. Quindi puoi guardare i diversi stati e oggetti e cambiare le cose come semi. Durante questa operazione, tieni presente i codici App Certification Requirements e UI Design Guidelines.

Per quanto riguarda le barre di scorrimento, queste sono di progettazione nascoste finché non si inizia a scorrere. È possibile controllare la loro disponibilità con Horizontal/VerticalScrollBarVisibility sui controlli pertinenti (o su ScrollViewer incorporato in alcuni controlli - ancora una volta ricomporre in blend).

Combobox non è a tema metropolitano, quindi è difficile per il reparto di montaggio, ma ci sono post in cui le persone hanno lavorato su questo. ListPicker è una soluzione migliore dal Windows Phone Toolkit rilasciato con gli strumenti RTM.

Answer 4

ecco alcuni suggerimenti:

1. Molte persone hanno problemi con l'emulatore a causa della loro scheda grafica.

Le cose come animazioni lente e glutei ui sono molto comuni.

Verificare che la scheda grafica è Direct X 10.1 almeno e che il driver

modello è WDDM 1.1

Assicurarsi di avere i driver più recenti.

1. Windows 7 ha meno problemi con l'emulatore di Vista

2. Accertarsi che siano presenti i più recenti strumenti, ottenere il rilascio RTM dal sito web.

3. Nella versione RTM, i contatori frame rate vengono visualizzati per impostazione predefinita in una barra verticale a sinistra, è necessario monitorare questi per verificare la presenza di problemi di prestazioni

Answer 5

Se non è possibile vedere alcun evidente cause per i difetti del tuo codice la prima cosa che vorrei raccomandare è testare realmente la tua app su un dispositivo reale. Qualcosa - in particolare oggetti animati - non sembra sempre lo stesso quando li esegui su un dispositivo.

Pensavo di avere un problema di animazione in una delle mie app ma appare solo nell'emulatore. Quando corro su un dispositivo reale, non lo vedo.

Ovviamente questo non ti aiuta se non riesci ad avere un telefono per testarlo ancora, ma prima che tu possa perdere ore a cercare di eseguire il debug di un problema che potresti non avere funzionerei sul resto dell'app fino al momento in cui è possibile testare l'app su un telefono reale.

Lo stesso vale per chiunque crei animazioni: non perdere tempo a perfezionare le animazioni nell'emulatore. I tempi saranno quasi certamente diversi sul dispositivo reale, quindi aspetta di averne uno da provare.