2010-07-20 14 views
8

¿Conoces algún recurso (url, pdf, etc.) que pueda ayudarme a hacer un tutorial en la aplicación?¿Hay alguna guía para implementar un tutorial en la aplicación para iPhone?

Déjame explicarte mejor: la primera vez que el usuario usa mi aplicación para iPhone, quiero poner mensajes burbuja apuntando/describiendo cada parte de la interfaz.

El problema es que no sé por dónde empezar. : D

Cualquier ayuda será apreciada. Gracias por adelantado.

+0

Entonces, ¿exactamente dónde se enfrentan los problemas? ¿Tienes algún problema con la forma de implementar esto? o ¿Cómo mantener el mensaje de burbuja? o ¿Cómo describir cada parte? por favor, vaya a algo más profundo ... – DShah

+0

Entonces, si está interesado en crear un tutorial en la aplicación, estas [libs] (https://github.com/vsouza/awesome-ios#walkthrough--intro--tutorial) puede ser útil. – reinaldoluckman

Respuesta

6

Aquí es una respuesta de baja tecnología:

  1. tomar una captura de pantalla de la aplicación
  2. Importe en Photoshop (o el equivalente, como Acorn)
  3. Dibuje todos los cuadros y flechas que desee
  4. Exportar como PNG (con fondo transparente)
  5. Agregar como UIImageView
  6. Código que apareciera el primer lanzamiento, y desaparecen en un grifo

Sin saber nada más acerca de su aplicación o la especificación para el tutorial, esto es, con mucho, el más fácil solución.

+1

Para aclarar el paso 4, no incluya el fondo original, lo que quiere es una superposición de tutorial. Y sí, puede necesitar dos de estos si admite portrait + landscape. –

2

Una forma rápida de hacer esto sería crear una vista única que contiene un UILabel (y cualquier otro control que le guste), que tiene una propiedad NSString que le permite establecer qué texto se muestra en el cuerpo (I Estoy seguro de que entiendes la idea).

A continuación, podría presentar la vista con un Haciendo uso UIPopoverController

de Presenting From a Specific Rect para los componentes de interfaz de usuario generales y Presenting From a Bar Button Item en su caso.

Lo bueno de UIPopoverController es que apuntará automáticamente a la rect que proporcione, por lo que será una especie de 'burbuja flotante'. También se descartará cuando el usuario toque afuera de él; sin embargo, no puede tener más de uno en pantalla a la vez.

+4

'UIPopoverController' solo está disponible en iPad. OP está buscando hacer esto para una aplicación de iPhone. – BoltClock

+2

¡Demasiado bueno para ser verdad! : D – reinaldoluckman

2

de inicio con el UIView Class Reference y View Programming Guide for iOS:

Básicamente, lo que haría es crear una clase UIView que le permite dibujar en donde la flecha apunta hacia y entran en lo que quiere decir que la burbuja. Y cuando toca la vista, se oculta y pasa al siguiente consejo.

A continuación, utilice el método addSubview: que le permite agregar una vista secundaria en la parte superior de sus hermanos ...

2

Para comprobar si el usuario abre la aplicación por primera vez, puede usar NSUserDefault establecido en BOOL valor cada vez en didFinishLaunchingWithOption. Sobre la base de esto, simplemente haga aparecer el mensaje Bubble y muestre su descripción como lo desee.

También puede colocar la entrada en un archivo plist y comprobar la entrada plist cuando se inicie la aplicación.

Para UIPopover y se muestra la descripción parte otros ya han dado sugerencias ...

3

Nunca he hecho esto antes, pero trataría de poner un UIView (lo llamaré UIBubbleView) en la parte superior de todas mis vistas.

- RootView 
    - UIBubbleView 
    - UIRootNavigationView 
    - Any other UIViews 

El UIBubbleView mostrará todas las burbujas. Siempre que quiera colocar una burbuja encima de su vista real, simplemente llame al UIBubbleViewController (implementaría este controlador como Singleton para mayor comodidad con una referencia en su AppDelegate principal) para mostrar la parte del tutorial de Bubble.

Como desea mostrar la burbuja única vez que se establece una propiedad para no mostrar esta burbuja específica más. Si se muestran todas las burbujas (o el usuario deshabilitó la función de tutorial) nunca devuelve la instancia de su UIBubbleViewController y libera el UIViewController real con su UIView (o nunca lo crea en el inicio).

beneficios de este enfoque:

  • Se obtiene una sola llamada a la función de cada burbuja tutorial
  • Puede llamar al tutorial de burbujas desde cualquier lugar en que APP
  • Puede almacenar todos los datos del tutorial (donde es la burbuja, es de texto, se ha demostrado?) en un solo lugar /archivo

pesar de que podría ser difícil de conseguir la carrera configuración inicial.

Cuestiones relacionadas