Customizando Controles

Transcrições de Vídeo

0:08
O software Q-Sys Designer oferece a você uma ampla variedade de personalização não apenas nos
0:13
estilos visuais de seus controles, mas também na maneira como você pode usar controles para controlar
0:18
um ao outro. Lembre-se de que a maioria dos usuários finais só interage com o sistema pelos controles
0:24
fornecidos por meio de uma interface de controle de usuário em uma área de trabalho, touchscreen,
0:28
iPhone ou iPad. Portanto, entender os diferentes tipos de controles e a maneira como eles interagem
0:34
ajudará você a dar ao usuário final a melhor experiência possível.
0:37
Como você sabe, você pode clicar duas vezes em qualquer componente para acessar seu painel de
0:41
controle, que contém todos os controles necessários para gerenciar esse componente. Vamos ver alguns
0:46
dos estilos mais comuns de controles que você verá.
0:49
Os botões podem parecer bastante óbvios: é um controle que você pressiona para alterar seu estado
0:54
entre ligado e desligado. Mas existem três tipos diferentes de botões: botões de alternância, botões
0:59
momentâneos e botões de acionador.
1:02
Botões de alternância como este, mudam de controle de mudo cada vez que você pressiona: neste caso,
1:07
alterna entre Muted e Unmuted.
1:10
Botões momentâneos como o controle Fast Forward mudam para um estado ligado enquanto você
1:15
pressiona e segura o botão, e retorna a um estado desligado quando solta o botão.
1:19
Botões acionador como os controles Reproduzir, Parar e Pausar enviam um único impulso “on” no
1:26
momento em que são ativados, como o acionador de uma… besta.
1:33
Em vez de “off” e “on”, você poderia pensar em um botão como alternando entre os valores de 0% e 100%.
1:41
Faders e Knobs são controles que permitem selecionar qualquer número dentro desse intervalo.
1:46
Estes são mais comumente usados ​​para controlar o nível do áudio, como este Gain Knob.
1:52
Há também controles de texto que exibem informações importantes ou permitem que você insira
1:56
informações e controles de Combo Box que permitem selecionar entre várias opções de texto diferentes.
2:06
Finalmente, existem medidores e LEDs, que simplesmente exibe informações, mas não fornece interação.
2:13
Os medidores mostram uma faixa como os níveis do sinal, enquanto os LEDs geralmente
2:18
acendem usando estados ligados ou desligados.
2:20
Você pode arrastar qualquer controle de qualquer painel de controle para o seu esquema para criar uma
2:25
cópia desse controle. Essa cópia mantém sua associação com seu componente pai e se moverá em
2:32
harmonia com o controle original no painel de controle. Você pode fazer quantas cópias desejar e todas
2:38
elas serão vinculadas.
2:39
Uma vez que o controle esteja no seu esquema, você pode personalizá-lo da maneira que- por exemplo,
2:44
você pode pegar qualquer uma dessas alças azuis para redimensionar o controle.
2:48
O controle terá seu próprio painel de propriedades agora no painel do lado direito, onde você pode
2:53
ajustar suas características, como a cor de preenchimento. Para um botão como esse, você notará que a
2:59
cor Off-state tem como padrão um tom mais escuro da cor On-state, mas você pode desvincular essa
3:05
associação e escolher qualquer cor que desejar para o estado Off.
3:09
Você pode alterar o raio do canto para arredondar suas bordas, você pode adicionar uma margem que
3:15
reduz o tamanho visual do botão, mas mantém o mesmo tamanho de campo de interação, e você pode
3:21
ajustar o preenchimento que irá estabelecer algum espaço entre a borda do botão e o texto ou ícone dentro dele.
3:29
Por falar em ícones, há uma biblioteca com centenas de ícones que você poderia aplicar ao seu botão,
3:34
e você pode ajustar sua cor - eu só vou escolher um vermelho ali mesmo - ou alinhamento.
3:43
Você também pode selecionar o ícone Personalizado para carregar uma imagem do seu computador no
3:48
botão. Eu só vou pegar esse ícone totalmente aleatório - ah, ele parece tão bom.
3:56
Você também pode optar por não ter um ícone ou dar a ele qualquer rótulo de texto que desejar.
4:00
Nesse caso, você pode ajustar o tamanho e o alinhamento desse texto ou optar por tornar o texto em negrito.
4:08
E não ignore esta opção no topo que permite reverter a ação do botão, trocando seus valores on e off.
4:16
Para alguns controles, você pode até mudar seu estilo. Poderíamos mudar este botão para um fader, ou
4:22
um medidor para fins de monitoramento, ou até mesmo para um botão que alternaria o ganho entre O e 100%.
4:31
Na verdade, existe um quarto tipo de botão chamado de botão String , que introduz uma string de
4:37
dados quando o botão é pressionado. Usando a sequência de dados de "++ 1" ou "- 1", por exemplo,
4:44
você pode criar um botão que aumente ou diminua o ganho em 1 decibel. Nós não vamos entrar em
4:50
todas as propriedades de todos os estilos de controle neste vídeo, mas você definitivamente deve ter
4:55
um pouco de tempo para brincar com diferentes estilos de controle e explorar as maneiras que você
4:59
pode mudar sua aparência e comportamento.
5:02
Eu quero salientar que você pode rapidamente transferir todas as propriedades entre dois controles. Se
5:08
você arrastar um controle sobre um segundo, um pop-up sugerirá que você segure a tecla Control para
5:14
atribuir as configurações do primeiro controle ao segundo. Vou segurar o Controle e soltar o mouse, e
5:21
posso escolher se quero transferir o estilo ou o ID do primeiro controle.
5:27
Escolher estilo fará com que o segundo controle seja exatamente ao primeiro sem afetar o que o
5:32
controle realmente faz, enquanto a transferência de ID não alterará a aparência do segundo controle,
5:39
mas, em vez disso, o vinculará ao primeiro controle.
5:42
Você também pode usar esse método para criar botões personalizados usando a ferramenta Polígono.
5:48
Selecione a ferramenta Polígono nas Ferramentas Gráficas, crie uma forma e transfira o ID de um botão
5:56
para essa forma.
5:58
Mas isso é tudo a cereja, e eu não mostrei a vocês o que é o bolo de verdade. Os controles podem ser
6:05
ativados por um clique do mouse no software, ou um dedo em uma tela sensível ao toque, ou ... por
6:10
outro controle. Vamos dar uma olhada nisso no nosso próximo vídeo, que abrange os pinos de controle.
6:14
Então faça uma pausa e nos vemos na próxima vez.