Colección de vistas

Loading...

來自 Tecnológico de Monterrey 的課程

Accediendo a la nube con iOS

55 個評分

Tecnológico de Monterrey

Accediendo a la nube con iOS

55 個評分

課程 3（共 5 門，Specialization iOS 应用开发）

Las aplicaciones hoy en día, necesitan interactuar, comunicarse o utilizar otras aplicaciones. Al final del curso, crearás una aplicación iOS con capacidad de conectarse a un servidor de datos, procesarlos, almacenarlos y visualizarlos. Para la conexión usaremos servicios web del tipo RESTful. Los datos hoy día se encuentran en formato JSON y por tanto esa será la forma de procesarlos. En el almacenamiento usaremos "core data" que es un marco de trabajo en iOS que nos facilita la manipulación de datos y para visualizarlos usaremos tablas y colección de vistas. Este curso es fundamental para la creación de aplicaciones empresariales que se comuniquen con servidores conectados a Internet y será muy importante para el desarrollo de tu proyecto final

從本節課中

Vistas adicionales

La estructura o más precisamente la forma en que los seres humanos estructuramos los datos puede ser muy variable pero una forma recurrente es hacerlo jerárquicamente. Por ejemplo, si queremos hacer una aplicación que muestre automóviles, podríamos pensar en Marcas (Ford, GM, etc), tipos (sedanes, deportivos, etc) y posteriormente modelos (Mustang, Corvette, etc). En este módulo organizaremos el resultado arrojado por el servicio de clima de Yahoo de manera jerárquica. De la misma manera, revisaremos lo que se conoce como colección de vistas, la cuál nos permite una gran flexibilidad para visualizar datos en una disposición espacial específica.

Colección de vistas10:28

Introducción al ejemplo del uso de la colección de vistas3:31

Creación del proyecto e interfaz gráfica8:58

Conectándose a la nube usando el API de Google9:52

Creación de la fuente de datos7:58

Configurando la fuente de datos para la colección de vistas3:51

La creación de las celdas de la colección de vistas8:39

Estableciendo el encabezado de las secciones de vistas9:57

Aclaraciones sobre el objeto que maneja la disposición de las vistas dentro de la colección2:18

與講師見面

Dr. Rafael Lozano Espinosa
Profesor Titular
Tecnologías de Información y Computación

[MÚSICA] [MÚSICA] Hola, ¿qué tal?

Vamos a continuar con el módulo de colección de vistas.

Anteriormente habíamos usado las tablas jerárquicas y el control de navegación

para mostrar ciertos datos, pero más bien de tipo numérico.

En esta ocasión vamos a ver la colección de vistas que nos permite una flexibilidad

para mostrar otro tipo de vistas.

En realidad la colección de vistas nos permite establecer el área

en donde las demás vistas van a ser mostradas.

Acá los temas importantes, al igual que en las tablas,

es la fuente de datos, que es la que nos proporciona los elementos que

queremos mostrar, el delegado por supuesto y un objeto adicional

que nos permite establecer la disposición o qué disposición

deberían de tener los diferentes elementos, las diferentes vistas.

Entonces de alguna manera esta triada de la separación

entre lo que queremos mostrar, lo que vamos a mostrar, y los diferentes objetos

propiamente del modelo, pues nos hace que sea realmente fácil el hacerlo.

La fuente de datos como decíamos se va a encargar de proporcionar las vistas,

a través de conocimiento de los objetos que se quieren mostrar.

Él no sabe cómo mostrarlos pero sabe qué mostrar

entonces ahí vemos una separación del trabajo.

La parte de la colección de vistas, sabe mostrar las cosas,

no sabe qué va a mostrar, eso se lo va a proporcionar la fuente de datos

y este rompimiento o este aislamiento hace que la colección de vistas sirva para

cualquier tipo de objeto y no un objeto en particular.

Decíamos que necesitamos saber los objetos de la aplicación y de ahí,

de alguna manera, tomar las decisiones de cómo irlas mostrando

a través de un objeto que se llama la de disposición o el layout.

Normalmente todo este tipo de cuestiones,

si las queremos como personalizar, lo podemos hacer

de una manera muy muy fácil debido a que utilizamos la subclasificación,

es decir utilizamos herencia en lo que es, en la parte orientada a objetos.

El objeto de disposición, de layout que tiene por defecto o que nos está

proporcionando Apple, es simplemente un objeto de línea, es decir los elementos

se van a ir mostrando línea por línea como si fuera una máquina de escribir.

Es decir de acuerdo a los elementos que queremos mostrar y al ancho de cada uno de

ellos, la disposición se va a ir como llenando hasta que se alcanza el

máximo de la línea y los demás elementos se pondrán en las líneas consecuentes.

En esta imagen podemos ver cómo se realizaría,

donde los diferentes cuadros que logramos ver, pues los está haciendo digamos,

los está mostrando de acuerdo a esas políticas que acabamos de decir.

Es decir va a meter cada una de esas vistas en una línea.

Cuando el ancho o el total del ancho de las vistas que estamos mostrando

llene por completo a la colección de vistas,

en cuanto a su ancho, incluiría una nueva línea.

Normalmente la colección de vistas hereda en una vista que tiene

un scrollbar o un ascensor que permite ir como desplazando

la posición del visor de acuerdo a las vistas que queramos mostrar

o que queramos ver en un momento dado.

Decíamos que la separación es muy importante den cuanto a qué es lo que se

quiere mostrar y cómo se va a mostrar.

La fuente de datos entonces como decíamos se va a encargar de

la parte de qué se quiere mostrar y la colección de vistas junto con el layout

