2010-07-20 11 views
8

Conosci qualche risorsa (url, pdf, ecc.) Che può aiutarmi a fare un tutorial in-app?Esistono delle guide per implementare un'esercitazione in-app per iPhone?

Lasciami spiegare meglio: la prima volta che l'utente usa la mia app per iPhone, voglio mettere i messaggi di bolle che puntano/descrivono ogni parte dell'interfaccia.

Il problema è che non so da dove iniziare. : D

Qualsiasi aiuto sarà apprezzato. Grazie in anticipo.

+0

Quindi, esattamente, dove stai affrontando il problema? Hai problemi su come implementarlo? o Come mantenere il messaggio bolla? o come descrivere ogni parte ?? per favore vai ad altro ancora più profondo ... – DShah

+0

Quindi, se sei interessato a creare un tutorial in-app, queste [librerie] (https://github.com/vsouza/awesome-ios#walkthrough--intro--tutorial) può essere utile. – reinaldoluckman

risposta

6

Ecco una risposta low-tech:

  1. Prendete una schermata della tua app
  2. Importalo in Photoshop (o equivalente, come Acorn)
  3. Disegna tutte le caselle e le frecce che vuoi
  4. Esporta come PNG (con sfondo trasparente)
  5. Aggiungi come UIImageView
  6. codice per mostrare il primo lancio, e scompaiono in un rubinetto

Non sapendo più circa la vostra applicazione o le specifiche per il tutorial, questo è di gran lunga il più facile soluzione.

+1

Per chiarire il punto 4, non includere lo sfondo originale, quello che vuoi è un overlay tutorial. E sì, potresti aver bisogno di due di questi se supporti portrait + landscape. –

2

Un modo rapido per farlo sarebbe creare una vista singola che contenga uno UILabel (e qualsiasi altro controllo che potrebbe piacerti), che ha una proprietà NSString che consente di impostare quale testo viene visualizzato nel corpo (I sono sicuro che tu abbia capito l'idea).

Si potrebbe quindi presentare la vista con un UIPopoverController

Facendo uso di Presenting From a Specific Rect per i componenti generali UI e Presenting From a Bar Button Item se del caso.

La cosa bella di UIPopoverController è che punta automaticamente al rect che fornisci, quindi sarà una sorta di "bolla in bilico". Inoltre, rifiuterà quando l'utente toccherà al di fuori di esso; tuttavia, non è possibile avere più di una schermata contemporaneamente.

+4

'UIPopoverController' è disponibile solo su iPad. OP sta cercando di farlo per un'app per iPhone. – BoltClock

+2

Troppo bello per essere vero! : D – reinaldoluckman

2

Inizia con il UIView Class Reference e View Programming Guide for iOS:

In sostanza, quello che vorrei fare è creare una classe UIView che ti permette di disegnare in cui la freccia e inserire ciò che si desidera la bolla da dire. E quando tocchi la vista, si nasconde e passa al suggerimento successivo.

quindi utilizzare il metodo addSubview: che consente di aggiungere una visualizzazione secondaria sulla parte superiore dei suoi fratelli ...

2

Per verificare se l'utente apre l'app per la prima volta, è possibile utilizzare NSUserDefault impostato su BOOL ogni volta in didFinishLaunchingWithOption. Sulla base di questo, basta far apparire il messaggio Bubble e mostrare la descrizione come desideri.

Inoltre, è possibile inserire la voce nel file plist e controllare la voce plist ogni volta che viene avviata l'app.

Per UIPopover e mostrando la parte descrizione altri hanno già fornito suggerimenti ...

3

Non l'ho mai fatto prima, ma proverei a mettere uno UIView (lo chiamerò UIBubbleView) in cima a tutti i miei punti di vista.

- RootView 
    - UIBubbleView 
    - UIRootNavigationView 
    - Any other UIViews 

Il UIBubbleView visualizza tutte le bolle. Ogni volta che vuoi mettere una bolla sopra la tua vista attuale, chiami semplicemente lo UIBubbleViewController (implementerei questo controller come Singleton per comodità con un riferimento nel tuo AppDelegate principale) per visualizzare la bolla per la parte del tutorial.

Come si desidera visualizzare la bolla solo dopo aver impostato una proprietà per non mostrare più questa bolla specifica. Se tutte le bolle sono mostrate (o l'utente disabilita la funzione tutorial) non si restituisce mai l'istanza del proprio UIBubbleViewController e si rilascia l'effettivo UIViewController con il suo UIView (o non lo si crea mai all'avvio).

I vantaggi di questo approccio:

  • Si ottiene una sola chiamata di funzione per ogni bolla esercitazione
  • È possibile chiamare il tutorial bolle da qualsiasi parte si APP
  • è possibile memorizzare tutti i dati del tutorial (in cui è la bolla, si tratta di testo, è stato mostrato?) in un unico luogo /file di

se potrebbe essere difficile ottenere l'esecuzione configurazione iniziale.

Problemi correlati