Cómo personalizar la vista de tabla ios aplicación para el ipad

En una plantilla de aplicación de iOS, la propia vista de tabla se le asigna tanto a la fuente de datos y las propiedades de delegado. Esto significa que toda la funcionalidad Vista de tabla se materializa en la clase de vista Tabla. Sin embargo, tener la capacidad de asignar otras clases para el delegado o la propiedad de origen de datos se abre la oportunidad para que usted comparta la funcionalidad entre varios objetos.

Usted encontrará una serie de casos en los marcos de cacao donde la funcionalidad de un objeto se proporciona por sí mismo, así como por otros objetos que pueden de vez en cuando ser el mismo que el objeto primario.

Si está utilizando la vista Tabla sólo como un tipo de tabla de contenidos para su aplicación, la selección de las células estáticas le permite crear el contenido celular en Interface Builder y utilizar segues storyboard para especificar lo que sucede cuando un usuario selecciona una celda.

Los pasos siguientes muestran cómo personalizar la vista de la tabla:

1Seleccione Tabla en el esquema del documento en la vista controlador maestro - Master Scene

El esquema del documento puede ser muy útil.

424638.medium.jpg

2Uso del selector de Inspector, abra el inspector de atributos en la Utilidad de la zona, seleccione Agrupados en el menú desplegable Estilo del inspector, y luego entrar en el campo 3 secciones

Nótese que los puntos de vista de mesa vienen en dos estilos básicos:

Llanura: El estilo por defecto se llama llanura y se ve realmente sin adornos - con sabor de vainilla. Es una lista: sólo una maldita cosa tras otra. Puede índice, sin embargo, al igual que la vista Tabla en la aplicación Contactos está indexada, por lo que puede ser una herramienta muy poderosa.

agrupados: El otro estilo es el agrupados Tabla vista- como era de esperar, que le permite agrupar las entradas juntas en varias categorías.

3Abra el triángulo situado junto a Formato Tabla en el esquema del documento, echa un vistazo a las secciones Tabla Ver debajo de ella, y seleccione la primera sección

El inspector de atributos se actualiza para mostrar los atributos de la primera sección de la vista Tabla.

424639.medium.jpg

4Cambie el campo Filas en el inspector de atributos a 2 (o eliminar una de las células) y entrar a mi destino en el campo de cabecera

Seleccione la segunda sección y, después de que el inspector de atributos refresca, cambie el campo Filas en el inspector de atributos a 2, y entrar en cómo salir de la cabecera de campo.

Video: [App] Personaliza tu pantalla de inicio crea tus propios iconos [iPhone, iPod Touch y iPad]

Seleccione la tercera sección y, después de que el inspector de atributos refresca, cambie el campo Filas en el inspector de atributos a 2, y entrar Planificación de mi viaje en el campo de cabecera.

5Abrir la primera vista de tabla

Seleccione la primera tabla Ver celda.

424640.medium.jpg

6En el inspector de atributos, seleccione Básico en el menú Estilo

El menú Estilo ofrece una serie de opciones de cómo se formatea la celda. Cada uno da formato al texto en la celda un poco diferente en la etiqueta (s) se suma a la celda para mostrar el texto. (O bien, puede dejarlo como personalizada, arrastre en una etiqueta (s), y dar formato a la etiqueta de la forma que desee.)

Cuando se selecciona Básico, un triángulo que se agrega al lado de la primera tabla Ver celda en el esquema del documento en la vista controlador maestro - Master Scene. Si lo abre, se ve que una sola etiqueta se ha añadido para usted.

424641.medium.jpg

7Seleccione la etiqueta en el esquema del documento

El inspector Atributos muestra las propiedades de la etiqueta - que incluye el texto, que se puede cambiar a su gusto.

Si lo desea, puede cambiar el estilo de fuente seleccionando el icono de fuente. Sin embargo, recuerde que el contenido de su aplicación debe ser la pieza central, así que usar fuentes y estilos para cosas tales como etiquetas estándar es generalmente una buena idea. Establecer el texto de la etiqueta de tiempo.

Video: Red Clock, el reloj más bonito para tu iPhone

424642.medium.jpg

8Por último, seleccione el color blanco del menú desplegable Color de la sección de la etiqueta

Sí, es de hecho el caso de que usted no será capaz de ver el texto muy bien.

9Repita los pasos 7-10 para formatear las dos células próximos, esta vez de entrar y Eventos Mapa, respectivamente, en el campo de texto en el inspector de atributos

Events es la segunda celda de a mi destino, y el mapa es la primera celda en Cómo desplazarse. Hay que tratar a la célula Buscar en Cómo desplazarse un poco diferente. En lugar de limitarse a añadir un título a la vista de tabla celular, vas a añadir un campo de texto de la etiqueta y la entrada dentro la célula vista de tabla.

Para empezar, dejando el tipo de célula como Personalizado en el menú Estilo. Continúe con los pasos que siguen.

10Arrastre una etiqueta desde el panel Biblioteca hasta la célula

A medida que trabaja, usted puede notar que Xcode coloca una vista de contenido objeto dentro de la Tabla Cell- sus nuevos objetos como la etiqueta se colocan dentro de la vista de contenido de forma automática.

424643.medium.jpg

11Con la etiqueta seleccionada, vaya al inspector de atributos y entrar Encontrar: en el campo de texto y establecer la etiqueta y en la Tabla Ver texto celular a color blanco, como lo hizo en los pasos 9-11

Debe tener un aspecto como este.

Video: Personaliza los iconos del móvil con Cocoppa! (iOS/Android)

424644.medium.jpg

12Arrastre un campo de texto en el panel Biblioteca hasta el celular y la posición de la misma

En la parte superior de la sección de campo de texto del inspector de atributos, introduzca Introduzca la dirección o el lugar en el campo de marcador de posición para ayudar al usuario a entender lo que este campo de texto es para.

13En el Inspector de Atributos, seleccione el primer estilo de borde (Sin borde) en la sección de campo de texto

El campo de texto se parecen desaparecer, pero siempre se puede seleccionar de nuevo en el esquema del documento.

Video: Tutorial | Cambia el Logo de la Batería

424645.medium.jpg

14Uso de los menús desplegables apropiadas, establecer el fondo de color claro y el texto de color blanco

Cambiar el tamaño y remodelar el campo de texto como desee.

424646.medium.jpg

15Repita los pasos 7-10 para formatear las dos células próximos, esta vez Destino entrar y prueba de manejo, respectivamente, en el campo de texto en el inspector de atributos

Prestar especial atención a la esquema del documento de la izquierda para asegurarse de que tiene todas las piezas en su lugar.

424647.medium.jpg

dieciséisSi se quita el punto de interrupción de código y, a continuación, haga clic en el botón Ejecutar para la versión de iPad, que se vería esta pantalla

Al hacer clic o tocando en una celda no le consigue nada todavía, pero pronto lo hará.

Artículos Relacionados