Leo Studio in un colpo d'occhio

La finestra di Leo Studio#

Quando apri o crei un progetto, Leo Studio mostra tutte le sue zone. Passa con il mouse sulle voci sotto lo schema per accendere la zona corrispondente.

• 1Menu
• 2Barra dei controlli (in alto)
• 3Barra degli strumenti (a sinistra)
• 4Area di progettazione
• 5Proprietà e tavolozza
• 6Codice, uscita e passo passo
• 7Barra di stato

Ogni zona è un pannello: lo puoi spostare trascinandone la barra del titolo, chiudere e riaprire da Visualizza → Pannelli. Se la disposizione si scombina, Visualizza → Ripristina disposizione rimette tutto al suo posto. Con F6 passi al pannello successivo: Leo Studio si usa anche solo con la tastiera.

1 · I menu#

In cima ci sono i menu classici: File (nuovo, apri, salva), Modifica (annulla, copia, incolla), Visualizza (pannelli, temi, modalità essenziale), Formato (allineare e uniformare i controlli, forma della finestra), Esegui (esegui, passo passo, formatta, crea eseguibile), Strumenti (editor dei menu, stile del codice, impostazioni) e Aiuto (guida, scorciatoie, licenza).

2 · La barra dei controlli (in alto)#

Sotto i menu trovi un pulsante per ogni categoria di controlli: Base, Inserimento, Scelta, Contenitori… fino ai Personalizzati, più Preferiti e Recenti quando ci sono. I controlli sono 146, divisi in 21 schede.

Un clic sulla categoria (o il mouse fermo sopra per un attimo) apre una tendina con icona, nome e una breve descrizione di ogni controllo. Poi:

• clic (o Invio) su un controllo: va subito in un posto libero della finestra;
• trascina la voce sulla finestra per metterla esattamente dove vuoi;
• Maiusc+clic: disegni tu il rettangolo del controllo sulla finestra;
• Alt+lettera apre una categoria (per esempio Alt+B = Base).

In fondo alla barra c'è Cerca controllo…: scrivi anche con parole tue, come bottone o foto, e premi Invio per inserire il risultato migliore.

3 · La barra degli strumenti (a sinistra)#

La colonna stretta a sinistra contiene i comandi di tutti i giorni, con l'icona e un'etichetta corta: Nuovo, Apri, Salva · Annulla, Ripeti · Codice · ESEGUI (in rosso), Passo passo, STOP · Crea .exe, e in fondo Comandi (Ctrl+K).

4 · L'area di progettazione#

Al centro c'è la finestra che stai disegnando, su un fondo scuro con una griglia a puntini (ogni 8 pixel).

• Selezionare: clic su un controllo; Ctrl+clic o un rettangolo trascinato per sceglierne più di uno. Il controllo scelto ha un bordo rosso e le maniglie per ridimensionarlo.
• Spostare e ridimensionare: con il mouse, oppure con le frecce (un pixel alla volta); Maiusc+frecce salta sulla griglia, Ctrl+frecce ridimensiona. Mentre trascini compaiono le guide di allineamento rosse con le distanze in pixel.
• Doppio clic su un controllo: Leo Studio scrive per te il gestore del suo evento principale (per un pulsante quando Pulsante1.clic fai) e ti porta nel codice.
• F2: rinomina il controllo. Il nuovo nome cambia anche nel codice.
• Controlli invisibili come Timer, DialogoFile e Suono non stanno sulla finestra: li trovi nella striscia Controlli invisibili sotto di essa.

Con Ctrl+Maiusc+A apri l'anteprima dal vivo: la finestra com'è davvero, senza eseguire il codice, che si aggiorna mentre la modifichi. Esc la chiude.

5 · Proprietà e tavolozza (a destra)#

Il pannello Proprietà#

Mostra il nome del controllo scelto, il suo tipo e tutte le sue proprietà, divise in gruppi (Aspetto, Posizione, Comportamento, Dati), con una casella per cercarle. Un valore non valido si colora d'ambra e non viene applicato. Nella parte Eventi gli eventi che hanno già un gestore sono in rosso grassetto: un doppio clic apre il gestore (o lo crea). Ci arrivi in fretta con F4.

