2.2 Conceber e personalizar layouts
Neste capítulo, analisaremos em profundidade como criar layouts atractivos e funcionais para as suas bases de dados FileMaker. Iremos abordar passo a passo a utilização de temas e estilos, o trabalho com objectos como campos, textos e botões, a utilização de ferramentas e técnicas de edição de layout e a utilização de imagens e gráficos.
Índice
- 2.2 Conceber e personalizar layouts
- Vídeo introdutório sobre temas e estilos na FileMaker
- 1. utilização de temas e estilos
- 2. trabalhar com objectos: Campos, textos, botões
- Módulo de desenvolvimento ERP integrado com protocolo de layout
- 3. ferramentas e técnicas de edição de esquemas
- gFM-Business Open Source FileMaker Basis ERP O software para um curso intensivo
- 4. utilização de imagens e gráficos
- Quatro plataformas FileMaker ERP para processos operacionais optimizados.
- Perguntas mais frequentes
Vídeo introdutório sobre temas e estilos na FileMaker
No vídeo seguinte, verá uma breve introdução aos temas e estilos na FileMaker, e como pode alinhar, agrupar e fixar objectos no layout utilizando o Inspetor.
1. utilização de temas e estilos
Passo 1: Selecione um tema para o seu esquema
Um tema é uma coleção de opções de formatação predefinidas que pode aplicar ao seu layout para otimizar a sua aparência e usabilidade. A FileMaker oferece uma variedade de temas que podem ser utilizados diretamente.
- Mudar para o modo de apresentaçãoNo menu, clicar em Ver > Modo de apresentação ou utilizar a combinação de teclas
Cmd + L(macOS) ouCtrl + L(Windows). - Selecionar tópicoNo modo de apresentação, ir para Layouts > Alterar design. Selecione um tema da lista. Pode ver imediatamente como o esquema é alterado pelo novo tema.
- Personalização do temaÉ possível personalizar as definições predefinidas de um tema. Por exemplo, se não gostar das cores ou dos tipos de letra, pode ajustá-los utilizando a função Inspetor on. As alterações são imediatamente aplicadas à apresentação.
Passo 2: Trabalhar com estilos
Os estilos permitem-lhe alterar o aspeto de objectos individuais, como campos ou botões.
- Aplicar estiloSelecionar um objeto (por exemplo, um campo ou um botão) e abrir a janela Inspetor. No separador Representação pode selecionar estilos predefinidos ou criar os seus próprios estilos.
- Criar e guardar estilosPara criar um novo estilo, ajuste as propriedades do objeto (por exemplo, tipo de letra, moldura, preenchimento) e clique em Guardar estilo. Pode então aplicar este estilo a outros objectos.
- Alterações globaisSe alterar o estilo, todos os objectos que utilizam este estilo são automaticamente actualizados. Isto é particularmente útil se pretender aplicar alterações de design de forma consistente a todas as apresentações.
2. trabalhar com objectos: Campos, textos, botões
Passo 1: Inserir campos num esquema
Os campos são elementos centrais de qualquer apresentação, uma vez que apresentam e permitem a introdução de dados na base de dados.
- Adicionar campoArraste um campo da lista Lista de campos ou o Paleta de objectos no esquema. Posicione-o onde for necessário.
- Campo de formatoPersonalize o aspeto do campo indo ao inspetor em Representação definir o tipo de letra, as cores e as margens. Também pode adicionar textos de preenchimento para dar aos utilizadores instruções sobre os dados a introduzir.
- Campos interactivosUtilize opções avançadas, como listas pendentes ou caixas de verificação, para melhorar a facilidade de utilização. Pode encontrar estas opções na secção Inspetor sob dados.
Passo 2: Adicionar textos
Os textos são utilizados para etiquetar campos ou para fornecer instruções no layout.
- Inserir objeto de textoSelecionar no Paleta de objectos ferramenta de texto e clique na apresentação para adicionar um campo de texto. Introduza o texto pretendido.
- Formatar texto: Utilizar o Inspetorpara ajustar o tipo de letra, o tamanho da letra, a cor e outros estilos de texto. Coloque o texto numa posição lógica para facilitar a orientação do utilizador.
- Textos dinâmicosAdicionar textos dinâmicos clicando em Inserir > Campo de fusão e selecionar um campo cujo valor deve ser apresentado no texto.
Passo 3: Criar botões
Os botões permitem aos utilizadores interagir com a base de dados, desencadeando acções.
- Adicionar botãoSelecionar no Paleta de objectos a ferramenta de botão e clique na apresentação para colocar um botão. Pode rotular o botão com um texto ou utilizar uma imagem.
- Atribuir açãoAtribuir uma ação ou um script ao botão. Para tal, selecione o botão Inspetorsob Ação para selecionar o guião ou a função pretendida.
- Personalizar o estiloPersonalizar o aspeto do botão clicando no botão Inspetor personalizar as cores, os contornos e os preenchimentos. Também pode criar um botão que se altera quando premido para dar ao utilizador um feedback visual.
Módulo de desenvolvimento ERP integrado com protocolo de layout
Mais informações
3. ferramentas e técnicas de edição de esquemas
Passo 1: Alinhar e distribuir objectos
O alinhamento e a distribuição precisos dos objectos são importantes para criar um esquema organizado e profissional.
- Utilização de ferramentas de alinhamentoSelecione vários objectos e utilize as opções de alinhamento na barra de ferramentas para os alinhar à esquerda, à direita, na margem superior ou inferior. Isto assegura um esquema limpo e simétrico.
- Distribuir objectosUtilize as opções de distribuição para criar um espaçamento uniforme entre vários objectos. Isto é particularmente útil se pretender organizar uniformemente uma série de campos ou botões.
- Mostrar guias e grelhasAtivar as guias e a grelha através de Ver > Guias e grelhaspara obter uma ajuda visual ao colocar objectos. Estas ajudas ajudam-no a posicionar os objectos com precisão.
Passo 2: Agrupamento e bloqueio de objectos
Agrupar e bloquear objectos facilita a edição de esquemas complexos.
- Agrupar objectosSelecionar vários objectos e selecionar Organizar > Agruparpara os combinar numa só unidade. Isto é útil se pretender mover ou formatar vários objectos ao mesmo tempo.
- Utilizar o controlo de nívelAjuste a ordem dos objectos movendo-os para a frente ou para trás. Pode controlar isto utilizando os comandos Organizar > Em primeiro plano ou Para o fundo.
- Bloquear objectosSe quiser garantir que um objeto mantém a sua posição e tamanho, bloqueie-o através de Organizar > Bloquear. Os objectos bloqueados não podem ser movidos ou alterados acidentalmente.
gFM-Business Código aberto FileMaker Base-ERP
O software para o curso intensivo
Descarregar gratuitamente
4. utilização de imagens e gráficos
Passo 1: Inserir imagens nos layouts
As imagens acrescentam atrativo visual aos seus layouts e podem ser utilizadas para uma variedade de fins, tais como a marca ou como elementos funcionais.
- Adicionar objeto de imagemSelecionar a ferramenta de imagem na lista Paleta de objectos e clique no esquema para inserir uma imagem. Pode selecionar a imagem a partir de um ficheiro ou carregá-la para um campo de contentor.
- Ajustar o tamanho e a posição da imagemAjustar o tamanho e a posição da imagem utilizando as ferramentas da secção Inspetor para garantir que se encaixa bem no esquema. Também pode cortar ou redimensionar a imagem para a adaptar às suas necessidades.
- Utilizar imagens como botõesTambém pode utilizar imagens como botões, atribuindo-lhes acções. Esta é uma excelente forma de criar esquemas interactivos que são visualmente apelativos e funcionais.
Etapa 2: Gráficos para visualização de dados
Os gráficos são ideais para visualizar dados complexos de uma forma simples.
- Inserir diagramas: Ir para Inserir > Diagrama e selecionar o tipo de gráfico que melhor se adequa aos seus dados. Pode utilizar gráficos de barras, gráficos de linhas, gráficos de tartes e muito mais.
- Definir fonte de dadosSelecione os campos de dados que devem ser apresentados no seu gráfico. Estes podem ser campos da tabela atual ou campos calculados que representam valores específicos.
- Diagrama de formato: Utilizar o Inspetorpara ajustar as cores, as etiquetas dos eixos e outras propriedades do diagrama. Isto garante que o diagrama é claro e informativo.
Passo 3: Utilizar ícones e símbolos
Os ícones e símbolos são elementos visuais úteis que podem transmitir rapidamente informações e simplificar a navegação na sua base de dados.
- Inserir íconesSelecione a ferramenta de ícones ou adicione um ícone como um objeto de imagem. Pode utilizar ícones prontos ou carregar os seus próprios gráficos que realcem o objetivo do seu esquema.
- Utilização de símbolosOs ícones podem ser utilizados para identificar funções como "Guardar", "Apagar" ou "Editar". Tornam o esquema mais intuitivo e fácil de utilizar, uma vez que os ícones são universalmente compreensíveis.
- Estilo dos íconesComo acontece com outros objectos, ícones e símbolos no Inspetor personalizar. Certifique-se de que o tamanho e a cor dos ícones correspondem ao resto do seu esquema.
Quatro plataformas FileMaker ERP para processos operacionais optimizados.
Pedir informações
Perguntas mais frequentes
- Como é que utilizo temas na FileMaker para personalizar o aspeto dos meus layouts?
- Na FileMaker, pode utilizar temas para personalizar rapidamente o design visual dos seus layouts. Os temas são modelos de design predefinidos que especificam cores, tipos de letra e formatação para campos, botões e outros objectos de layout. Para utilizar ou alterar um tema, mude para o modo de apresentação e selecione "Apresentações" > "Alterar tema" no menu. Pode selecionar o tema adequado para a sua aplicação e aplicá-lo a todos os layouts para garantir um aspeto consistente.
- Como é que os estilos diferem dos temas e como é que posso utilizar estilos no meu esquema?
- Os estilos são formatações específicas que podem ser aplicadas a objectos de apresentação individuais, como campos, botões ou textos. Enquanto os temas definem o design geral, os estilos oferecem um controlo detalhado sobre o aspeto dos elementos individuais. Pode alterar o estilo de um objeto no inspetor em "Aparência" ou guardar um estilo personalizado. A utilização de estilos ajuda-o a manter a consistência entre diferentes objectos de apresentação e permite-lhe aplicar rapidamente alterações a vários objectos.
- Como posso editar campos, textos e botões num esquema?
- No modo de apresentação, pode selecionar campos, textos e botões e ajustar o seu tamanho, posição e formatação. Quando seleciona um objeto, pode movê-lo ou redimensioná-lo utilizando as pegas do objeto. Pode utilizar a barra do inspetor para ajustar o aspeto, incluindo o tipo de letra, a cor e o contorno. Também pode definir acções para os botões, como a execução de um script quando se clica neles.
- Como é que adiciono novos campos a um esquema?
- Para adicionar um novo campo, mude para o modo de apresentação e clique em "Adicionar campo" na barra de campos. Selecione o campo pretendido na tabela subjacente e coloque-o na apresentação. Pode então personalizar o campo, alterando o tamanho e a posição e ajustando o aspeto com estilos. A barra de campos apresenta todos os campos da tabela subjacente para que possa aceder rapidamente aos dados relevantes.
- Como posso trabalhar eficazmente com vários objectos num esquema?
- Pode selecionar vários objectos ao mesmo tempo, arrastando uma moldura de seleção à volta dos objectos com o rato ou mantendo premida a tecla Shift e clicando nos objectos. Assim que vários objectos são selecionados, pode movê-los em conjunto, alterar o seu tamanho ou alinhá-los uns com os outros. Também pode alinhar os objectos no menu "Alinhar" ou definir um espaçamento igual no inspetor para criar um layout limpo.
- Como posso alinhar e personalizar objectos no meu esquema?
- A FileMaker oferece várias ferramentas para alinhar e posicionar objectos. No modo de layout, pode utilizar "Alinhar" para alinhar a posição dos objectos nas extremidades ou no centro do layout. O inspetor mostra posições e tamanhos precisos para que possa organizar os objectos com precisão milimétrica. Também pode utilizar guias e grelhas para controlar visualmente a colocação dos objectos e garantir um design uniforme.
- Como é que utilizo imagens e gráficos nos meus layouts?
- Pode inserir imagens e gráficos nas suas apresentações para melhorar o aspeto visual. No modo de apresentação, pode adicionar um gráfico através de "Inserir" > "Imagem" e colocá-lo na apresentação. As imagens podem ser utilizadas como elementos decorativos e como imagens de fundo. Pode ajustar o formato da imagem no inspetor, por exemplo, se a imagem é esticada, dimensionada ou apresentada na sua proporção original.
- Como posso conceber um esquema para dispositivos móveis como o iPhone ou o iPad?
- Quando cria um layout para a FileMaker Go (a versão móvel da FileMaker), deve utilizar modelos especiais no modo de layout que são optimizados para dispositivos móveis. Estes layouts têm botões maiores, navegação mais fácil e foram concebidos para serem utilizados por toque. Também pode utilizar o zoom no modo de layout para simular a forma como o layout será apresentado num dispositivo móvel. É importante seguir os princípios de design responsivo para garantir que a apresentação fica bem em diferentes tamanhos de ecrã.
- Posso criar botões personalizados para acções específicas?
- Sim, é possível criar botões personalizados na FileMaker que executam várias acções. No modo de layout, pode inserir um botão da barra de ferramentas, colocá-lo no layout e depois atribuir uma ação ou script. Por exemplo, pode especificar que o botão crie um novo registo, efectue uma pesquisa ou navegue o utilizador para outro layout. Os botões também podem ser personalizados com ícones e texto.
- Como posso melhorar os layouts com símbolos e ícones personalizados?
- É possível adicionar símbolos e ícones personalizados a botões e outros objectos de apresentação para tornar a interface do utilizador mais atractiva. No modo de apresentação, pode selecionar a forma de um botão no inspetor e adicionar um ícone. Também pode carregar os seus próprios ícones e integrá-los nos seus designs. Os ícones ajudam a orientar visualmente os utilizadores e tornam a aplicação mais fácil de utilizar.
- Como posso trabalhar com ferramentas de edição de esquemas, como o inspetor, a grelha e as guias?
- A barra do inspetor na FileMaker é uma ferramenta central para editar e desenhar layouts. No Inspetor, pode controlar a posição, tamanho, formatação e interatividade dos objectos. Também pode ativar grelhas e guias no modo de layout para alinhar objectos com precisão. Estas ferramentas ajudam-no a desenhar layouts de forma consistente e a garantir que todos os elementos estão dispostos na perfeição.
- Posso duplicar layouts e utilizá-los como modelos para outros layouts?
- Sim, pode duplicar layouts na FileMaker para poupar tempo e assegurar a consistência entre layouts. No modo Layout, escolha "Layouts" > "Gerir Layout" no menu, depois selecione o layout desejado e clique em "Duplicar". Pode então editar e personalizar o layout duplicado sem alterar o layout original. Isto é particularmente útil se quiser criar layouts semelhantes para diferentes tabelas de dados.
