...
Índice | ||||||
---|---|---|---|---|---|---|
|
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.
...
Arraste uma UIView e altere as propriedades Class para FluigSDKMediaView e Module para fluigSDKUi.
...
...
Bloco de código | ||
---|---|---|
| ||
let mediaView = FluigSDKMediaView() |
...
O FluigSDKMediaView pode ser customizado utilizando os seguintes atributos:
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 | ||
---|---|---|
| ||
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 | ||||
---|---|---|---|---|
| ||||
mediaView.videoUrl = Bundle.main.url(forResource: "custom_video", withExtension: "mp4") |
var image: UIImage?
Define a imagem utilizada como fundo. O componente faz as seguintes modificações na imagem fornecida:
Bloco de código | ||
---|---|---|
| ||
mediaView.image = UIImage(named: "custom_image") |
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 | ||
---|---|---|
| ||
mediaView.firstColor = .green |
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 | ||
---|---|---|
| ||
mediaView.lastColor = .red |
...
...