va a decir la disposición y la manera en que se deben de mostrar.

Tenemos una serie de clases y de protocolos

que son útiles para este efecto.

Entonces todos tienen como prefijo user interface collection view,

que sería por ejemplo esa clase que me permite determinar el área

donde se van a mostrar todas las vistas, es en realidad la vista de colección.

También tenemos su controlador de vista,

es decir acuérdense que todo esto es a través de el modelo MVC,

modelo vista controlador, entonces la parte del controlador.

También tenemos un objeto que representa a la fuente de datos,

es decir el user interface collection view data source, y también su delegado,

que como habíamos dicho es precisamente el que se va a encargar de decirnos

o notificarnos que dentro de la vista están ocurriendo eventos

debido a la manipulación que está haciendo el usuario dentro de la interfaz gráfica.

Tenemos también dos clases que nos permiten realmente hacer el mostrado

de esas vistas, y que normalmente son reutilizables.

Una es el user interface collection reusable view, y el otro, que es

una herencia realmente del anterior, que es el user interface collection view cell.

Es decir eso va a representar toda y cada una de las celdas como estamos viendo

en la imagen.

Cada uno de esos cuadritos es un view cell, ese view cell o esa celda

o vista celda es reutilizable, ¿por qué reutilizable?

De la misma manera que habíamos aprendido en la parte de las tablas,

la idea es eficiencia.

Si estamos creando muchos objetos,

eso va a causar que la aplicación se ejecute de manera más lenta.

Si reutilizamos los objetos pues

la aplicación puede correr de una manera más eficiente.

Pues la idea es que nosotros a través de la fuente de datos le pidamos

a la colección de vistas que nos cree una vista determinada, él la va a crear o la

va a reutilizar de alguna otra que hayamos propuesto anteriormente.

Nosotros configuramos esa celda y se la damos al

controlador o más bien a la colección de vistas para que la muestre.

También tenemos otros objetos que son importantes

dentro de lo que sería este manejo o esta separación de trabajos.

En la parte de layout, no, que es la que decíamos que se va a encargar

de decir la separación por ejemplo de las diferentes vistas que va a contener

esa colección de vistas, el tamaño de cada una de ellas, okey.

A través de ciertos atributos por ejemplo la clase de user interface collection view

layout attributes nos permite decirle

cuál van a ser los atributos que van a tener las diferentes celdas.

También tenemos digamos por omisión o de alguna manera

Apple nos está proporcionando una clase que es la de flow layout, que es la que

estábamos explicando que es como una máquina de escribir y que normalmente lo

que hacemos es o heredar de ella o simplemente configurarla, rara vez tenemos

que empezar desde 0 creando una disposición muy, muy específica.

La fuente de datos se va a encargar básicamente de decirle a la

colección de vistas cuántos elementos se tiene, y en realidad los elementos están

divididos en secciones y dentro de la sección tenemos elementos dentro de ella.

Esto nos permite como separar u organizar las diferentes vistas de la colección

de vistas de algún tema o con algún tema en específico.

Normalmente utilizamos una clase que se llama NSIndex Path

que nos indica en un momento dado, por ejemplo nos va a decir colección

de vistas, voy a mostrar la vista en tal sección de tal elemento, entonces

el index path tiene esa información, tanto la sección como el elemento a mostrar.

Como decíamos la reutilización es muy importante, nos va a mostrar que

necesita de alguna manera poner una vista en específico a través del index path,

nosotros determinamos que en esa posición va determinada vista,

se la pedimos a la colección de vistas, él ya nos la regresa, ya decíamos,

ya sea una nueva vista o reutilizando alguna anterior, nosotros la configuramos

y simplemente le decimos ya la información que queremos que sea mostrada.

Y finalmente la parte del delegado que.

como decíamos.

de alguna manera es recibir la interacción del usuario

cuando está seleccionando como diferentes elementos dentro de la interfaz,

y de alguna manera a través del delegado, del delegado de la colección de vistas nos

está diciendo el usuario está seleccionando estas vistas.

¿Quieres hacer algo con ellas?

Posiblemente el usuario quiera eliminarlas, quiera editarlas,

por ejemplo si dejamos presionado determinado tiempo sobre esa selección

que habíamos hecho dentro de la colección de vistas, pues nos lo va a indicar

a través de un menú y en ese menú podemos editarlas, borrarlas, etcétera, etcétera.

En este diagrama estamos viendo realmente esos 3, esa triada que decíamos.

En medio tenemos obviamente la colección de vistas junto con las diferentes vistas

que fueron traídas a través de las fuentes de datos y a través de

obviamente la creación de las celdas como estamos viendo en la parte derecha.

Las celdas son las que alimentan finalmente a la colección de vistas que

está en medio y acá tenemos el realmente, del otro lado,

el lado izquierdo, lo que sería el layout, es decir realmente qué posición de cada

una de ellas van a estar jugando, es decir cada una de esas vistas,

en qué lugar queremos que se pongan dentro del área de la colección de vistas.

Pues los dejo con una pregunta para reforzar las ideas que vimos

en este video.

Espero que te haya ido muy bien en las respuestas.

En el siguiente video vamos a ver ya la parte práctica de

lo que acabamos de aprender.

Muchas gracias.

[MÚSICA]

探索我們的目錄

免費加入並獲得個性化推薦、更新和優惠。

Coursera 致力於普及全世界最好的教育，它與全球一流大學和機構合作提供在線課程。

© 2019 Coursera Inc. 保留所有權利。

通過 App Store 下載

通過 Google Play 獲取