tutorial iphone cocoa-touch

iphone - tutorial - ios



Creando una "burbuja de chat" en el iPhone, como Tweetie (8)

Lea el código en ButtonsViewController.m de UICatalog: "+ buttonWithTitle:" que crea un botón extensible desde una imagen, que es el mismo caso para crear una burbuja de chat.

Solo curiosidad, ¿pasé por alto alguna parte de la API para mostrar una imagen de tipo burbuja de chat como se encuentra en la aplicación de SMS del iPhone? Hay algunas aplicaciones que usan burbujas que se parecen literalmente a las del iPhone y me pregunto si están usando un widget nativo o su propia imagen.

Esto también se ve en la aplicación Tweetie donde se encuentra el contenido de los tweets.

Necesita usar sus propias imágenes, y Apple recomienda utilizar 9 UIImageViews (3 filas de 3) (esquina superior izquierda, superior central, esquina superior derecha, centro lado izquierdo, medio, medio derecha, inferior izquierda, inferior medio, inferior Esquina derecha)

Sugiero usar el método de estiramiento que recomiendan para las imágenes de los botones.

[UIImage stretchableImageWithLeftCapWidth:15 topCapHeight:13]

Puede ver un ejemplo de trabajo descargando la fuente de Twitterfon (está en la página de preguntas frecuentes). Puede ver cómo codifican un control reutilizable para él, así como imágenes de ejemplo para crear su propia burbuja.

Editar - La fuente ya no está disponible (NDA, posiblemente)

Puse la imagen aquí . Deberías poder descifrar el resto :)

Echa un vistazo a AcaniChat . Es la mejor versión de código abierto de la aplicación de mensajes de iPhone. Utiliza Core Data y pronto usará WebSockets.

Hay un video tutorial que muestra el método de Jabs aquí http://vimeo.com/8718829 incluye gráficos de burbujas en muchos colores. También la fuente de Twitterfon está aquí https://github.com/jimpick/twitterfon

(Estos deben ser comentarios a la respuesta de jabs pero no tengo la calificación suficiente para comentar)

Muchas de nuestras aplicaciones tienen servicio de chat o de mensajería, y muchos de los clientes piden que se cree un chat "similar al chat SMS de ese iPhone, con burbujas".

Desafortunadamente, Cocoa SDK no proporciona una manera conveniente y fácil de mostrar las burbujas de chat, y numerosos fragmentos de código que hemos buscado en google tampoco eran perfectos: algunos de ellos eran simplemente feos, algunos mostraban burbujas del mismo tamaño independientemente de la longitud del texto, algunos no alteró el ancho de la burbuja, algunos fueron buenos, pero apenas personalizables, etc.

Finalmente, Alex, nuestro principal arquitecto de iOS (que también es el director de tecnología de Stex), siguió adelante y escribió este código desde cero. Las características principales son:

  • fácil (¡realmente fácil!) personalizable e integrable. El código se basa en el enfoque de subclasificación UITableView, por lo que una vez que necesita agregar el recurso de chat a la aplicación, considere esto simplemente como agregar UITableView, donde cada celda es un mensaje
  • estilo y color de burbuja fácilmente personalizable: hay 2 imágenes, que se pueden ajustar fácilmente en Photoshop
  • agrupación por tiempo
  • altura de burbuja flexible y witdh

El código se puede descargar de GitHub, https://github.com/AlexBarinov/UIBubbleTableView

Es bastante fácil hacer UILabels con fondo de imagen extensible. Si quieres poner imágenes en la burbuja, tendrás que enmascararlas para que se parezcan a las de Apple. Consulte el código de muestra de BubbleThingie , por ejemplo, sobre cómo realizar la máscara de imagen. También tiene un ejemplo de cómo hacer burbujas de texto usando un UIButton o UILabel.