SDK Fluig

Árvore de páginas

Índice


Objetivo

O objetivo deste guia é mostrar ao usuário como utilizar o componente FluigSdkButton e quais os seus atributos.

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

Importante

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:

FluigSDKMediaView
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.

Importante

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

Exemplo 
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
Exemplo
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 ()

Exemplo
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

Exemplo
mediaView.lastColor = .red