Alguma vez foi inundado por diálogos de confirmação, caixas de alerta e janelas de ajuda contextuais que tornam quase impossível localizar a janela do formulário em que estava a trabalhar? Não seria mais fácil permanecer na mesma página e ver bolhas de ajuda a apontar directamente para o alvo original?
Isto é possível graças ao componente 4D AJUI_Tip. É um poderoso motor de ponta de ferramenta baseado nas tecnologias disponíveis em 4D, tais como ORDA, New Formula, SVG, SubForm, CALL FORM, para citar algumas. Neste post de blogue, destacaremos a utilização do componente, e mostraremos como se pode conceber belas dicas de ferramentas para melhorar a IU das suas aplicações. No final do post do blog pode ser encontrado um link para download.
O que é AJUI_Tip
AJUI_Tip é um componente 4D que lhe permite gerar e exibir dinamicamente pontas de ferramentas (Dica) no contexto de um formulário. O componente oferece vários métodos para personalizar e manipular dicas através de um objecto e funções.
O componente é composto por três elementos:
- Uma variável de imagem: O componente constrói a imagem a partir de uma série de propriedades em linguagem SVG. O resultado é um conjunto de cálculos baseados em diferentes critérios (tamanho do conteúdo, acolchoamento, raio, etc.) que serão utilizados para desenhar o contorno da ponta da ferramenta e a sua seta. O SVG pode também integrar uma caixa de texto e um botão (para fechar a dica de ferramenta).
- Uma subforma: É possível integrar um formulário da base de dados principal na dica de ferramentas. O subforma, se definido, toma o lugar de uma caixa de texto.
- Uma variável de objecto: Manter as propriedades da dica de ferramenta durante várias operações do componente.
Olá mundo
A instalação da sua primeira ponta de ferramenta pode ser resumida em quatro passos:
- Primeiro, precisa de chamar o método de inicialização new AJUI_Tip para recuperar um objecto e uma instância com todas as propriedades e fórmulas de uma dica de ferramenta predefinida. Recomendamos a utilização da variável “Formulário” directamente para armazenar a instância actual, a fim de navegar facilmente entre o seu método de formulário e os seus objectos de formulário.
Form.Tip:= new AJUI_Tip
- Utilize as fórmulas do seu objecto para definir as propriedades da dica de ferramenta da instância, de acordo com as suas necessidades.
Form.Tip.TipName("teste")
Form.Tip.TextLabel("Olá Mundo")
- Definir um nome que permanecerá associado à instância da ponta da ferramenta.
- Certifique-se de que define um texto a exibir. Este texto pode ser estilizado(por exemplo, palavras ou letras em negrito, itálico, ou cor numa caixa de texto).
- Finalmente, utilize a fórmula “mostrar” para lançar a geração da instância de dica de ferramenta. Por exemplo, pode testá-lo num dos objectos da sua forma com um evento “On Clicked”.
Case of
: ( ) ()$evt=On Clicked
Form.Tip.show
End case
Seguindo os passos anteriores, deverá ver algo como a imagem abaixo. Parabéns, criou a sua primeira ponta de ferramenta!
animar as suas pontas de ferramentas
Que tal tornar a sua ponta de ferramenta ainda mais expressiva? Bem, o AJUI_Tip permite-lhe animar estas pequenas bolhas com diferentes estilos de animação(por exemplo, fade in e out, pisca, salta, etc.).
AJUI_Tip em profundidade
Este poste mal arranhou a superfície deste poderoso componente. Mais detalhes, bem como um tutorial passo a passo sobre a sua utilização e configuração, estão disponíveis aqui. Pode também descarregá-lo. Desfrute!