Cómo utilizar la vista del controlador de la barra de pestañas
En los programas de iOS, la barra de pestañas se utiliza mucho. Cuando es necesario cambiar varias vistas, se utiliza la barra de pestañas.
El efecto logrado por el programa de hoy es el siguiente. Hay varias pestañas Elementos en la parte inferior y hay varias vistas correspondientes. Cambie la pestaña Elemento y cambie a la vista correspondiente.
Para comprender mejor cómo usar la barra de pestañas y cambiar de vista, creamos una aplicación vacía
1. Abre Xcode y crea un nuevo proyecto
2. Crear controlador de vista
Presione Spline + N en el proyecto para crear un nuevo archivo, cree un archivo de clase Objective-C, presione el botón Siguiente y seleccione UIViewController para subclase. Marque la opción xib
Cree otros tres ViewControllers, RedViewController, GreyViewController y YellowViewController de la misma manera. Cuatro vistas están listas. ¿Qué pasa con Tabbar?
3. Cree el archivo TabBarController.xib y elija crear un archivo vacío.
En este momento, encontrará que el archivo xib creado está en blanco. la barra de control en la esquina inferior derecha y cambie el controlador TabBar. Simplemente arrástrelo y estará bien.
4. Asocie los dos archivos TabBarController.xib y tabbarAppDelegate
Seleccione el propietario del archivo en la imagen de arriba, abra el Inspector de identidad y seleccione tabbarAppDelegate en la columna Clase
<. p > De esta manera, podemos crear una asignación de Outlet desde el archivo TabBarController.xib al archivo tabbarAppDelegate.5. Busque y abra el Editor asistente en el menú Ver de la barra de herramientas en Xcode, de modo que tabbarAppDelegate.h y TabBarController.xib se abran al mismo tiempo.
Mantenga presionada la tecla de control en el archivo xib, vaya a tabbarAppDelegate.h y cree un Outlet.
Ingrese rootController en la ventana emergente y haga clic en conectar.
6. Agregar código
Abra tabbarAppDelegate.m y agregue código en el método didFinishLaunchingWithOptions:
[cpp] ver copia simple
- (BOOL)aplicación:(UIApplication *)aplicación didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] límites] ];
// Punto de anulación para la personalización después del inicio de la aplicación
[[NSBundle mainBundle] loadNibNamed:@"TabBarController" propietario:self options:nil]; p> [self.window addSubview:self.rootController.view];
self.window.backgroundColor = [UIColor whiteColor]
[self.window makeKeyAndVisible]; >
return YES;
}
7. Agregar elemento de la barra de pestañas a TabBarController.xib,
Cambiar el control del elemento de la barra de pestañas en la barra de control. Simplemente arrastre y suelte en TabBarController.xib y coloque 4 en cada uno.
8. Asociar elemento de la barra de pestañas y ***ViewController.
Seleccione uno de los elementos de la barra de pestañas, abra el Inspector de identidad en la esquina superior derecha y seleccione BlueViewController en Clase:
Luego, abra Atributo y seleccione BlueViewController en Nombre de NIB:
Repita operaciones similares para los otros tres elementos de la pestaña y seleccione el ViewController correspondiente, de modo que al cambiar las etiquetas de la pestaña, pueda cambiar a la página correspondiente.
9. Establezca las propiedades de los elementos de la pestaña
Seleccione uno de los elementos de la pestaña y verá la siguiente información en la barra de propiedades en la esquina superior derecha
La insignia es un círculo rojo. Hay números en el círculo, que representan los atributos de cuánta información hay.
El identificador es el estilo del elemento de la pestaña Seleccione personalizado para personalizarlo. el estilo del sistema. Elegí cuatro de ellos.
La imagen del título de la barra ITem se puede configurar en un estilo personalizado.
10. Simplemente realice configuraciones similares para los tres elementos de pestaña restantes.
Ahora que está básicamente completo, ejecútelo y veamos cuáles son los resultados. Bueno, en realidad es igual que la primera y segunda imagen, así que no las pondré aquí.
11. Agregue un registro al método viewDidLoad para observar el cambio de Vista.
Puede agregar un registro para ver cuándo se está ejecutando la Vista correspondiente. La primera vista en ejecución es BlueViewController. Cuando se hace clic en otros elementos de la pestaña, se cargan otras vistas.
Después de cargar una vez, no se llamará a viewDidLoad la próxima vez que haga clic en él.
[cpp] ver copia simple
- (void)viewDidLoad
{
[super viewDidLoad]
// Realice cualquier configuración adicional después de cargar la vista desde su plumilla.