Configurando os estados de botões

Você pode configurar os quatro estados de botões e salvar o estado do botão como o novo estilo de botão padrão ao adicionar um botão. Os quatro estados de botão são: normal , como existe o botão quando a página é exibida inicialmente, longo , quando os usuários passam seus cursores sobre o botão, para baixo , quando o botão é clicado, e pessoas com mobilidade condicionada , quando o botão é desativado. Para cada estado, você pode mudar o estilo da forma, alterar os efeitos e modificar o estilo de texto.

Você pode personalizar os estados individuais ou selecione para atualizar cada estado com base na configuração do estado normal automaticamente.

  • Por padrão, os botões que você adicionou ao seu título está previsto para ser inicialmente habilitado. Ou seja, botões aparecem clicável quando os usuários abrem as páginas em que o botão estão localizados. Você pode inicialmente desativar um botão até que uma ação foi executada para ativar o botão. Para mais detalhes, consulte Fazer um botão desativado inicialmente .

  • Você também pode definir o estado do botão usando o Set Estado ação. Para mais detalhes, consulte Seleção da ação .

  • Atribuição de imagens ao longo, para baixo, e os estados com deficiência é opcional. Se você não selecionar imagens para os estados do botão opcionais, será utilizada a imagem de estado normal.

Para configurar os estados de botão:

  1. No Título Explorer, clique no botão gráfico ou na área de trabalho, clique no objeto de botão.

  2. Clique no estilo de fita.

  3. Clique no Estados botão. A janela Unidos botão abre.

  4. Use os controles na janela Unidos o botão da seguinte forma. Além da Forma campo, os controles são as mesmas para cada guia estado ( normal , longo , baixo e pessoas com mobilidade condicionada ).

    Forma Seleccione esta opção para alterar a forma do botão. Selecione a partir de uma variedade de diferentes formas, tais como as formas básicas, setas largas e as estrelas, por exemplo.
    forma Estilo

    O estilo da forma do botão. Use os controles no estilo forma grupo da seguinte forma:

    Preencha Estilo

    Estilo de preenchimento, como cor, gradiente, textura ou imagem. Para alterar a definição de cor, você pode selecionar uma cor predefinida, especifique uma cor personalizada, ou selecione uma cor existente. Para selecionar uma cor predefinida, clique em uma das amostras de cores exibidas. Para especificar uma cor personalizada, selecione Personalizado e use os controles na janela de Cores para configurar uma cor personalizada. Para selecionar uma cor existente, clique em Selecionar e use o conta-gotas para clicar-para-selecionar uma nova cor de uma cor existente atualmente exibido em seu desktop.

    Para alterar o gradiente, clique ou pairar sobre Gradient e clique em um tipo de gradiente no sub-menu. Para alterar as configurações do gradiente como direção, cor e ângulo, clique em Mais gradientes . Isto abre a janela Gradiente. Use os controles na caixa de diálogo Gradient como segue:

    Cor Cor do gradiente. Para alterar a definição de cor, você pode selecionar uma cor predefinida, especifique uma cor personalizada, ou selecione uma cor existente. Para selecionar uma cor predefinida, clique em uma das amostras de cores exibidas. Para especificar uma cor personalizada, selecione Personalizado e use os controles na janela de Cores para configurar uma cor personalizada. Para selecionar uma cor existente, clique em Selecionar e use o conta-gotas para clicar-para-selecionar uma nova cor de uma cor existente atualmente exibido em seu desktop.
    Tipo Tipo de gradiente.
    Direção Direcção da inclinação em relação ao objecto.
    Ângulo Ângulo da inclinação em relação ao objecto.
    gradiente Stops Use o Adicionar paragem e Excluir Pare botões para gerenciar as paradas para o gradiente. Clique Gradiente reversa para inverter a ordem de cor no gradiente. Utilize o Color Stop controle para selecionar a cor de cada parada no gradiente. Utilizar a posição de controlo para definir a percentagem posição do gradiente.

    Para alterar a textura, clicar ou passar na textura e clique em um tipo de textura do sub-menu. Para selecionar um arquivo local que contém uma textura compatível, selecione Procurar arquivo . Para selecionar uma textura da Biblioteca de Mídia, selecione Browse My Media .

    Para mudar a imagem, clicar ou passar em Imagem e clique no local para escolher a imagem. Para selecionar um arquivo local que contém uma imagem compatível, selecione Procurar arquivo . Para selecionar uma imagem da Biblioteca de Mídia, selecione Browse My Media . Procurar e selecione a imagem. A imagem é cortada dentro da forma. Além disso, a lista drop-down de recursos no estilo forma grupo é preenchido com o nome da imagem de preenchimento. Use a lista drop-down de recursos para alterar a imagem de preenchimento.

    Textura e imagem preenchimentos são mutuamente exclusivas. Selecionando estes irão cancelar / substituir qualquer seleção anterior. A cor e / ou inclinação do fundo pode ser alterado por baixo de uma imagem transparente.
    esboço Peso Espessura do esboço de 0 (nenhum) a 20 . Clique nas setas para selecionar o peso.
    (Arquivo de imagem) Arquivo da imagem usada para o preenchimento. Clique na seta para baixo para abrir e selecionar um novo arquivo de imagem de preenchimento. Para selecionar um arquivo local que contém uma imagem compatível, selecione Procurar arquivo . Para selecionar uma imagem da Biblioteca de Mídia, selecione Browse My Media . Procurar e selecione a imagem. Para selecionar uma imagem a partir dos botões de ações, selecione Navegar de Stock Buttons . Procurar e selecione o botão. Existente botões usados dentro do título estão listados.
    delinear a cores Cor do contorno. Para alterar a definição de cor, você pode selecionar uma cor predefinida, especifique uma cor personalizada, ou selecione uma cor existente. Para selecionar uma cor predefinida, clique em uma das amostras de cores exibidas. Para especificar uma cor personalizada, selecione Personalizado e use os controles na janela de Cores para configurar uma cor personalizada. Para selecionar uma cor existente, clique em Selecionar e use o conta-gotas para clicar-para-selecionar uma nova cor de uma cor existente atualmente exibido em seu desktop.
    Opacidade A transparência do objecto a partir de 0 (invisível) para 100 (completamente opaco). Use as setas para selecionar a configuração apropriada.
    esboço Estilo Estilo do esboço. Clique na seta para baixo para selecionar um novo estilo. Selecione a partir de estilo sólida, tracejada ou pontilhada.
    efeito

    Os efeitos do botão. Utilizar os controlos no Efeitos grupo como se segue:

    Sombra Sombreamento efeitos do objeto botão. Para sombreamento, você pode alterar o tipo, cor, transparência, borrão, ângulo e distância.
    Reflexão efeitos de reflexão do objeto botão.
    Estilo de texto

    O estilo do texto associado com o botão. Use os controles no estilo de texto grupo da seguinte forma:

    Estilo de texto

    Clique aqui para selecionar um estilo de texto para aplicar aos objetos. Estilos de texto definido automaticamente atributos de texto tais como a face de fonte, estilo, tamanho e cor. Use a lista drop-down para selecionar um novo estilo de texto e adicionar e remover estilos de texto. Para obter detalhes sobre gerenciamento de estilos de texto, consulte estilos de texto Gerenciamento .

    ( Fonte )

    Clique aqui para selecionar o tipo de letra de texto para aplicar aos objetos. Use a lista drop-down para selecionar uma nova fonte de texto que substitui o estilo de texto selecionado no momento. A seleção de um novo tipo de letra substitui o tipo de letra definido pelo estilo de texto atual.

    ( Tamanho da fonte )

    Clique aqui para seleccionar o tamanho da fonte do texto a ser aplicado aos objetos. Use a lista drop-down para selecionar um novo tamanho de texto que substitui o estilo de texto selecionado no momento. A seleção de um novo tamanho de letra substitui o tamanho da fonte definido pelo estilo de texto atual.

    Cor do texto

    Clique aqui para selecionar a cor do texto a ser aplicado aos objetos. Use a lista drop-down para selecionar uma nova cor do texto. A seleção de uma nova cor de texto substitui a cor do texto definida pelo estilo de texto atual.

    ( Negrito )

    Clique aqui para selecionar o negrito do texto a ser aplicado aos objetos. Selecionando a negrito substitui a negrito definido pelo estilo de texto atual.

    ( Itálico )

    Clique aqui para selecionar o itálico de texto para aplicar aos objetos. Selecionando o itálico substitui a itálico definido pelo estilo de texto atual.

    ( Sublinhado )

    Clique aqui para selecionar o sublinhado de texto para aplicar aos objetos. Selecionando o sublinhado substitui o sublinhado definido pelo estilo de texto atual.

    Clique aqui para alinhar o texto à esquerda.
    Clique aqui para alinhar o texto para o centro.
    Clique aqui para alinhar o texto à direita.
    Clique aqui para aumentar o tamanho da fonte.
    Clique aqui para diminuir o tamanho da fonte.
  5. Para personalizar um estado individual, clique na guia correspondente estado ( normal , longo , baixo , ou pessoas com mobilidade condicionada ) e clique no botão no estilo de grupo para que o personalizado gráfico é exibido. Alterar as propriedades adequadas conforme necessário.

  6. Quando você terminar de personalizar cada estado, clique em OK .

Os estados de botão são configurados.

Para salvar este estado botão como o novo estilo de botão padrão ao adicionar um botão, ou:

Conservando o estilo como o novo padrão só se aplica esse estilo padrão ao adicionar botões de texto. Novos botões de imagem não será afetada. botões de imagem vai usar as imagens dos estados.

Para redefinir o estilo padrão para o padrão do produto, clique em Restaurar padrão no modelo do botão do grupo.

Suporte | Sobre Trivantis
© de Copyright Trivantis 2019