Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Índice

Índice
exclude.*ndice

Introdução

O FluigSDKMediaView é o componente de background personalizado do fluigSDK iOS. Este componente deve ser utilizado quando se deseja personalizar o fundo de uma UIView do seu aplicativo.

O FluigSDKMediaView suporta um fundo com um vídeo, imagem, ou gradiente de duas cores.

Este componente é uma subclasse de UIView, portanto possui todas as funcionalidades já presentes nesta classe.

Uso

Informações
titleImportante

Antes de utilizar o componente, não esqueça de importar o módulo de componentes do SDK. Para saber mais, clique aqui. (todo: linkar)

Este componente pode ser utilizado das seguintes formas:

Pelo Interface Builder:

Arraste uma UIView e altere as propriedades Class para FluigSDKMediaView e Module para fluigSDKUi.

Por código:

Bloco de código
titleFluigSDKMediaView
let mediaView = FluigSDKMediaView()

Atributos

O FluigSDKMediaView pode ser customizado utilizando os seguintes atributos:

videoUrl

var videoUrl: URL?

Define o vídeo que irá tocar no fundo. O vídeo é ajustado para preencher todo o componente, mantendo sua proporção, e repete indefinidamente.

Informações
titleImportante

Não é aplicado qualquer filtro no vídeo. Portanto, para melhor conforto é recomendado que o vídeo seja em escala de cinza.

Bloco de código
titleExemplo
collapsetrue
mediaView.videoUrl = Bundle.main.url(forResource: "custom_video", withExtension: "mp4")

image

var image: UIImage?

Define a imagem utilizada como fundo. O componente faz as seguintes modificações na imagem fornecida:

  • Aplica um clareamento
  • Desfoca a imagem
  • Altera o tamanho da imagem para preencher todo o componente, mantendo suas proporções
Bloco de código
titleExemplo
collapsetrue
mediaView.image = UIImage(named: "custom_image")

firstColor

var firstColor: UIColor

Define a cor de fundo do lado esquedo do gradiente.

Caso não seja definida, a cor padrão utilizada é #ed165a ()

Bloco de código
titleExemplo
collapsetrue
mediaView.firstColor = .green

lastColor

var lastColor: UIColor?

Define a cor de fundo do lado direito do gradiente.

Este atributo é opcional (nullable). Caso não seja definido, será utilizado a cor sólida (sem gradiente) da variável firstColor

Bloco de código
titleExemplo
collapsetrue
mediaView.lastColor = .red