2.2 Lay-outs ontwerpen en aanpassen
In dit hoofdstuk gaan we dieper in op hoe u aantrekkelijke en functionele lay-outs kunt maken voor uw FileMaker-databases. We gaan stap voor stap in op het gebruik van thema's en stijlen, het werken met objecten zoals velden, teksten en knoppen, het gebruik van tools en technieken voor het bewerken van lay-outs en het gebruik van afbeeldingen en grafieken.
Inhoudsopgave
- 2.2 Lay-outs ontwerpen en aanpassen
- Inleidende video over thema's en stijlen in FileMaker
- 1. gebruik van thema's en stijlen
- 2. Werken met objecten: Velden, teksten, knoppen
- Geïntegreerde ERP-ontwikkelaarsmodule met opmaakprotocol
- 3. gereedschappen en technieken voor het bewerken van lay-out
- gFM-Business Open Source FileMaker Basis ERP De software van de spoedcursus
- 4. gebruik van afbeeldingen en grafieken
- Vier FileMaker ERP-platforms voor geoptimaliseerde bedrijfsprocessen.
- Veelgestelde vragen
Inleidende video over thema's en stijlen in FileMaker
In de volgende video ziet u een korte inleiding tot thema's en stijlen in FileMaker en hoe u objecten in de lay-out kunt uitlijnen, groeperen en vastzetten met behulp van de Inspector.
1. gebruik van thema's en stijlen
Stap 1: Selecteer een thema voor je lay-out
Een thema is een verzameling vooraf gedefinieerde opmaakopties die u op uw lay-out kunt toepassen om het uiterlijk en de bruikbaarheid ervan te optimaliseren. FileMaker biedt verschillende thema's die u rechtstreeks kunt gebruiken.
- Overschakelen naar lay-outmodusKlik in het menu op Weergave > Lay-outmodus of gebruik de toetsencombinatie
Cmd + L(macOS) ofCtrl + L(Windows). - Selecteer onderwerp: Ga in de lay-outmodus naar Lay-outs > Ontwerp wijzigen. Selecteer een thema uit de lijst. Je kunt meteen zien hoe de lay-out wordt gewijzigd door het nieuwe thema.
- Thema aanpassenJe kunt de vooraf gedefinieerde instellingen van een thema aanpassen. Als je bijvoorbeeld de kleuren of lettertypen niet mooi vindt, kun je ze aanpassen met de optie Inspecteur aan. De wijzigingen worden onmiddellijk toegepast op de lay-out.
Stap 2: Werken met stijlen
Met stijlen kun je het uiterlijk van individuele objecten zoals velden of knoppen wijzigen.
- Stijl toepassenSelecteer een object (bijv. een veld of een knop) en open de knop Inspecteur. Onder het tabblad Vertegenwoordiging Je kunt voorgedefinieerde stijlen selecteren of je eigen stijl maken.
- Stijlen maken en opslaanOm een nieuwe stijl te maken, pas je de eigenschappen van het object aan (bijv. lettertype, kader, vulling) en klik je op Stijl opslaan. Je kunt deze stijl vervolgens toepassen op andere objecten.
- Wereldwijde veranderingenAls je de stijl wijzigt, worden alle objecten die deze stijl gebruiken automatisch bijgewerkt. Dit is vooral handig als je wijzigingen in het ontwerp consistent wilt toepassen op alle lay-outs.
2. Werken met objecten: Velden, teksten, knoppen
Stap 1: Velden invoegen in een lay-out
Velden zijn centrale elementen van elke lay-out, omdat ze de gegevens in je database weergeven en je ze kunt invoeren.
- Veld toevoegenSleep een veld van de Veldlijst of de Objectenpalet in de lay-out. Plaats het waar het nodig is.
- Formaat veldPas het uiterlijk van het veld aan door naar de inspector te gaan onder Vertegenwoordiging Bepaal het lettertype, de kleuren en de marges. Je kunt ook plaatshouderteksten toevoegen om gebruikers instructies te geven over welke gegevens ze moeten invoeren.
- Interactieve veldenGebruik geavanceerde opties zoals vervolgkeuzelijsten of selectievakjes om de gebruiksvriendelijkheid te verbeteren. Je vindt deze opties in de Inspecteur onder gegevens.
Stap 2: Teksten toevoegen
Teksten worden gebruikt om velden te labelen of om instructies te geven binnen de lay-out.
- Tekstobject invoegenIn de Objectenpalet tekstgereedschap en klik in de lay-out om een tekstveld toe te voegen. Voer de gewenste tekst in.
- Tekst opmaken: Gebruik de Inspecteurom het lettertype, de lettergrootte, kleur en andere tekststijlen aan te passen. Plaats de tekst op een logische plek om de gebruiker te helpen.
- Dynamische tekstenVoeg dynamische teksten toe door te klikken op Invoegen > Veld samenvoegen en selecteer een veld waarvan de waarde in de tekst moet worden weergegeven.
Stap 3: Knoppen maken
Met knoppen kunnen gebruikers interactie hebben met de database door acties te activeren.
- Knop toevoegenIn de Objectenpalet het knopengereedschap en klik in de lay-out om een knop te plaatsen. Je kunt de knop een tekst geven of een afbeelding gebruiken.
- Actie toewijzenWijs een actie of script toe aan de knop. Selecteer hiervoor de Inspecteuronder Actie om het gewenste script of de gewenste functie te selecteren.
- Stijl aanpassen: Pas het uiterlijk van de knop aan door op de knop Inspecteur Pas de kleuren, randen en vullingen aan. Je kunt ook een knop maken die verandert als erop wordt gedrukt om de gebruiker visuele feedback te geven.
Geïntegreerde ERP-ontwikkelaarsmodule met opmaakprotocol
Meer informatie
3. gereedschappen en technieken voor het bewerken van lay-out
Stap 1: objecten uitlijnen en verdelen
De precieze uitlijning en verdeling van objecten is belangrijk om een nette en professionele lay-out te creëren.
- Uitlijngereedschap gebruikenSelecteer meerdere objecten en gebruik de uitlijnopties in de werkbalk om ze links, rechts, boven of onder uit te lijnen. Dit zorgt voor een schone en symmetrische lay-out.
- Objecten verdelenGebruik de verdeelopties om een gelijkmatige afstand te creëren tussen meerdere objecten. Dit is vooral handig als je een reeks velden of knoppen gelijkmatig wilt rangschikken.
- Toon hulplijnen en roostersActiveer hulplijnen en het raster via Beeld > Gidsen en rastersom een visueel hulpmiddel te krijgen bij het plaatsen van objecten. Deze hulpmiddelen helpen je om objecten precies te plaatsen.
Stap 2: Objecten groeperen en vergrendelen
Objecten groeperen en vergrendelen maakt het gemakkelijker om complexe lay-outs te bewerken.
- Objecten groeperenSelecteer meerdere objecten en selecteer Schikken > Groeperenom ze te combineren tot een eenheid. Dit is handig als je meerdere objecten tegelijk wilt verplaatsen of opmaken.
- Niveauregeling gebruikenPas de volgorde van de objecten aan door ze naar voren of naar achteren te verplaatsen. Je kunt dit regelen met de commando's Schikken > Op de voorgrond of Op de achtergrond.
- Objecten vergrendelenAls je ervoor wilt zorgen dat een object zijn positie en grootte behoudt, vergrendel het dan via Schikken > Vergrendelen. Vergrendelde objecten kunnen niet per ongeluk worden verplaatst of gewijzigd.
gFM-Bedrijf Open Source FileMaker Basis-ERP
De software voor de spoedcursus
Gratis downloaden
4. gebruik van afbeeldingen en grafieken
Stap 1: afbeeldingen invoegen in lay-outs
Afbeeldingen voegen visuele aantrekkingskracht toe aan je lay-outs en kunnen voor verschillende doeleinden worden gebruikt, zoals branding of als functionele elementen.
- Afbeeldingsobject toevoegenSelecteer het afbeeldingsgereedschap in de Objectenpalet en klik in de lay-out om een afbeelding in te voegen. Je kunt de afbeelding selecteren uit een bestand of uploaden naar een containerveld.
- Afbeeldingsgrootte en -positie aanpassenPas de grootte en positie van de afbeelding aan met de gereedschappen in het menu Inspecteur om ervoor te zorgen dat het goed in de lay-out past. Je kunt de afbeelding ook bijsnijden of schalen om beter aan je wensen te voldoen.
- Afbeeldingen als knoppen gebruikenJe kunt afbeeldingen ook als knoppen gebruiken door er acties aan toe te wijzen. Dit is een geweldige manier om interactieve lay-outs te maken die visueel aantrekkelijk en functioneel zijn.
Stap 2: Grafieken voor gegevensvisualisatie
Grafieken zijn ideaal om complexe gegevens op een eenvoudige manier te visualiseren.
- Diagrammen invoegen: Ga naar Invoegen > Diagram en selecteer het diagramtype dat het beste bij je gegevens past. Je kunt staafdiagrammen, lijndiagrammen, cirkeldiagrammen en meer gebruiken.
- Gegevensbron definiërenSelecteer de gegevensvelden die moeten worden weergegeven in je grafiek. Dit kunnen velden uit de huidige tabel zijn of berekende velden die specifieke waarden weergeven.
- Formaat diagram: Gebruik de Inspecteurom kleuren, aslabels en andere diagram-eigenschappen aan te passen. Dit zorgt ervoor dat het diagram duidelijk en informatief is.
Stap 3: Pictogrammen en symbolen gebruiken
Pictogrammen en symbolen zijn handige visuele elementen die informatie snel kunnen overbrengen en de navigatie in je database kunnen vereenvoudigen.
- Pictogrammen invoegenSelecteer het pictogramgereedschap of voeg een pictogram toe als een afbeeldingsobject. Je kunt kant-en-klare pictogrammen gebruiken of je eigen afbeeldingen uploaden die het doel van je lay-out benadrukken.
- Gebruik van symbolenPictogrammen kunnen worden gebruikt om functies als "Opslaan", "Verwijderen" of "Bewerken" te labelen. Ze maken de lay-out intuïtiever en gebruiksvriendelijker, omdat pictogrammen universeel te begrijpen zijn.
- Styling van pictogrammenZoals met andere objecten, pictogrammen en symbolen in de Inspecteur aanpassen. Zorg ervoor dat de grootte en kleur van de pictogrammen overeenkomen met de rest van je lay-out.
Vier FileMaker ERP-platforms voor geoptimaliseerde bedrijfsprocessen.
Informatie aanvragen
Veelgestelde vragen
- Hoe gebruik ik thema's in FileMaker om het uiterlijk van mijn lay-outs aan te passen?
- In FileMaker kunt u thema's gebruiken om het visuele ontwerp van uw lay-outs snel aan te passen. Thema's zijn voorgedefinieerde ontwerpsjablonen die kleuren, lettertypen en opmaak specificeren voor velden, knoppen en andere lay-outobjecten. Om een thema te gebruiken of te wijzigen, schakel je over naar de lay-outmodus en selecteer je "Lay-outs" > "Thema wijzigen" in het menu. Je kunt het geschikte thema voor je toepassing selecteren en toepassen op alle lay-outs om een consistent uiterlijk te garanderen.
- Waarin verschillen stijlen van thema's en hoe kan ik stijlen gebruiken in mijn lay-out?
- Stijlen zijn specifieke opmaken die kunnen worden toegepast op individuele opmaakobjecten, zoals velden, knoppen of teksten. Terwijl thema's het algemene ontwerp bepalen, bieden stijlen gedetailleerde controle over het uiterlijk van individuele elementen. Je kunt de stijl van een object wijzigen in de Inspector onder "Uiterlijk" of een aangepaste stijl opslaan. Het gebruik van stijlen helpt je om consistentie te behouden tussen verschillende opmaakobjecten en stelt je in staat om snel wijzigingen toe te passen op meerdere objecten.
- Hoe kan ik velden, teksten en knoppen in een lay-out bewerken?
- In de opmaakmodus kun je velden, teksten en knoppen selecteren en hun grootte, positie en opmaak aanpassen. Wanneer je een object selecteert, kun je het verplaatsen of de grootte ervan aanpassen met behulp van de handgrepen op het object. Je kunt de inspectiebalk gebruiken om het uiterlijk aan te passen, inclusief het lettertype, de kleur en de rand. Je kunt ook acties definiëren voor knoppen, zoals het uitvoeren van een script wanneer erop wordt geklikt.
- Hoe voeg ik nieuwe velden toe aan een lay-out?
- Om een nieuw veld toe te voegen, schakel je over naar de lay-outmodus en klik je op "Veld toevoegen" in de veldbalk. Selecteer het gewenste veld uit de onderliggende tabel en plaats het in de lay-out. Vervolgens kun je het veld verder aanpassen door de grootte en positie te wijzigen en het uiterlijk aan te passen met stijlen. De veldbalk geeft alle velden van de onderliggende tabel weer, zodat je snel toegang hebt tot de relevante gegevens.
- Hoe werk ik efficiënt met meerdere objecten op een lay-out?
- Je kunt meerdere objecten tegelijk selecteren door met de muis een selectiekader rond de objecten te slepen of door de Shift-toets ingedrukt te houden en op de objecten te klikken. Zodra meerdere objecten geselecteerd zijn, kun je ze samen verplaatsen, hun grootte wijzigen of ze uitlijnen. Je kunt de objecten ook uitlijnen in het menu "Uitlijnen" of gelijke afstanden instellen in de Inspector om een strakke lay-out te maken.
- Hoe kan ik objecten in mijn lay-out uitlijnen en aanpassen?
- FileMaker biedt verschillende hulpmiddelen om objecten uit te lijnen en te positioneren. In de lay-outmodus kunt u "Uitlijnen" gebruiken om de positie van objecten aan de randen of in het midden van de lay-out uit te lijnen. De inspecteur toont precieze posities en afmetingen, zodat u objecten tot op de millimeter nauwkeurig kunt rangschikken. Je kunt ook hulplijnen en rasters gebruiken om de plaatsing van objecten visueel te controleren en een uniform ontwerp te garanderen.
- Hoe gebruik ik afbeeldingen en grafieken in mijn lay-outs?
- Je kunt afbeeldingen en grafieken invoegen in je lay-outs om het visuele uiterlijk te verbeteren. In de lay-outmodus kun je een afbeelding toevoegen via "Invoegen" > "Afbeelding" en deze in de lay-out plaatsen. Afbeeldingen kunnen zowel als decoratieve elementen als achtergrondafbeeldingen worden gebruikt. Je kunt het afbeeldingsformaat aanpassen in de inspector, bijvoorbeeld of de afbeelding wordt uitgerekt, geschaald of in zijn oorspronkelijke verhouding wordt weergegeven.
- Hoe ontwerp ik een lay-out voor mobiele apparaten zoals iPhone of iPad?
- Wanneer u een lay-out maakt voor FileMaker Go (de mobiele versie van FileMaker), moet u in de lay-outmodus speciale sjablonen gebruiken die zijn geoptimaliseerd voor mobiele apparaten. Deze lay-outs hebben grotere knoppen, eenvoudiger navigatie en zijn ontworpen voor aanraakbediening. U kunt in de lay-outmodus ook inzoomen gebruiken om te simuleren hoe de lay-out op een mobiel apparaat wordt weergegeven. Het is belangrijk om de principes van responsive design te volgen om ervoor te zorgen dat je lay-out er goed uitziet op verschillende schermformaten.
- Kan ik aangepaste knoppen maken voor specifieke acties?
- Ja, u kunt in FileMaker aangepaste knoppen maken die verschillende acties uitvoeren. In de lay-outmodus kunt u een knop invoegen vanuit de werkbalk, deze op de lay-out plaatsen en vervolgens een actie of script toewijzen. U kunt bijvoorbeeld opgeven dat de knop een nieuw record maakt, een zoekopdracht uitvoert of de gebruiker naar een andere lay-out navigeert. Knoppen kunnen ook worden aangepast met pictogrammen en tekst.
- Hoe kan ik lay-outs verbeteren met aangepaste symbolen en pictogrammen?
- Je kunt aangepaste symbolen en pictogrammen toevoegen aan knoppen en andere opmaakobjecten om de gebruikersinterface aantrekkelijker te maken. In de lay-outmodus kun je een knopvorm selecteren in de inspecteur en een pictogram toevoegen. Je kunt ook je eigen pictogrammen uploaden en ze in je ontwerpen integreren. Pictogrammen helpen om gebruikers visueel te begeleiden en maken je toepassing gebruiksvriendelijker.
- Hoe werk ik met lay-outbewerkingsgereedschappen zoals de inspecteur, het raster en hulplijnen?
- De inspectorbalk in FileMaker is een centraal hulpmiddel voor het bewerken en ontwerpen van lay-outs. In de Inspector kunt u de positie, grootte, opmaak en interactiviteit van objecten regelen. U kunt in de lay-outmodus ook rasters en hulplijnen activeren om objecten nauwkeurig uit te lijnen. Deze tools helpen je om lay-outs consistent te ontwerpen en zorgen ervoor dat alle elementen perfect gerangschikt zijn.
- Kan ik lay-outs dupliceren en als sjabloon voor andere lay-outs gebruiken?
- Ja, u kunt lay-outs dupliceren in FileMaker om tijd te besparen en consistentie tussen lay-outs te garanderen. Kies in de lay-outmodus "Lay-outs" > "Lay-out beheren" in het menu, selecteer vervolgens de gewenste lay-out en klik op "Dupliceren". Je kunt dan de gedupliceerde lay-out bewerken en aanpassen zonder de originele lay-out te wijzigen. Dit is vooral handig als je vergelijkbare lay-outs wilt maken voor verschillende gegevenstabellen.
