Elemento - Indicador Nível

Ver: Configurações Básicas

Indicador de nível com marcação na lateral, também pode ser utilizado como barra de progresso.

image-1627341046503.png

 

Modo

Os modos permitem alterar o esquema de cores do medidor de nível.

image-1627341242191.png

Normal

O modo normal permite utilizar cores sólidas ou adicionar um degrade para dar um efeito de "brilho".
Este modo também permite a configuração de um nível baixo e/ou alto para que ele mude de cor quando entrar nessas faixa.

image-1627341234293.png

Cor1 e Cor2 são para o degrade, configure a mesma cor para deixar sólido.
Valor define os valores de mínimo e máximo para que ele mude de cor.
Ambos níveis alto e baixo podem ser habilitados/desabilitados independentemente.
Opção horizontal alterna a posição do medidor da vertical para a horizontal.

image-1627341695956.png

 

Gradiente

O modo gradiente vai alterando a cor do nível proporcionalmente com o valor atual.

image-1627342695146.png

Neste modo só tem duas cores para configurar que correspondem ao nível mais baixo e mais alto respectivamente.

image-1627342907212.png

 

Gradiente 2

Neste modo ao invés de alterar a cor de todo o nível ele gera um degrade.

image-1627342695146.png

image-1627342991259.png

 

Gradiente Blocos

Este último modo é semelhante ao anterior, porém ele gera o degrade em blocos.

image-1627342695146.png

image-1627343029532.png

 

Escala

A escala define os valores máximos e mínimo assim como afeta os marcadores.

image-1627384517153.png

Zero: Início do medidor (valor mínimo).
Passo: Tamanho de cada passo.
Quantidade: Determina quantos passos serão utilizados.

Com essas configurações o valor máximo será Passo * Quantidade

Ex: Zero=0 Passo=20 Quantidade=5
Este exemplo resulta em um medidor iniciando em 0 e terminando em 100   0+(20*5)

image-1627385181833.png

Ex: Zero=15 Passo=5 Quantidade=3
Este exemplo resulta em um medidor iniciando em 15 e terminando em 30   15+(5*3)

image-1627385581403.png

Ex: Zero=-20 Passo=10 Quantidade=5
Este exemplo resulta em um medidor iniciando em -20 e terminando em 30   -15+(10*5)

image-1627386084883.png

 

Marcadores

Configura as marcações na lateral assim como os valores.

image-1627386208740.png

Cor do Texto: Cor do texto dos marcadores.
Cor de Fundo: Cor do fundo do medidor.
Cor Secundário: Cor dos marcadores secundários (menores).
Cor Principal: Cor dos marcadores principais (maiores).
Tamanho Texto: Tamanho dos textos.
Deslocar Texto: Altera a posição do texto (com relação a lateral do medidor).
Tamanho Secundário: Altura dos marcadores secundários.
Tamanho Principal: Altura dos marcadores principais.

image-1627386744700.png

image-1627386740679.png