Busca de Artigos

Selecione um Produto

Diretório de suporte de null

Explore todos os artigos de null (Last Updated )

Nenhum artigo encontrado.

Resultados da pesquisa

Nenhum artigo encontrado.

Storyline 360: Trabalhando com controles deslizantes

Artigo atualizado pela última vez em 16 de jan. de 2026

Use controles deslizantes interativos para permitir que os alunos manipulem dados, explorem relações de causa e efeito e controlem outros objetos no curso.

Adicionando controles deslizantes

Vá para a guia Inserir na faixa de opções, clique em Controle deslizante, escolha um tipo de controle deslizante e clique no slide em que você deseja que o controle deslizante apareça.

Dica: Por padrão, os controles deslizantes são horizontais, mas você pode torná-los verticais se quiser. Basta girá-los em 90 graus. Você pode usar a alça de rotação na parte superior do controle deslizante ou o menu suspenso Girar na faixa de opções.

Redimensionando controles deslizantes

Os controles deslizantes têm uma faixa e um polegar que desliza ao longo da trilha.

A faixa e o polegar podem ser redimensionados juntos ou individualmente.

  • Para redimensionar todo o controle deslizante (faixa e polegar), arraste uma alça de dimensionamento de canto.
  • Para alterar o comprimento da faixa, arraste a alça de dimensionamento esquerda ou direita.
  • Para alterar a espessura da trilha, arraste a alça amarela esquerda para cima ou para baixo.
  • Para redimensionar o polegar deslizante, arraste a alça amarela superior para cima ou para baixo.

Definindo as propriedades do controle deslizante

Para controlar o comportamento de um controle deslizante, selecione o controle deslizante, vá até a guia Ferramentas do controle deslizante — Design na faixa de opções e ajuste as propriedades a seguir.

Variável

Essa é a variável associada ao seu controle deslizante. O Storyline 360 cria automaticamente uma variável numérica para cada controle deslizante em seu curso.

Se você quiser alterar a variável controlada por um controle deslizante, use esse menu suspenso para selecionar outra variável numérica em seu curso.

Saiba mais sobre variáveis.

Atualizar

Isso controla quando a variável é atualizada. Você pode atualizar a variável à medida que o aluno arrasta o controle deslizante (que é a configuração padrão) ou somente depois que o aluno o solta.

Iniciar

Esse é o valor inicial do seu controle deslizante. O padrão é zero, mas pode ser qualquer número entre -9999 e 9999. (Também pode ter até duas casas decimais.)

Fim

Esse é o valor final do seu controle deslizante. O padrão é 10, mas pode ser qualquer número entre -9999 e 9999. (Também pode ter até duas casas decimais.)

Inicial

Essa é a posição inicial do polegar deslizante. O padrão é zero, mas pode ser qualquer número entre seus valores inicial e final. (Pode ter até duas casas decimais.)

Etapa

Esse é o valor incremental do polegar deslizante à medida que ele se move ao longo de sua trilha. O padrão é um. (Pode ter até duas casas decimais.)

Renomeando controles deslizantes

O Storyline 360 dá a cada controle deslizante um nome padrão: Slider 1, Slider 2 etc. Recomendamos dar a eles nomes mais intuitivos, para que sejam reconhecíveis ao adicionar gatilhos e criar interações de forma livre.

Uma forma de renomear um controle deslizante é clicar com o botão direito do mouse, selecionar Renomear, inserir um novo nome e clicar em OK.

Outra forma é clicar duas vezes no controle deslizante na linha do tempo para abri-lo para edição, inserir um novo nome e pressionar Enter no teclado.

Controles deslizantes de formatação

Para alterar os estilos, as cores e os efeitos de um controle deslizante, selecione o controle deslizante, vá até a guia Ferramentas do controle deslizante — Formato na faixa de opções e use as opções de formatação.

As cores disponíveis na guia Formatar vêm das cores do seu tema.

Ações de acionamento

Geralmente, você desejará realizar uma ou mais ações com base na interação do aluno com o controle deslizante. Para fazer isso, você precisará adicionar gatilhos que são executados quando o controle deslizante se move ou a variável muda.

Por exemplo, você pode alterar o estado de um objeto quando o aluno arrasta o controle deslizante.

Exibindo valores do controle deslizante em elementos de texto

Pode haver momentos em que você queira exibir o valor de um controle deslizante em uma caixa de texto ou forma. É fácil de fazer. Basta adicionar uma referência de variável a qualquer elemento de texto em seu curso.

Quando o aluno arrasta o controle deslizante, o valor exibido no elemento de texto é atualizado automaticamente para mostrar o valor selecionado.

Excluindo controles deslizantes

Para excluir um controle deslizante, selecione-o no slide ou na linha do tempo e clique em Excluir no teclado.

Compreendendo a acessibilidade do Slider

Os controles deslizantes estão acessíveis. Se você incluir mídia, certifique-se de que as imagens tenham texto alternativo (texto alternativo) e os vídeos tenham legendas ocultas e transcrições. Teste o leitor de tela e a acessibilidade de navegação pelo teclado do controle deslizante. Para obter mais orientações sobre a criação de conteúdo acessível, consulte estas dicas de design de acessibilidade:

Para testadores e alunos, a navegação acessível é incorporada diretamente aos controles deslizantes:

Usuários de leitores de tela

Usuários somente com teclado

No modo Foco, os usuários do leitor de tela podem interagir com o polegar deslizante e movê-lo usando as teclas de seta.

Dica: Se as teclas de seta não moverem o polegar deslizante, pressione a barra de espaço ou a tecla Enter para alternar para o modo de foco.

O conteúdo em estados ou camadas ao longo da faixa deslizante não é anunciado quando o leitor de tela está no modo Focus. Para anunciar o conteúdo, os usuários de leitores de tela devem alternar para o Modo de navegação pressionando a tecla Esc e, em seguida, usando as teclas de seta.

Usuários que usam somente o teclado pressionam Tab/Shift+Tab para acessar o polegar deslizante e usam as teclas de seta para movê-lo ao longo da faixa.