Estilo personalizado

Sustitución de imágenes predeterminadas

Braze permite a los clientes sustituir las imágenes predeterminadas existentes por sus propias imágenes personalizadas. Para ello, crea un nuevo archivo png con la imagen personalizada y añádelo al paquete de imágenes de la aplicación. A continuación, renombra el archivo con el nombre de la imagen para anular la imagen predeterminada en nuestra biblioteca. Además, asegúrate de subir las versiones @2x y @3x de las imágenes para adaptarlas a los distintos tamaños de teléfono. Las imágenes disponibles para anular en las tarjetas de contenido incluyen:

• Imagen del marcador de posición: appboy_cc_noimage_lrg
• Imagen del icono anclado: appboy_cc_icon_pinned

Como las tarjetas de contenido tienen un tamaño máximo de 2 KB para el contenido que introduzcas en el panel (incluido el texto del mensaje, las URL de las imágenes, los enlaces y todos los pares clave-valor), comprueba el tamaño antes de enviarlas. Si se supera esta cantidad, no se podrá enviar la tarjeta.

Desactivar el modo oscuro

Para evitar que la interfaz de usuario de la tarjeta de contenido adopte un estilo de tema oscuro cuando el dispositivo del usuario tenga habilitado el modo oscuro, establece la propiedad ABKContentCardsTableViewController.enableDarkTheme. Puedes acceder a la propiedad enableDarkTheme directamente en una instancia de ABKContentCardsTableViewController o a través de la propiedad ABKContentCardsViewController.contentCardsViewController para adaptarla mejor a tu propia interfaz de usuario.

• objective-c
• swift

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// Accessing enableDarkTheme via ABKContentCardsViewController.contentCardsViewController.
- (IBAction)presentModalContentCards:(id)sender {
  ABKContentCardsViewController *contentCardsVC = [ABKContentCardsViewController new];
  contentCardsVC.contentCardsViewController.enableDarkTheme = NO;
  ...
  [self.navigationController presentViewController:contentCardsVC animated:YES completion:nil];
}

// Accessing enableDarkTheme directly.
- (IBAction)presentNavigationContentCards:(id)sender {
  ABKContentCardsTableViewController *contentCardsTableVC = [[ABKContentCardsTableViewController alloc] init];
  contentCardsTableVC.enableDarkTheme = NO;
  ...
  [self.navigationController pushViewController:contentCardsTableVC animated:YES];
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// Accessing enableDarkTheme via ABKContentCardsViewController.contentCardsViewController.
@IBAction func presentModalContentCards(_ sender: Any) {
  let contentCardsVC = ABKContentCardsViewController()
  contentCardsVC.contentCardsViewController.enableDarkTheme = false
  ...
  self.navigationController?.present(contentCardsVC, animated: true, completion: nil)
}

// Accessing enableDarkTheme directly.
@IBAction func presentNavigationContentCards(_ sender: Any) {
  let contentCardsTableVC = ABKContentCardsTableViewController()
  contentCardsTableVC.enableDarkTheme = false
  ...
  self.navigationController?.present(contentCardsTableVC, animated: true, completion: nil)
}