Mostrar opções
O código determina como a caixa de diálogo será carregada na memória e exibida. A tabela a seguir descreve os vários tipos de tarefas de exibição e as palavras-chave usadas para executá-las.
O método Show carrega o formulário e define sua propriedade Visible como True. Os parâmetros passados para o método Show identificam o tipo de caixa de diálogo. Se o parâmetro style for omitido ou definido como vbModeless ou 0 (padrão), a caixa de diálogo não terá janela restrita. Se o parâmetro style for vbModal ou 1, a caixa de diálogo será modal.
Ao selecionar "OK" ou "Cancelar" para sair da caixa de diálogo, você pode usar a instrução Unload ou o método Hide. Por exemplo:
DescarregarfrmSobre
-ou-
frmSobre.Ocultar
A instrução Unload exclui a caixa de diálogo da memória, enquanto o método Hide simplesmente a exclui da janela definindo a propriedade Visible da caixa de diálogo como False. Quando um formulário é descarregado, o próprio formulário e seus controles são descarregados da memória (incluindo quaisquer controles que foram carregados em tempo de execução). Quando um formulário está oculto, o formulário e seus controles permanecem na memória. Quando você precisar economizar espaço de memória, é melhor descarregar o formulário porque descarregar o formulário libera memória. Se você usa a caixa de diálogo com freqüência, poderá optar por ocultar o formulário. Ocultar um formulário ainda pode reter quaisquer dados associados a ele, incluindo valores de propriedade, impressão e controles criados dinamicamente. Depois que o formulário estiver oculto, você poderá continuar a fazer referência às propriedades e aos controles do formulário oculto no código.
Designs para vários tipos de exibição
O Microsoft Windows é independente de dispositivo - aplicativos baseados em janelas podem ser executados em muitos computadores com diferentes resoluções de vídeo e intensidades de cores. Da mesma forma, os aplicativos escritos em Visual Basic serão executados em diferentes tipos de monitores, e isso precisa ser levado em consideração ao projetar o aplicativo.
Projetar formulários independentes de resolução
Por padrão, o Microsoft Visual Basic não altera o tamanho dos formulários e controles ao alterar as resoluções de tela. Isso significa que um formulário projetado em uma tela com resolução de 1024×768 se estenderá além dos limites da tela quando executado em uma tela com resolução de 640×480. Se quiser criar formulários e controles que tenham as mesmas proporções, independentemente da resolução de tela usada, você deverá projetar o formulário na resolução mais baixa ou adicionar código que altere o formulário em seu programa.
A maneira mais fácil de evitar problemas de tamanho é projetar seu formulário com uma resolução de 640×480. Se preferir trabalhar em uma resolução mais alta, você ainda precisa considerar como o formulário aparecerá em uma resolução mais baixa. A maneira de fazer isso é usar a janela “FormLayout” para visualizar o tamanho e a posição do formulário. Você também pode usar "Guias de resolução" para observar quais partes da tela ficam visíveis em resoluções baixas. Para mudar para "ResolutionGuides", você pode clicar com o botão direito do mouse na janela "FormLayout" e selecionar o item de menu "ResolutionGuides" no menu pop-up.
Em tempo de execução, o Visual Basic coloca o formulário com base em sua posição em tempo de design. Se você projetar para ser executado em uma resolução de 1024x768 e colocar o formulário no canto inferior direito da tela, o formulário poderá não ficar visível quando for executado em uma resolução mais baixa. Para evitar esta situação, você pode selecionar o item de menu "StartupPosition" no menu pop-up da janela "FormLayout" para definir a posição inicial do formulário durante o design. Da mesma forma, você pode definir a posição do formulário em tempo de execução usando o seguinte código no evento FormLoad:
PRivateSubForm_Load()
Eu.Move0,0
Fim Sub
Embora definir as propriedades Left e Top do formulário como 0 possa ter o mesmo efeito, o método Move pode ser concluído em uma única etapa.
O Visual Basic usa uma unidade de medida independente de dispositivo, o twip, que é a unidade usada para calcular tamanho e posição. As duas propriedades do objeto Tela, TwipsPerPixelX e TwipsPerPixelY, podem ser usadas para determinar o tamanho de exibição em tempo de execução. Usando essas propriedades, você pode escrever código para ajustar o tamanho e a posição de formulários e controles.
PrivateSubSetControls()
DimXAsInteger
DimYAsInteger
X=Tela.TwipsPerPixelX
Y=Tela.TwipsPerPixelY
SelecioneCasoX,Y
Caso15,15
'Redimensionar e mover controles.
txtNome.Altura=200
txtNome.Largura=500
txtNome.Move200.200
'Adicione código escrito para outras resoluções.
…
Fim Sub
Você também precisa saber o local da janela do Visual Basic em tempo de design. Se você mover a janela do projeto para o lado direito da tela em alta resolução, descobrirá que ela não estará mais acessível ao abrir o projeto em baixa resolução.
Projete diferentes concentrações de cor
Ao projetar um aplicativo, você também precisa considerar os possíveis recursos de exibição em cores do computador que executa o aplicativo. Alguns computadores podem exibir 256 ou mais cores, enquanto outros podem exibir apenas 16 cores. Se você criar um formulário usando uma paleta de 256 cores, o pontilhamento (um método de simular cores inválidas) fará com que alguns elementos do formulário desapareçam quando exibidos em 16 cores.
Para evitar isso, é melhor limitar as cores usadas pelo seu aplicativo às 16 cores padrão do Windows. Essas cores são representadas por constantes de cores do Visual Basic (como vbBlack, vbBlue, vbCyan, etc.). Se precisar usar mais de 16 cores em seu aplicativo, você ainda deve usar cores padrão para texto, botões e outros elementos da interface.
Projete pensando no usuário
A menos que você crie um aplicativo Visual Basic exclusivamente para seu próprio uso, o valor de sua criação só poderá ser avaliado por terceiros. A interface do usuário de um aplicativo tem um enorme impacto sobre os usuários - não importa quão tecnicamente brilhante seja o código ou quão bem otimizado ele seja, se os usuários acharem o aplicativo difícil de usar, será menos provável que o aceitem bem.
Como programador, não há dúvida de que você está muito familiarizado com a tecnologia da informática. É fácil esquecer que a maioria dos usuários não entende (e talvez não se importe) com a tecnologia escondida por trás do aplicativo. Pense em um aplicativo como uma ferramenta para um fim: uma maneira de realizar uma tarefa que é imaginativamente mais fácil do que seria sem a ajuda do computador.
Uma interface de usuário bem projetada isola o usuário da tecnologia subjacente, facilitando a conclusão das tarefas pretendidas. Ao projetar a interface do usuário do seu aplicativo, você precisa manter o usuário em mente. Como você pode descobrir os diversos recursos do aplicativo sem orientação? Como o aplicativo responde quando ocorre um erro O que ele oferece para ajudar ou auxiliar o usuário O design encanta o usuário com uma beleza artística? , bem como outras questões relacionadas ao design centrado no usuário, são abordadas nesta seção.
Noções básicas de design de interface
Você não precisa ser um artista para criar interfaces de usuário – a maioria dos princípios do design de interface de usuário são os mesmos do design básico ensinado em qualquer aula introdutória de arte. Os princípios básicos de design de composição, cor, etc., aplicam-se tão bem à tela do computador quanto ao papel ou à pintura.
Embora o Visual Basic facilite a criação de interfaces de usuário simplesmente arrastando e colocando controles em um formulário, um pouco de planejamento antes de projetar pode fazer uma grande diferença na usabilidade do seu aplicativo. Você pode começar a projetar desenhando o formulário no papel, decidindo quais controles são necessários, a importância relativa dos diferentes elementos e as relações entre os controles.
Composição: A aparência do seu aplicativo
A composição ou layout de um formulário não afeta apenas sua estética, mas também afeta muito a usabilidade do aplicativo. A composição inclui fatores como posicionamento de controles, consistência de elementos, movimento, uso de espaço em branco e simplicidade de design.
A localização do controle
Na maioria dos designs de interface, nem todos os elementos são igualmente importantes. Um design cuidadoso é necessário para garantir que os elementos mais importantes apareçam rapidamente para o usuário. Os elementos importantes ou frequentemente acessados devem ser colocados em uma posição de destaque, enquanto os elementos menos importantes devem ser rebaixados para uma posição menos proeminente.
Na maioria dos idiomas, estamos acostumados a ler uma página da esquerda para a direita e de cima para baixo. O mesmo se aplica às telas de computador. A maioria dos olhos dos usuários focará primeiro na parte superior esquerda da tela, portanto, os elementos mais importantes devem ser colocados na parte superior esquerda da tela. Por exemplo, se a informação do formulário for referente a um cliente, o campo do seu nome deverá aparecer onde será visto primeiro. Botões, como “OK” ou “Avançar”, devem ser colocados na parte inferior direita da tela; os usuários geralmente não acessarão esses botões antes de concluir as operações no formulário;
Também é importante agrupar elementos e controles. Tente agrupar as informações logicamente por função ou relacionamento. Como suas funções estão relacionadas entre si, os botões para localização do banco de dados devem ser agrupados visualmente e não espalhados pelo formulário. O mesmo se aplica às informações. Os campos de nome e endereços geralmente são agrupados porque estão intimamente relacionados. Em muitos casos, você pode usar controles de quadro para ajudar a fortalecer a conexão entre os controles.
Consistência dos elementos da interface
No design da interface do usuário, a consistência é uma virtude. Uma aparência consistente cria harmonia dentro de um aplicativo, fazendo com que tudo pareça coordenado. Se a interface não tiver consistência, é provável que cause confusão e faça com que o aplicativo pareça muito confuso, desorganizado, menos valioso e pode até levantar dúvidas sobre a confiabilidade do aplicativo.
Para manter a consistência visual, crie uma estratégia de design e convenções de tipo antes de começar a desenvolver seu aplicativo. Elementos de design como tipo de controle, tamanho de controle, critérios de agrupamento e seleção de fonte devem ser determinados antecipadamente. Modelos de design podem ser criados para auxiliar no design.
Há um grande número de controles disponíveis no Visual Basic, o que pode fazer com que alguém queira usar todos eles. Para evitar essa tentação, escolha um subconjunto de controles que seja adequado para sua aplicação específica. Embora controles como caixas de listagem, caixas de combinação, grades e árvores possam ser usados para representar listas de informações, é melhor usar um tipo sempre que possível.
Além disso, tente usar os controles adequadamente. Embora o controle TextBox possa ser definido como somente leitura e usado para exibir texto, o controle Label geralmente é mais adequado para essa finalidade. Seja consistente ao definir propriedades para controles Se você usar um fundo branco para texto editável em um local, não use um fundo cinza em outro lugar, a menos que tenha um bom motivo.
Manter a consistência entre os diferentes formulários de um aplicativo desempenha um papel muito importante na sua usabilidade. Se você usar um fundo cinza e efeitos tridimensionais em um formulário e um fundo branco em outro formulário, os dois formulários parecerão não relacionados. Escolha um gênero e mantenha-o consistente em todo o aplicativo, mesmo que isso signifique redesenhar alguns recursos.
Dinâmico: a forma corresponde à sua função
O movimento é uma pista visível da funcionalidade de um objeto. Embora o termo possa não ser familiar para você, exemplos de dinamismo estão por toda parte. O guidão de uma bicicleta, ao colocar as mãos nele, o movimento vai revelar o fato de que o guidão está apertado com as mãos. Pressionar botões, girar botões e ligar interruptores de luz podem ser animados, e seu propósito é óbvio assim que você os vê.
A interface do usuário também usa movimento. Por exemplo, o efeito tridimensional usado nos botões de comando faz com que pareçam estar pressionados. Se você projetar um botão de comando com uma borda plana, perderá essa sensação dinâmica e, portanto, não poderá dizer claramente ao usuário que se trata de um botão de comando. Em alguns casos, botões planos podem ser apropriados, como em aplicativos de jogos ou multimídia, desde que sejam consistentes em todo o aplicativo;
As caixas de texto também fornecem uma sensação de movimento, e os usuários podem esperar caixas com bordas e fundo branco que contêm texto editável. Também é possível exibir uma caixa de texto sem borda (BorderStyle=0), o que a faz parecer um rótulo e não avisa obviamente ao usuário que ela é editável.
Uso de espaço em branco
Usar espaços em branco nas interfaces do usuário ajuda os elementos a se destacarem e a melhorar a usabilidade. O espaço em branco não precisa ser branco — ele é considerado o espaço vazio entre e ao redor dos controles do formulário. Muitos controles em um formulário podem levar a uma interface desordenada, dificultando a localização de um campo ou controle. O espaço em branco precisa ser inserido em um design para destacar os elementos do design.
O espaçamento consistente entre os controles e o alinhamento dos elementos verticais e horizontais também tornam o design mais utilizável. Assim como o texto de uma revista, ele é organizado em linhas e linhas organizadas com espaçamento consistente e uma interface elegante facilita a leitura.
O Visual Basic fornece diversas ferramentas que facilitam o ajuste do espaçamento, da organização e do tamanho dos controles. Comandos como Organizar, Criar o mesmo tamanho, Espaçamento horizontal, Espaçamento vertical e Centralizar na janela podem ser encontrados no menu Formatar.
Mantenha a interface simples
Talvez o princípio mais importante do design de interface seja a simplicidade. Para um aplicativo, se a interface parecer difícil, o programa em si também poderá ser difícil. Uma reflexão um pouco mais profunda pode ajudar a criar interfaces que parecem (e são) simples de usar. Do ponto de vista estético, um design limpo e simples é muitas vezes preferível.
Um erro comum no design de interfaces é tentar usar a interface para imitar objetos do mundo real. Por exemplo, imagine uma aplicação que exige a criação de uma apólice de seguro completa. A reação natural é projetar uma interface na tela exatamente como uma apólice de seguro. Há vários problemas em fazer isso: o formato e o tamanho da apólice de seguro são muito diferentes do que aparece na tela, e tentar replicar tal tabela perfeitamente limitaria-a a caixas de texto e de seleção sem ser realmente útil para o benefícios do usuário.
Seria melhor projetar sua própria interface que também fornecesse uma cópia impressa da apólice de seguro original (com visualização da impressão). Ao criar grupos lógicos de campos a partir da política original e utilizar uma interface com abas ou vários formulários vinculados, é possível exibir todas as informações sem necessidade de rolagem. Você também pode usar controles adicionais, como uma caixa de listagem com seleções pré-carregadas, que podem reduzir o esforço de digitação.
Você também pode simplificar muitos aplicativos retirando funções menos usadas e movendo-as para seus próprios formulários. Fornecer padrões às vezes também pode simplificar um aplicativo; se nove em cada dez usuários selecionarem texto em negrito, torne o texto em negrito como padrão em vez de pedir aos usuários que o selecionem todas as vezes (não se esqueça de fornecer uma opção Este padrão pode ser substituído) . Os assistentes também ajudam a simplificar tarefas complexas ou usadas com pouca frequência.
O melhor teste de simplificação é observar a aplicação em ação. Se um usuário representativo não conseguir realizar imediatamente o que deseja sem ajuda on-line, o design precisará ser repensado.
Use cores e imagens
Usar cores em uma interface pode aumentar o apelo visual, mas muitas vezes ocorre abuso. Muitos monitores são capazes de exibir milhões de cores, facilitando o uso de todas elas. A cor, como outros princípios básicos de design, pode apresentar muitos problemas se não for considerada cuidadosamente ao iniciar um design.
A preferência de cada pessoa pela cor é muito diferente e os gostos dos usuários também variam. As cores podem desencadear emoções fortes e, se você estiver projetando um programa para um público global, certas cores podem ser culturalmente significativas. De modo geral, é melhor permanecer tradicional e usar cores suaves e mais neutras.
É claro que o leitor pretendido e o tom e humor que você está tentando transmitir também influenciarão sua escolha de cor. Vermelhos, verdes e amarelos brilhantes funcionam bem em aplicativos usados por crianças pequenas, mas em um aplicativo bancário é menos provável que traga responsabilidade financeira.
Uma pequena quantidade de cor brilhante pode efetivamente destacar ou chamar a atenção para áreas importantes. Como regra geral, tente limitar a variedade de cores usadas em sua aplicação, e o tom deve ser consistente. Se possível, é melhor usar uma paleta padrão de 16 cores; quando visualizado em um monitor de 16 cores, o pontilhamento pode impedir que outras cores apareçam. Outra questão a considerar ao trabalhar com cores é o daltonismo. Algumas pessoas não conseguem diferenciar as diferentes combinações de cores primárias (como vermelho e verde). Para pessoas com essa condição, o texto vermelho sobre fundo verde torna-se invisível.
Imagens e ícones
O uso de imagens e ícones também pode agregar interesse visual a um aplicativo, mas um design cuidadoso também é essencial. As imagens podem transmitir informações visualmente sem texto, mas muitas vezes pessoas diferentes interpretam as imagens de maneira diferente.
Uma barra de ferramentas com ícones representando diversas funções é um dispositivo de interface útil, mas pode sair pela culatra se a função que o ícone representa não puder ser facilmente identificada. Ao projetar ícones da barra de ferramentas, você deve observar outros aplicativos para ver quais padrões foram criados. Por exemplo, muitos aplicativos usam um pedaço de papel com cantos enrolados para representar o ícone Novo Arquivo. Pode haver uma metáfora melhor para representar esta funcionalidade, mas usar outras representações causaria confusão entre os usuários.
Também é importante considerar o significado cultural da imagem. Muitos programas usam uma caixa de correio pastoral com um sinalizador (Figura 6.21) para representar a funcionalidade do correio. Este é originalmente um ícone para usuários dos Estados Unidos em outros países ou culturas que podem não reconhecê-lo como uma caixa de correio.
Ao projetar seus próprios ícones e imagens, tente mantê-los simples. Imagens complexas com múltiplas cores não se ajustam bem aos ícones da barra de ferramentas de 16×16 pixels ou quando exibidas em telas de alta resolução.
Selecione a fonte
As fontes também são uma parte importante das interfaces de usuário porque geralmente transmitem informações importantes aos usuários. Escolha fontes que sejam fáceis de ler em diferentes resoluções e tipos de monitores. É melhor usar fontes simples sem serifa ou serifa sempre que possível. Muitas vezes, as fontes manuscritas ou outras fontes decorativas ficam melhor impressas do que na tela, e quanto menor o tamanho da fonte, mais difícil é a leitura.
A menos que você planeje configurar fontes por aplicativo, você deve usar fontes padrão do Windows, como Arial, NewTimesRoman ou System. Se o sistema do usuário não contiver a fonte especificada, o sistema usará uma fonte alternativa e os resultados poderão ser completamente diferentes do esperado. Se você estiver projetando para um público internacional, investigue quais fontes estão disponíveis nos idiomas pretendidos. Além disso, ao projetar para outros idiomas, você precisa considerar a expansão do texto – em alguns idiomas, as sequências de texto podem ocupar mais de 50% de espaço.
Além disso, ao escolher uma fonte, a consistência no design é muito importante. Na maioria dos casos, você não deve usar mais de duas fontes em um aplicativo. Muitas fontes podem fazer com que um aplicativo pareça uma multa.
->