Menu
2.2 Progettazione e personalizzazione dei layout
In questo capitolo vedremo in modo approfondito come creare layout attraenti e funzionali per i vostri database FileMaker. Verranno illustrati l'uso di temi e stili, il lavoro con oggetti quali campi, testi e pulsanti, l'uso di strumenti e tecniche di modifica dei layout e l'uso di immagini e grafica, passo dopo passo.
Indice dei contenuti
- 2.2 Progettazione e personalizzazione dei layout
- Video introduttivo su temi e stili in FileMaker
- 1. utilizzo di temi e stili
- 2. lavorare con gli oggetti: Campi, testi, pulsanti
- Modulo sviluppatore ERP integrato con protocollo di layout
- 3. strumenti e tecniche di modifica del layout
- gFM-Business Open Source FileMaker Basis ERP Il software del corso intensivo
- 4. utilizzo di immagini e grafici
- Quattro piattaforme ERP FileMaker per ottimizzare i processi operativi.
- Domande frequenti
Video introduttivo su temi e stili in FileMaker
Nel video seguente viene presentata una breve introduzione ai temi e agli stili in FileMaker e viene illustrato come allineare, raggruppare e fissare gli oggetti nel layout utilizzando l'Inspector.
1. utilizzo di temi e stili
Passo 1: Selezionare un tema per il layout
Un tema è un insieme di opzioni di formattazione predefinite che si possono applicare al layout per ottimizzarne l'aspetto e la fruibilità. FileMaker offre una serie di temi che possono essere utilizzati direttamente.
- Passare alla modalità layoutNel menu, fare clic su Vista > Modalità layout oppure utilizzare la combinazione di tasti
Cmd + L(macOS) oCtrl + L(Windows). - Selezionare l'argomentoIn modalità layout, andare su Layout > Modifica design. Selezionare un tema dall'elenco. È possibile vedere immediatamente come il layout viene modificato dal nuovo tema.
- Personalizzazione del temaÈ possibile personalizzare le impostazioni predefinite di un tema. Ad esempio, se i colori o i caratteri non sono di vostro gradimento, potete regolarli utilizzando la funzione Ispettore on. Le modifiche vengono applicate immediatamente al layout.
Fase 2: Lavorare con gli stili
Gli stili consentono di modificare l'aspetto di singoli oggetti, come campi o pulsanti.
- Applicare lo stileSelezionare un oggetto (ad es. un campo o un pulsante) e aprire la finestra di dialogo Ispettore. Sotto la scheda Rappresentazione è possibile selezionare stili predefiniti o crearne di propri.
- Creare e salvare gli stiliPer creare un nuovo stile, regolare le proprietà dell'oggetto (ad esempio, font, cornice, riempimento) e fare clic su Salva stile. È quindi possibile applicare questo stile ad altri oggetti.
- Cambiamenti globaliSe si modifica lo stile, tutti gli oggetti che lo utilizzano vengono aggiornati automaticamente. Ciò è particolarmente utile se si desidera applicare le modifiche al design in modo coerente a tutti i layout.
2. lavorare con gli oggetti: Campi, testi, pulsanti
Passo 1: Inserire i campi in un layout
I campi sono elementi centrali di ogni layout, in quanto visualizzano e consentono di inserire i dati nel database.
- Aggiungi campoTrascinare un campo dall'area Elenco dei campi o il Tavolozza degli oggetti nel layout. Posizionarlo dove è necessario.
- Campo formatoPer personalizzare l'aspetto del campo, accedere all'ispettore alla voce Rappresentazione definire il carattere, i colori e i margini. È inoltre possibile aggiungere testi segnaposto per fornire agli utenti istruzioni sui dati da inserire.
- Campi interattiviUtilizzare opzioni avanzate come elenchi a discesa o caselle di controllo per migliorare la facilità d'uso. Queste opzioni si trovano nella sezione Ispettore sotto dati.
Fase 2: Aggiungere i testi
I testi vengono utilizzati per etichettare i campi o per fornire istruzioni all'interno del layout.
- Inserire un oggetto di testoSelezionare nella sezione Tavolozza degli oggetti e fare clic sul layout per aggiungere un campo di testo. Inserire il testo desiderato.
- Formattazione del testoUtilizzare il tasto Ispettoreper regolare il carattere, la dimensione, il colore e altri stili di testo. Collocare il testo in una posizione logica per facilitare la guida dell'utente.
- Testi dinamiciAggiungete i testi dinamici facendo clic su Inserisci > Campo unione e selezionare un campo il cui valore deve essere visualizzato nel testo.
Passo 3: Creare i pulsanti
I pulsanti consentono agli utenti di interagire con il database attivando azioni.
- Pulsante di aggiuntaSelezionare nella sezione Tavolozza degli oggetti lo strumento pulsante e fare clic nel layout per posizionare un pulsante. È possibile etichettare il pulsante con un testo o utilizzare un'immagine.
- Assegnare l'azioneAssegnare un'azione o uno script al pulsante. A tale scopo, selezionare la voce Ispettoresotto Azione per selezionare lo script o la funzione desiderata.
- Personalizzare lo stilePersonalizzare l'aspetto del pulsante facendo clic sul pulsante Ispettore personalizzare i colori, i bordi e i riempimenti. È anche possibile creare un pulsante che cambia quando viene premuto, per dare all'utente un feedback visivo.
Modulo sviluppatore ERP integrato con protocollo di layout
Ulteriori informazioni
3. strumenti e tecniche di modifica del layout
Fase 1: Allineamento e distribuzione degli oggetti
L'allineamento e la distribuzione precisi degli oggetti sono importanti per creare un layout ordinato e professionale.
- Utilizzo degli strumenti di allineamentoSelezionare più oggetti e utilizzare le opzioni di allineamento nella barra degli strumenti per allinearli al bordo sinistro, destro, superiore o inferiore. In questo modo si ottiene un layout pulito e simmetrico.
- Distribuire gli oggettiUtilizzare le opzioni di distribuzione per creare una spaziatura uniforme tra più oggetti. È particolarmente utile se si desidera disporre in modo uniforme una serie di campi o pulsanti.
- Mostra guide e griglieAttivare le guide e la griglia tramite Vista > Guide e griglieper ottenere un aiuto visivo quando si posizionano gli oggetti. Questi ausili aiutano a posizionare con precisione gli oggetti.
Passo 2: raggruppare e bloccare gli oggetti
Il raggruppamento e il blocco degli oggetti facilita la modifica di layout complessi.
- Oggetti del gruppoSelezionare più oggetti e selezionare Disporre > Gruppoper combinarli in un'unica unità. È utile se si desidera spostare o formattare più oggetti contemporaneamente.
- Utilizzare il controllo di livelloRegolare l'ordine degli oggetti spostandoli in avanti o indietro. È possibile controllare questa operazione utilizzando i comandi Disponi > In primo piano o Sullo sfondo.
- Bloccare gli oggettiSe si vuole fare in modo che un oggetto mantenga la sua posizione e le sue dimensioni, bloccarlo tramite Disporre > Bloccare. Gli oggetti bloccati non possono essere spostati o modificati accidentalmente.
gFM-Business Open Source FileMaker Basis-ERP
Il software per il corso intensivo
Scarica gratuitamente
4. utilizzo di immagini e grafici
Passo 1: Inserire le immagini nei layout
Le immagini aggiungono fascino visivo ai layout e possono essere utilizzate per diversi scopi, come il branding o come elementi funzionali.
- Aggiungere un oggetto immagineSelezionare lo strumento immagine dal menu Tavolozza degli oggetti e fare clic sul layout per inserire un'immagine. È possibile selezionare l'immagine da un file o caricarla in un campo contenitore.
- Regolare le dimensioni e la posizione dell'immagineRegolare le dimensioni e la posizione dell'immagine utilizzando gli strumenti della finestra di dialogo Ispettore per assicurarsi che si adatti bene al layout. È inoltre possibile ritagliare o scalare l'immagine per adattarla meglio alle proprie esigenze.
- Utilizzare le immagini come pulsantiÈ inoltre possibile utilizzare le immagini come pulsanti, assegnando loro delle azioni. Questo è un ottimo modo per creare layout interattivi, visivamente accattivanti e funzionali.
Fase 2: Grafica per la visualizzazione dei dati
I grafici sono ideali per visualizzare dati complessi in modo semplice.
- Inserire i diagrammiVai a Inserisci > Diagramma e selezionare il tipo di grafico più adatto ai dati. È possibile utilizzare grafici a barre, grafici a linee, grafici a torta e altro ancora.
- Definire l'origine dei datiSelezionare i campi di dati da visualizzare nel grafico. Possono essere campi della tabella corrente o campi calcolati che rappresentano valori specifici.
- Diagramma di formatoUtilizzare il tasto Ispettoreper regolare i colori, le etichette degli assi e altre proprietà del diagramma. In questo modo si garantisce che il diagramma sia chiaro e informativo.
Fase 3: Utilizzare icone e simboli
Le icone e i simboli sono elementi visivi utili che possono trasmettere rapidamente le informazioni e semplificare la navigazione nel database.
- Inserire le iconeSelezionare lo strumento icona o aggiungere un'icona come oggetto immagine. È possibile utilizzare icone già pronte o caricare grafiche proprie che sottolineino lo scopo del layout.
- Uso dei simboliLe icone possono essere utilizzate per etichettare funzioni come "Salva", "Elimina" o "Modifica". Esse rendono il layout più intuitivo e facile da usare, poiché le icone sono universalmente comprensibili.
- Stilizzazione delle iconeCome per gli altri oggetti, le icone e i simboli presenti in Ispettore personalizzare. Assicuratevi che le dimensioni e il colore delle icone si adattino al resto del layout.
Quattro piattaforme ERP FileMaker per ottimizzare i processi operativi.
Richiesta di informazioni Domande frequenti
- Come si utilizzano i temi in FileMaker per personalizzare l'aspetto dei layout?
- In FileMaker è possibile utilizzare i temi per personalizzare rapidamente il design visivo dei layout. I temi sono modelli di design predefiniti che specificano i colori, i caratteri e la formattazione di campi, pulsanti e altri oggetti del layout. Per utilizzare o modificare un tema, passare alla modalità layout e selezionare "Layout" > "Cambia tema" nel menu. È possibile selezionare il tema appropriato per l'applicazione e applicarlo a tutti i layout per garantire un aspetto coerente.
- In che modo gli stili differiscono dai temi e come posso utilizzare gli stili nel mio layout?
- Gli stili sono formattazioni specifiche che possono essere applicate a singoli oggetti del layout, come campi, pulsanti o testi. Mentre i temi definiscono il design complessivo, gli stili offrono un controllo dettagliato sull'aspetto dei singoli elementi. È possibile modificare lo stile di un oggetto nell'ispettore alla voce "Aspetto" o salvare uno stile personalizzato. L'uso degli stili aiuta a mantenere la coerenza tra i diversi oggetti del layout e consente di applicare rapidamente le modifiche a più oggetti.
- Come posso modificare campi, testi e pulsanti in un layout?
- In modalità layout, è possibile selezionare campi, testi e pulsanti e regolarne le dimensioni, la posizione e la formattazione. Quando si seleziona un oggetto, è possibile spostarlo o ridimensionarlo utilizzando le maniglie presenti sull'oggetto. È possibile utilizzare la barra dell'ispettore per regolare l'aspetto, compresi il carattere, il colore e il bordo. È anche possibile definire azioni per i pulsanti, come l'esecuzione di uno script quando vengono cliccati.
- Come si aggiungono nuovi campi a un layout?
- Per aggiungere un nuovo campo, passare alla modalità layout e fare clic su "Aggiungi campo" nella barra dei campi. Selezionare il campo desiderato dalla tabella sottostante e posizionarlo nel layout. È quindi possibile personalizzare ulteriormente il campo, modificandone la dimensione e la posizione e regolandone l'aspetto con gli stili. La barra dei campi visualizza tutti i campi della tabella sottostante, in modo da poter accedere rapidamente ai dati pertinenti.
- Come si fa a lavorare in modo efficiente con più oggetti in un layout?
- È possibile selezionare più oggetti contemporaneamente trascinando con il mouse un riquadro di selezione intorno agli oggetti oppure tenendo premuto il tasto Maiusc e facendo clic sugli oggetti. Una volta selezionati più oggetti, è possibile spostarli insieme, modificarne le dimensioni o allinearli l'uno all'altro. È anche possibile allineare gli oggetti nel menu "Allinea" o impostare una spaziatura uguale nell'ispettore per creare un layout pulito.
- Come posso allineare e personalizzare gli oggetti nel mio layout?
- FileMaker offre diversi strumenti per allineare e posizionare gli oggetti. In modalità layout, è possibile utilizzare "Allinea" per allineare la posizione degli oggetti ai bordi o al centro del layout. L'ispettore mostra posizioni e dimensioni precise, in modo da poter disporre gli oggetti con precisione millimetrica. È inoltre possibile utilizzare guide e griglie per controllare visivamente il posizionamento degli oggetti e garantire un design uniforme.
- Come posso utilizzare immagini e grafica nei miei layout?
- È possibile inserire immagini e grafici nei layout per migliorarne l'aspetto visivo. In modalità layout, è possibile aggiungere una grafica tramite "Inserisci" > "Immagine" e posizionarla nel layout. Le immagini possono essere utilizzate sia come elementi decorativi che come immagini di sfondo. È possibile regolare il formato dell'immagine nell'ispettore, ad esempio se l'immagine viene allungata, scalata o visualizzata nel suo rapporto originale.
- Come si progetta un layout per dispositivi mobili come iPhone o iPad?
- Quando si crea un layout per FileMaker Go (la versione mobile di FileMaker), è necessario utilizzare modelli speciali in modalità layout ottimizzati per i dispositivi mobili. Questi layout hanno pulsanti più grandi, una navigazione più semplice e sono progettati per l'uso tattile. È inoltre possibile utilizzare lo zoom in modalità layout per simulare la visualizzazione del layout su un dispositivo mobile. È importante seguire i principi del responsive design per garantire che il layout venga visualizzato correttamente su schermi di diverse dimensioni.
- Posso creare pulsanti personalizzati per azioni specifiche?
- Sì, in FileMaker è possibile creare pulsanti personalizzati che eseguono varie azioni. In modalità layout, è possibile inserire un pulsante dalla barra degli strumenti, posizionarlo sul layout e quindi assegnare un'azione o uno script. Ad esempio, è possibile specificare che il pulsante crei un nuovo record, esegua una ricerca o porti l'utente a un altro layout. I pulsanti possono anche essere personalizzati con icone e testo.
- Come posso migliorare i layout con simboli e icone personalizzati?
- È possibile aggiungere simboli e icone personalizzate ai pulsanti e ad altri oggetti di layout per rendere più attraente l'interfaccia utente. In modalità layout, è possibile selezionare la forma di un pulsante nell'ispettore e aggiungere un'icona. È anche possibile caricare le proprie icone e integrarle nei progetti. Le icone aiutano a guidare visivamente gli utenti e a rendere l'applicazione più facile da usare.
- Come si lavora con gli strumenti di modifica del layout, come l'ispettore, la griglia e le guide?
- La barra dell'ispettore di FileMaker è uno strumento centrale per la modifica e la progettazione dei layout. Nell'Inspector è possibile controllare la posizione, la dimensione, la formattazione e l'interattività degli oggetti. È inoltre possibile attivare griglie e guide in modalità layout per allineare con precisione gli oggetti. Questi strumenti aiutano a progettare i layout in modo coerente e a garantire che tutti gli elementi siano disposti perfettamente.
- Posso duplicare i layout e utilizzarli come modelli per altri layout?
- Sì, è possibile duplicare i layout in FileMaker per risparmiare tempo e garantire la coerenza tra i layout. In modalità Layout, scegliete "Layout" > "Gestisci layout" dal menu, quindi selezionate il layout desiderato e fate clic su "Duplica". È quindi possibile modificare e personalizzare il layout duplicato senza modificare il layout originale. Ciò è particolarmente utile se si desidera creare layout simili per diverse tabelle di dati.
2.2 Progettazione e personalizzazione dei layout
Menu
