Nuovo in 14: Barre dei pulsanti e icone

Version 5

     

     

     

    La nuova barra dei pulsanti permette di definire una riga o una colonna di pulsanti in una volta sola, assegnando a tutti stesse dimensioni e formattazione. La barra è divisa in segmenti, ognuno dei quali contiene un pulsante standard o un pulsante popover (una singola barra dei pulsanti può contenere pulsanti di entrambi i tipi). È anche possibile impostare uno dei pulsanti come "attivo", in genere utilizzato per mostrare l'ultimo pulsante su cui l'utente ha cliccato.

     

    Le barre dei pulsanti sono ideali per la navigazione e funzionano bene anche come sostituto personalizzato di pulsanti di opzione o gruppi di caselle di controllo, per passare da una scheda o un pannello slide a un altro, o in qualsiasi altro caso in cui abbia senso raggruppare i pulsanti con funzionalità simili.


    A ogni pulsante è possibile associare un'icona particolare, scegliendo tra le oltre 140 icone incluse o importandone una personalizzata (in formato PNG o SVG). Queste icone possono essere posizionate in diversi modi rispetto all'etichetta, formattate in modo indipendente e ridimensionate.


    Finora, l'aggiunta di immagini ai pulsanti ha comportato l'assegnazione di un'immagine di riempimento dello sfondo al pulsante stesso o la sovrapposizione di un'immagine distinta sopra il pulsante. Le nuove icone presentano diversi vantaggi rispetto a queste tecniche: consentono di combinare le etichette con le immagini, offrono un maggiore controllo su posizionamento e dimensioni delle immagini e funzionano senza problemi in WebDirect. Inoltre, le icone che si basano su immagini SVG permettono di impostare gli stati di visualizzazione (vedere la pagina successiva).


    Quando si crea una barra dei pulsanti, viene visualizzata la finestra di dialogo Impostazione barra dei pulsanti. Tenere presente che, se si passa da FileMaker Pro a un'altra applicazione, la finestra di dialogo scompare. È possibile riaprirla facendo doppio clic sull'oggetto barra dei pulsanti. In fondo a questa pagina è riportata un'immagine dettagliata della finestra di dialogo.

     

     


     

     

    Obiettivo:

     

    Aggiungere una barra dei pulsanti con icone in cui i pulsanti vengano utilizzati per la navigazione e per cambiare il gruppo trovato.


     

     

    Passi:

     

    1. Andare al formato "Elenco approvazioni | Pro" (nella cartella Pro). È possibile vedere che il formato ha tre pulsanti separati nella sezione Navigazione superiore.

    2. Accedere al modo Formato scheda.


    3. Eliminare i tre pulsanti esistenti dalla sezione Navigazione superiore.
      598-delete+three+buttons.png

    4. Selezionare lo strumento Barra dei pulsanti nella barra degli strumenti.
      599-Button+Bar+Tool.png

    5. Trascinare un rettangolo nella sezione Navigazione superiore per creare una barra dei pulsanti che occupi la stessa area dei tre pulsanti eliminati. Viene visualizzata una finestra di dialogo Impostazione barra dei pulsanti.

      Per impostazione predefinita, la barra dei pulsanti ha 3 segmenti in orizzontale e il primo segmento è selezionato.





      Impostare il primo segmento del pulsante


    6. Selezionare l'opzione che posiziona un'icona a sinistra dell'etichetta del pulsante.



      600-pasted-image-3.png
      La finestra di dialogo visualizza una griglia di icone.



    7. Digitare Contatti per l'etichetta del segmento, quindi premere Invio.


      601-pasted-image-4.png
      L'etichetta viene visualizzata sul segmento del pulsante.



    8. Scorrere l'elenco delle icone e selezionare quella che raffigura la testa di una persona.


      602-pasted-image-5.png
      L'icona viene visualizzata sul segmento del pulsante a sinistra dell'etichetta.



    9. Impostare le dimensioni dell'icona su 18 pt trascinando il cursore o inserendo il valore direttamente nella casella a destra del cursore.

      603-pasted-image-6.png

    10. Cambiare l'azione da "Non fare nulla" a "Istruzione singola". Viene visualizzata una finestra di dialogo Pulsante azione. Questa finestra è una variante del nuovo ambiente Area di lavoro script, descritto in modo più approfondito in una sezione successiva. 



      Cerchiamo di utilizzare il più possibile la tastiera.


    11. Digitare i seguenti caratteri: vaf

      Questo è un acronimo per "Vai al formato". In un elenco a discesa viene visualizzata l'istruzione Vai al formato.


    12. Premere Invio. L'istruzione di script Vai al formato viene aggiunta come singola istruzione di script.


    13. Premere la barra spaziatrice. Viene visualizzato un elenco a discesa con le opzioni per questa istruzione di script.


    14. Selezionare l'opzione Formato... premendo la freccia in giù, quindi premere Invio. Viene visualizzata una finestra di dialogo Specifica formato.


    15. Premere più volte la freccia in giù per scorrere l'elenco dei formati fino al formato "Elenco contatti | Pro".

    16. Premere Invio per salvare le modifiche e chiudere la finestra Specifica formato.


    17. Fare clic su OK per salvare le modifiche e chiudere la finestra Pulsante azione. Per questo pulsante non è disponibile nessun tasto di scelta rapida.



      Il primo segmento del pulsante è completo. Ora passiamo al secondo.





      Impostare il secondo segmento del pulsante


    18. Passare al secondo segmento facendo clic sulla freccia a destra (o segno d'omissione) nella finestra di dialogo Impostazione barra dei pulsanti.


      604-pasted-image-7.png
      Il testo del segmento cambia da "1 di 3" a "2 di 3".




    19. Digitare Le mie approvazioni per l'etichetta del segmento, quindi premere Invio.


    20. Selezionare l'icona con il segno di spunta dall'elenco.

      605-pasted-image-8.png

      Questa volta si eseguirà uno script invece di un'istruzione singola.



    21. Cambiare l'azione da "Non fare nulla" a "Esegui script". Viene visualizzata una finestra di dialogo Specifica script. 


    22. Selezionare il seguente script: "Mostra le mie approvazioni".


    23. Fare clic su OK per salvare le modifiche e chiudere la finestra.



      Il secondo segmento del pulsante è completato. Adesso passiamo al terzo segmento.





      Impostare il terzo segmento del pulsante


    24. Passare al terzo segmento.


    25. Digitare Tutte le approvazioni per l'etichetta del segmento, quindi premere Invio.

    26. Selezionare l'icona con il segno di spunta dall'elenco, come per il secondo pulsante.


    27. Cambiare l'azione da "Non fare nulla" a "Istruzione singola". Viene visualizzata una finestra di dialogo Pulsante azione. 


    28. Digitare i seguenti caratteri: mtr

      In un elenco a discesa viene visualizzata l'istruzione Mostra tutti i record.


    29. Premere Invio. L'istruzione di script Mostra tutti i record viene aggiunta come singola istruzione di script.



      Il terzo segmento del pulsante è completato.


    30. Fare clic su OK per salvare le modifiche e chiudere la finestra Pulsante azione.


    31. Passare al modo Usa e provare i pulsanti nella nuova barra dei pulsanti.

      Ecco come dovrebbe apparire adesso. Nell'esercizio successivo, verrà applicata ancora più formattazione.

    606-button+bar+half+finished.png

     

     

     


     

     

    Suggerimenti


    Adesso che è stata creata la prima barra dei pulsanti, ecco alcuni suggerimenti per il futuro:

     

    • A ogni pulsante vengono assegnate le stesse dimensioni, indipendentemente dalla lunghezza dell'etichetta.


    • Alla barra dei pulsanti e ai relativi divisori, segmenti e icone viene applicato un unico stile; pertanto, ogni pulsante è formattato uniformemente.


    • Un segmento della barra dei pulsanti può essere specificato come attivo. Il segmento attivo può essere specificato selezionandolo dall'elenco oppure specificando una formula composta da una stringa di testo che corrisponde al nome dell'oggetto del segmento.


    • È possibile nascondere i singoli segmenti utilizzando la funzione di visibilità. In questo caso, gli altri segmenti si espandono per riempire l'intera riga o colonna della barra dei pulsanti, invece di visualizzare uno spazio vuoto. La funzione di visibilità può essere applicata anche alla barra dei pulsanti nel suo insieme.

    • A ogni singolo segmento possono essere assegnati una formattazione condizionale e dei trigger di script.


    • I segmenti del pulsante possono essere riordinati facendo clic e tenendo premuto un segmento per un attimo, quindi trascinandolo nella nuova posizione.


    • È possibile eliminare un segmento da una barra dei pulsanti selezionandolo e quindi premendo il tasto Canc.


    • Per i pulsanti normali e per le barre dei pulsanti sono disponibili le stesse combinazioni di icone e testo.



       

    Impostazione barra dei pulsanti


    L'immagine di seguito riporta molte delle possibilità di configurazione disponibili; tuttavia, le sezioni della finestra di dialogo variano a seconda delle opzioni selezionate:

     

    607-pasted-image-2.png