La tavolozza dei colori#

Sotto le proprietà c'è la Tavolozza, come in Visual Basic:

1. scegli in alto se colorare lo SFONDO o il TESTO;

2. fai clic su uno dei 48 colori italiani (passando sopra vedi il nome): il colore va a tutti i controlli selezionati o, se non ne hai selezionato nessuno, alla finestra;

3. oppure scrivi un colore nella casella Codice: #FF8800, 255, 136, 0 o un nome come arancione. Vuoto o predefinito toglie il colore.

Ogni colorazione si annulla con un solo Ctrl+Z, anche quando hai colorato più controlli insieme.

6 · Codice, Uscita, Passo passo#

L'editor del codice#

In basso scrivi il codice degli eventi. L'editor ti aiuta mentre scrivi:

• ogni parola ha il colore della sua categoria: le parole di struttura (se, mentre, fine) in rosso, i testi in ambra, le variabili in giallo tenue, le costanti in verde, gli eventi in rosso chiaro… Sono gli stessi colori degli esempi di questo manuale. F12 passa ai temi bianco e alto contrasto;
• gli errori sono sottolineati in ambra mentre scrivi e una lampadina propone la correzione;
• le coppie di blocco (se … fine) si accendono insieme;
• Ctrl+Maiusc+F formatta il codice: rientra i blocchi e riporta le parole alla forma consigliata;
• scrivendo inizio e premendo Tab ottieni lo schema del programma principale.

Uscita#

Esegui (F5) salva e avvia il programma in una finestra a parte; Stop (Maiusc+F5) lo ferma. Quello che il programma scrive con stampa compare nel pannello Uscita, un terminale con il prompt ›: le domande di chiedi si rispondono lì. Gli errori appaiono con il messaggio completo di Leo.

Passo passo#

Il pannello Passo passo (F10) esegue il programma un'istruzione alla volta: la riga che sta per partire si illumina in arancione, le variabili che cambiano lampeggiano in rosso e un riepilogo dice che cosa è successo («x passa da 1 a 2»). Con Continua (Ctrl+F10) avanza da solo, a cinque velocità, da Molto lenta a Massima. Un doppio clic su una variabile ne mostra la storia. È il modo migliore per capire perché un programma fa quello che fa: lo trovi spiegato meglio in Errori e come leggerli.

Accanto c'è la Cronologia: l'elenco delle modifiche fatte alla finestra, per tornare indietro di più passi.

7 · La barra di stato#

In fondo alla finestra, in maiuscolo, c'è lo stato di Leo Studio: mentre un programma gira l'indicatore diventa arancione. A destra trovi lo stato della licenza («Versione gratuita»): un clic apre le informazioni sulla licenza.

La modalità essenziale#

Se stai iniziando, o vuoi lavorare senza distrazioni, accendi la modalità essenziale da Visualizza. Restano solo gli strumenti principali:

• i controlli Pulsante, Etichetta, CasellaTesto, Immagine, CasellaSpunta, Tela, Timer e Suono;
• nella barra solo Nuovo, Apri, Salva, Annulla, Passo passo, Esegui e Stop;
• testo più grande e brevi suggerimenti al momento giusto.

Le scorciatoie restano tutte attive. Nella barra di stato compare ESSENZIALE.

Le impostazioni#

Strumenti → Impostazioni (Ctrl+,) ha tre schede:

• Aspetto: tema dell'editor e dell'interfaccia, dimensione dell'interfaccia (dall'80% al 200%), Riduci animazioni, modalità essenziale, schermo di riposo;
• Progettazione: passo della griglia e griglia visibile o no;
• Stile del codice: come si scrivono dichiarazioni, parametri ed eventi (vedi Programmazione avanzata).

Nella pagina Editor, alla voce Colori del codice, puoi cambiare il colore, il grassetto e il corsivo di ogni categoria di parole, vedendo subito il risultato.

Le scorciatoie da tastiera#

L'elenco completo, sempre aggiornato, è in Aiuto → Scorciatoie da tastiera.