Componentes
O SDK por possuir um design pré-feito, teve sua interface construida através de composição, ou seja, cada pequena parte da interface é um componente com lógica, estilo e comportamento próprios. Através disso, conseguimos garantir que nosso SDK forneça um alto grau de personalização, podendo estilizar qualquer componente ou até mesmo remove-lo por completo.
Abaixo, iremos passar por cada componente, demostrando seu visual padrão, onde é utilizado e quais propriedades podem ser personalizadas.
TranslationWindow
Esse é o componente principal da aplicação, ele serve como um container para o avatar 3D e os demais componentes. Por padrão ele é arrastável.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Largura;
- Altura;
- Borda;
- Sombra;
- Layout;
- Arrastável;
- Posicionamento;
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
Widget
Esse componente representa a janela de tradução quando ela está minimizada. Por padrão, ele é arrastável e possui um menu de ações para o usuário conseguir fechar a aplicação e avaliar a última tradução feita.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Cor dos Ícones e Textos;
- Cor do Botão de Fechar;
- Borda;
- Sombra;
- Remoção Total.
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
Header
Esse componente fica no topo da janela de tradução, e é exibida sempre que a aplicação estiver pronta e esperando para receber uma nova tradução. Nele, podemos encontrar o logo da empresa um botão para fechar a aplicação. Há também a possibilidade de ver esse componente dentro de configurações internas, possuindo um botão para voltar a tela anterior junto a um título.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Cor dos Textos;
- Borda;
- Sombra;
- Remoção Total.
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
Caption
Este componente é uma legenda auxiliar que fica no topo da janela de tradução quando estiver ocorrendo uma sinalização. Ele mostra o exato texto que está sendo traduzido no momento.
Customização
Este componente permite personalizar:
- Cor do Texto;
- Tamanho da Fonte;
- Remoção Total.
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
LoadingSpinner
Esse componente representa o indicador de carregamento da janela de tradução. Ele pode aparecer de dois modos, interno quando ele está buscando uma tradução, ou externo quando ele está carregando os dados iniciais do SDK.
Customização
Este componente permite personalizar:
- Interno
- Cor do Spinner;
- Cor de Fundo;
- Borda
- Externo
- Cor do Spinner;
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
IconButton
Esse componente representa todos os botões com ícone que aparecem na aplicação. Eles podem ser usados na interface diretamente, ou podem estar dentro de um IconButtonContainer.
Customização
Este componente permite personalizar:
- Cor do Texto;
- Cor do fundo ao passar o mouse por cima;
- Cor do fundo ao clicar no botão;
- Cor do fundo ao receber foco;
- Arredondamento de Borda;
- Remoção Total (Associado a funcionalidade).
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
IconButtonContainer
Esse componente serve como um container para os componentes IconButton. Através dele, damos um visual melhorado para o IconButton, como por exemplo, proporcionando uma cor de fundo, sombra e borda. Ele pode conter de 1 a 2 IconButton.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Borda;
- Sombra;
- Remoção Total (Associado a funcionalidade).
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
ErrorMessage
Esse componente serve para exibir mensagens de erro na aplicação. Ele tem uma mensagem fixa e pode conter um botão para fechar a mensagem.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Cor dos Textos;
- Cor do Ícone;
- Tamanho da Fonte do título;
- Tamanho da Fonte da descrição;
- Borda;
- Sombra;
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
RateWindow
Esse componente serve como uma interface para avaliação da qualidade das traduções e é possível exibi-lo sempre ao final de uma tradução ainda não avaliada na sessão. Ele é composto por outros mini-componentes que também possuem personalização.
Customização
Este componente permite personalizar:
- Cor do Fundo;
- Cor dos Textos;
- Cor do Ícone;
- Tamanho da Fonte do título;
- Tamanho da Fonte da descrição;
- Borda;
- Sombra;
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
RateButton
Esse componente faz parte do RateWindow e serve como um botão seletor para a qualidade da avaliação, sendo as opções disponíveis: Bom ou Ruim.
Customização
Este componente permite personalizar:
- Cor do Texto e Ícone inicias;
- Cor do Fundo ao passar o mouse por cima;
- Cor do Fundo ao clicar no botão;
- Cor do Fundo ao receber foco.
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo:
Button
Esse componente faz parte do RateWindow e serve como o botão de envio da avaliação
Customização
Este componente permite personalizar:
- Cor de Fundo;
- Cor do Texto;
- Cor do Fundo ao passar o mouse por cima;
- Cor do Fundo ao clicar no botão;
- Cor do Fundo ao receber foco;
- Borda;
- Sombra.
Caso queira ver as propriedades exatas para personalização através de um método do SDK, escolha um dos links abaixo: