Condividi tramite

Passaggio 1: creare un progetto e aggiungere etichette al form

  • Articolo

Il primo passaggio nella creazione di un quiz matematico consiste nel creare il progetto e aggiungere etichette al form.

Per creare un progetto e aggiungere etichette al form

  1. Scegliere Nuovo progetto dal menu File.

  2. Se non si utilizza Visual Studio Express, è necessario selezionare prima un linguaggio.Dall'elenco Modelli installati selezionare C# o Visual Basic.

  3. Fare clic sull'icona Applicazione Windows Form, quindi digitare il nome Quiz matematico.

  4. Impostare le proprietà del form:

    1. Impostare la proprietà Text su Quiz matematico.

    2. Impostare le dimensioni su 500 x 400 pixel (larghezza x altezza) utilizzando la proprietà Size o trascinando fino ad avere le dimensioni corrette nell'angolo inferiore sinistro dell'ambiente di sviluppo integrato (IDE).

    3. Per impedire agli utenti di modificare le dimensioni del form, impostare la proprietà FormBorderStyle su Fixed3D e la proprietà MaximizeBox su False.

  5. Trascinare il controllo Label dalla Casella degli strumenti, quindi impostarne le proprietà:

    1. Impostare la proprietà (Name) su timeLabel.Questa etichetta viene visualizzata come una casella nell'angolo superiore destro del form in cui è visualizzato il numero di secondi del conto alla rovescia per il quiz.

    2. Impostare la proprietà AutoSize su False, in modo da poter ridimensionare la casella nel modo desiderato.

    3. Impostare la proprietà BorderStyle su FixedSingle per disegnare una riga intorno alla casella.

    4. Impostare la proprietà Size su 200, 30.

    5. Trascinare l'etichetta nell'angolo superiore destro del form fino a quando non vengono visualizzate le righe dello spaziatore blu.

    6. Cancellare la proprietà Text facendo clic su Text nel finestra Proprietà e premendo il tasto BACKSPACE.

    7. Impostare la dimensione del carattere su 15,75.Fare clic sul segno di addi9zione accanto alla proprietà Font nella finestra Proprietà, in cui sono visualizzate diverse proprietà, tra cui Size, come mostrato nell'immagine seguente.

      Finestra Proprietà con la dimensione carattere visualizzata

      Finestra Proprietà con la dimensione del carattere

  6. Successivamente, trascinare un altro controllo Label dalla Casella degli strumenti, quindi impostarne le proprietà:

    1. Impostare la dimensione del carattere su 15,75.

    2. Impostare la proprietà Text su Tempo rimanente.

    3. Trascinarlo per allinearlo esattamente a sinistra dell'etichetta timeLabel.

  7. Aggiungere ora i controlli per il problema di addizione.Trascinare il controllo Label dalla Casella degli strumenti, quindi impostarne le proprietà:

    1. Impostare la proprietà Text su ?. (punto interrogativo).

    2. Impostare la proprietà AutoSize su False.

    3. Impostare la proprietà Size su 60, 50.

    4. Impostare la dimensione carattere su 18.

    5. Impostare la proprietà TextAlign su MiddleCenter.

    6. Impostare la proprietà Location su 75, 75 per posizionarla sul form.

    7. Impostare la proprietà (Name) su plusLeftLabel.

  8. Selezionare l'etichetta plusLeftLabel e copiarlapremendo CTRL+C oppure scegliendo Copia dal menu Modifica. Effettuare quindi le operazioni seguenti:

    1. Incollarlo tre voltepremendo CTRL+V oppure scegliendo Incolla dal menu Modifica.

    2. Disporre le tre nuove etichette in modo che le caselle si trovino in una riga a destra dell'etichetta plusLeftLabel, utilizzando le righe dello spaziatore per distanziarle e allinearle.

    3. Impostare la proprietà Text della seconda etichetta su + (segno di addizione).

    4. Impostare la proprietà (Name) della terza etichetta su plusRightLabel.

    5. Impostare la proprietà Text della quarta etichetta su = (segno di uguale).

  9. Trascinare un controllo NumericUpDown dalla Casella degli strumenti, quindi eseguire le operazioni seguenti:

    1. Impostare la dimensione carattere su 18, quindi restringerlo in modo che la larghezza sia 100.

    2. Trascinarlo fino a quando non viene allineato con i controlli Label per il problema di addizione.

    3. Impostare la proprietà (Name) su sum.Verranno fornite ulteriori informazioni sul controllo NumericUpDown in seguito. Il quiz dispone ora di una prima riga, come mostrato nell'immagine seguente.

      Prima riga del quiz matematico

      Prima riga del quiz matematico

  10. Selezionare i cinque controlli nel problema di addizione (i quattro controlli Label e il controllo NumericUpDown) e copiarli.Effettuare quindi le operazioni seguenti:

    1. Incollare i controlli per aggiungere cinque nuovi controlli al form.

    2. I controlli dovrebbero essere ancora selezionati, pertanto è possibile fare clic su un solo controllo e trascinare i controlli in posizione in modo che siano allineati sotto i controlli di addizione.Utilizzare le righe dello spaziatore per distanziare sufficientemente le due righe.

    3. Impostare la proprietà Text della seconda etichetta su - (segno di sottrazione).

    4. Assegnare il nome minusLeftLabel alla prima etichetta con il punto interrogativo.

    5. Assegnare il nome minusRightLabel alla seconda etichetta con il punto interrogativo.

    6. Denominare il controllo NumericUpDowndifferenza.

  11. Incollare i cinque controlli altre due volte, quindi eseguire le operazioni seguenti:

    1. Per la terza riga, denominare la prima etichetta timesLeftLabel, impostare la proprietà Text della seconda etichetta su × (segno di moltiplicazione), denominare la terza etichetta timesRightLabel e denominare il controllo NumericUpDownprodotto.

    2. Per la quarta riga, denominare la prima etichetta dividedLeftLabel, impostare la proprietà Text della seconda etichetta su ÷ (segno di divisione), denominare la terza etichetta dividedRightLabel e denominare il controllo NumericUpDownquoziente.

    [!NOTA]

    È possibile copiare il segno di moltiplicazione × e il segno di divisione ÷ da questa esercitazione e incollarli nell'IDE.

  12. È necessario un ultimo controllo sul form: un pulsante per avviare il quiz.Trascinare il controllo Button dalla Casella degli strumenti, quindi impostarne le proprietà:

    1. Impostare la proprietà (Name) su startButton.

    2. Impostare la proprietà Text su Avvia il quiz.

    3. Impostare la dimensione del carattere su 14.

    4. Impostare la proprietà AutoSize su True, in modo che il pulsante venga ridimensionato automaticamente per adattarsi al testo.

    5. Trascinare il pulsante in fondo al form e spostarlo in modo che sia allineato al centro.

  13. Infine, fare clic sul controllo startButton, quindi eseguire le operazioni seguenti:

    1. Impostare la proprietà TabIndex su 1.

    2. Fare clic sul controllo della somma NumericUpDown.

    3. Impostare la proprietà TabIndex su 2.

    4. Impostare gli altri controlli NumericUpDown: impostare la proprietà TabIndex del controllo della differenza su 3, la proprietà TabIndex del controllo del prodotto su 4e la proprietà TabIndex del controllo del quoziente su 5.Il form sarà analogo all'immagine riportata di seguito.

      Form del quiz matematico iniziale

      Form iniziale del quiz matematico

    [!NOTA]

    Lo scopo della proprietà TabIndex è quello di impostare l'ordine dei controlli quando l'utente preme il tasto TAB.Aprire qualsiasi finestra di dialogo (ad esempio, scegliere Apri dal menu File) e premere il tasto TAB alcune volte.Osservare il modo in cui il cursore si sposta da un controllo all'altro ogni volta che si preme il tasto TAB.Quando il form è stato originariamente progettato, un programmatore ha deciso l'ordine dei controlli.

  14. Per vedere come funziona la proprietà TabIndex, salvare ed eseguire il programma, quindi premere il tasto TAB alcune volte.

Per continuare o rivedere l'esercitazione