Tutorial C++ con Qt - Cronologia

Robi: Aggiunto class wikitable alla terza tabella, eliminati gli altri stili

2014-11-12T21:38:49Z

Aggiunto class wikitable alla terza tabella, eliminati gli altri stili

Robi il 21:34, 12 nov 2014

2014-11-12T21:34:39Z

Robi: Aggiunto class wikitable alla seconda tabella, eliminati gli altri stili

2014-11-12T21:33:04Z

Aggiunto class wikitable alla seconda tabella, eliminati gli altri stili

Robi il 21:29, 12 nov 2014

2014-11-12T21:29:51Z

Robi: Aggiunto class wikitable alla prima tabella, eliminati gli altri stili

2014-11-12T21:26:50Z

Aggiunto class wikitable alla prima tabella, eliminati gli altri stili

Robi il 12:14, 3 nov 2014

2014-11-03T12:14:03Z

Robi il 12:10, 3 nov 2014

2014-11-03T12:10:06Z

Robi: Tutorial su C++ con Qt - Prima parte

2014-11-03T12:08:24Z

Tutorial su C++ con Qt - Prima parte

Mostra modifiche

@@ Riga 456: / Riga 456: @@
 L’utilità di scrivere tutto a blocchi e di dargli un nome quando possibile consiste nel fatto che si possono riutilizzare. Date un’occhiata alla parola ''cout'', ad esempio.
-<pre>  cout << "Ciao, mondo!" << endl;
+<pre>  cout << "Ciao, mondo!" << endl;</pre>
 </pre>
 ''Cout'' in realtà è un blocco di codice di cui non dovete per forza sapere qualcosa. Ossia, non dovete per forza andare a leggere il codice di cui è composto per sapere cosa fa. Il suo compito è facilmente reperibile su un qualsiasi manuale del C++ e adesso ve lo posso semplificare in due parole: ''cout'' riceve le scritte che gli vengono inviate tramite l’operatore “<<” e le invia allo schermo.
 Ossia, se volete comunicare qualcosa a chi sta usando il programma e decidete di comunicarlo facendolo comparire a schermo, vi basta scrivere:
-<pre>  cout << "Ehi, utente di questo programma, ti volevo dire che...";
+<pre>  cout << "Ehi, utente di questo programma, ti volevo dire che...";</pre>
 </pre>
 L’uso di ''cout'' è quindi piuttosto semplice, ma se ci domandassimo ''come fa'' a farlo, allora dovremmo andare a leggerci tutte le decine e decine di righe di codice di cui è composto il blocco che ha nome ''cout''. Adesso stiamo leggendo le righe di cui è composto il blocco di codice che ha nome ''main'', ma per fortuna sono solo 2 e semplici. Con ''cout'' vi assicuro che avremmo da parlarne per settimane! Ma non ci servirebbe a nulla, se non a imparare: per '''usare''' ''cout'' ci basta sapere ''cosa'' fa, e non come fa a farlo.
@@ Riga 519: / Riga 517: @@
 Sorpresi? Il trucco è semplice: la prima riga del nostro programma recita:
-<pre>#include <iostream>
+<pre>#include <iostream></pre>
 </pre>
 ''iostream'' è il nome di un file e in quel file è contenuto il codice che porta il nome ''cout'' e il codice che porta il nome ''endl''.
@@ Riga 531: / Riga 528: @@
 A questo punto abbiamo visto quasi tutto, il resto è molto astratto e ne faremo solo un accenno, per ora:
-{| style="border-spacing:0"
+{| class="wikitable"
 |-
 ! <center>Codice</center>
 ! <center>Cosa fa il compilatore</center>
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | <nowiki>#include <iostream></nowiki>
+| #include &lt;iostream&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | copia-incolla il contenuto del file ''iostream'' al posto di questo rigo
+| copia-incolla il contenuto del file ''iostream'' al posto di questo rigo
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | using namespace std;
+| using namespace std;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | se nel programma trovi alcune parole che sono uguali ai nomi dei blocchi di codice contenuti in ''iostream'' (ad es. ''cout'' o ''endl''), parti dal presupposto che l’utente voglia usare quei blocchi di codice
+| se nel programma trovi alcune parole che sono uguali ai nomi dei blocchi di codice contenuti in ''iostream'' (ad es. ''cout'' o ''endl''), parti dal presupposto che l’utente voglia usare quei blocchi di codice
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | int main() {
+| int main() {
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | definisco una funzione che si chiama ''main''. ''main'' è obbligatoria in un programma C++
+| definisco una funzione che si chiama ''main''. ''main'' è obbligatoria in un programma C++
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | cout…
+| cout…
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | già visto
+| già visto
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | return 0;
+| return 0;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | questo lo vediamo tra poco
+| questo lo vediamo tra poco
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | }
+| <nowiki> } </nowiki>
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine della funzione ''main''. Quando si esce da ''main'' il programma finisce.
+| fine della funzione ''main''. Quando si esce da ''main'' il programma finisce.
 |}
 = Tutorial C++ e Qt: la nostra prima funzione =

@@ Riga 408: / Riga 408: @@
 Confrontiamo i due blocchi di codice:
 {| class="wikitable"
 ! <center>JavaScript</center>
 ! <center>C++</center>
@@ Riga 436: / Riga 438: @@
 Una domanda che potrebbe venire spontanea a qualcuno potrebbe essere: ma come si è permesso Qt di scegliere il nome della funzione al posto mio? Perché ‘main’, tra l’altro? Se ho scelto di chiamare la funzione JavaScript “cambioTesto”, questa non potevo chiamarla ''ciaoMondo''?
-<pre>int ciaoMondo()
+<pre>int ciaoMondo()</pre>
 </pre>
 Beh, purtroppo no. Per capire la risposta torniamo un attimo al programma JavaScript e ricordiamoci come funziona. In realtà il codice JavaScript non esegue fin da subito, ma solo dopo che si è fatto click sul pulsante ''Premimi per cambiare il testo''. Però, se rileggiamo il codice, ci accorgiamo che il codice JavaScript è scritto molte righe sopra l’istruzione ''<input type=”button”…'' Se ci riflettete, questo vuol dire che il browser legge il codice JavaScript, ma lo '''ignora''' finché non riceve il comando di eseguirlo.

@@ Riga 398: / Riga 398: @@
 Esatto, è proprio così: in entrambi i casi c’è un nome seguito da una parentesi aperta e una chiusa:
-<pre>  nome()
+<pre>nome()</pre>
 </pre>
 Bene, per il C++ funziona proprio come per il JavaScript: quando c’è un nome seguito da parentesi '''tonda''', vuol dire che quello è un nome di funzione. La cosa non dovrebbe sorprenderci, visto che entrambi sono stati sviluppati partendo dal linguaggio C e che anche per il linguaggio C le cose stanno in questa maniera!
@@ Riga 411: / Riga 410: @@
+{| class="wikitable"
-{| style="border-spacing:0"
-|-
 ! <center>JavaScript</center>
 ! <center>C++</center>
 |-
-| style="border-top:non0.05pt solid;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | function cambioTesto(){
+| function cambioTesto(){
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | int main()
+| int main() {
-−
-−
 |}

@@ Riga 93: / Riga 93: @@
 {| class="wikitable"
 ! <center>'''Codice'''</center>
 ! <center>'''Spiegazioni'''</center>
@@ Riga 138: / Riga 139: @@
 | fine del blocco ordinato di istruzioni.
 |-
-| Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.
+| &lt;p&gt;Il testo contenuto in questo paragrafo cambier&agrave; quando sar&agrave; premuto il pulsante soprastante.&lt;/p&gt;
 | Questa fa comparire la scritta “Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.”
 |-

@@ Riga 92: / Riga 92: @@
-{| style="border-spacing:0"
+{| class="wikitable"
 |-
-| style="border-top:0.05pt solid #000000;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | <center>'''Codice'''<br/></center>
+| &lt;!DOCTYPE html&gt;
-| style="border:0.05pt solid #000000;  padding:0.097cm" | <center>'''Spiegazioni'''</center>
+| dichiaro che userò la versione HTML nota come HTML5.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;!DOCTYPE html&gt;
+| &lt;html lang="it-IT"&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | dichiaro che userò la versione HTML nota come HTML5.
+| inizio del codice HTML e dichiarazione che userò la lingua italiana.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;html lang="it-IT"&gt;
+| &lt;head&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | inizio del codice HTML e dichiarazione che userò la lingua italiana.
+| inizio delle istruzioni per il browser, ossia quelle che '''non''' riguardano ciò che il browser deve mostrare a chi legge la pagina web, ma quelle che deve sapere per poterla mostrare nella maniera corretta.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;head&gt;
+| &lt;meta charset="utf-8"&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | inizio delle istruzioni per il browser, ossia quelle che '''non''' riguardano ciò che il browser deve mostrare a chi legge la pagina web, ma quelle che deve sapere per poterla mostrare nella maniera corretta.
+| dichiaro che userò la codifica caratteri UTF-8. L’argomento non è difficile, ma lunghissimo e qui non c’è spazio per affrontarlo. Basti sapere che è ''caldissimamente'' raccomandato di scrivere questo rigo, e di scriverlo in '''questo''' punto!, se si dichiara che si userà HTML5. Nei file HTML che non sono scritti in HTML5 di solito si legge la stessa cosa in un’altra forma: &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"&gt;
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;meta charset="utf-8"&gt;
+| &lt;title&gt;JavaScript e HTML5 - un pulsante che non fa quasi niente&lt;/title&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | dichiaro che userò la codifica caratteri UTF-8. L’argomento non è difficile, ma lunghissimo e qui non c’è spazio per affrontarlo. Basti sapere che è ''caldissimamente'' raccomandato di scrivere questo rigo, e di scriverlo in '''questo''' punto!, se si dichiara che si userà HTML5. Nei file HTML che non sono scritti in HTML5 di solito si legge la stessa cosa in un’altra forma: &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"&gt;
+| la scritta che comparirà sulla finestra del browser.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;title&gt;JavaScript e HTML5 - un pulsante che non fa quasi niente&lt;/title&gt;
+| &lt;!-- … --&gt;<br/>
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | la scritta che comparirà sulla finestra del browser.
+| questi sono commenti che servono a rendere più chiaro il codice a chi lo legge e non hanno alcun riflesso sulla pagina web.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;!-- … --&gt;<br/>
+| &lt;script type="text/javascript"&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | questi sono commenti che servono a rendere più chiaro il codice a chi lo legge e non hanno alcun riflesso sulla pagina web.
+| inizio del codice Javascipt. Questo lo guardiamo tutto insieme dopo.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;script type="text/javascript"&gt;
+| &lt;/script&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | inizio del codice Javascipt. Questo lo guardiamo tutto insieme dopo.
+| fine del codice Javascript (vedi rigo precedente).
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;/script&gt;
+| &lt;/head&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine del codice Javascript (vedi rigo precedente).
+| fine delle istruzioni per il browser (vedi qualche rigo sopra).
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;/head&gt;
+| &lt;body&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine delle istruzioni per il browser (vedi qualche rigo sopra).
+| inizio della parte che viene mostrata a chi visita la pagina web.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;body&gt;
+| &lt;div&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | inizio della parte che viene mostrata a chi visita la pagina web.
+| serve a creare un blocco ordinato di righe e a distinguerle da quelle contenute in una altro blocco<div>…</div>
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;div&gt;
+| &lt;label for="cambiaTesto"&gt;Pulsante che modificherà il testo sottostante -->&lt;/label&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | serve a creare un blocco ordinato di righe e a distinguerle da quelle contenute in una altro blocco<div>…</div>
+| Questa fa comparire la scritta “Pulsante che modificherà; il testo sottostante”.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;label for="cambiaTesto"&gt;Pulsante che modificherà il testo sottostante -->&lt;/label&gt;
+| &lt;input type="button" id="cambiaTesto" value="Premimi per cambiare il testo" onclick="cambioTesto();" /&gt;<br/>
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | Questa fa comparire la scritta “Pulsante che modificherà; il testo sottostante”.
+| questa fa comparire il pulsante e definisce anche delle istruzioni su quello che il pulsante deve fare. Esamineremo questa istruzione insieme al blocco Javascript poco sotto.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;input type="button" id="cambiaTesto" value="Premimi per cambiare il testo" onclick="cambioTesto();" /&gt;<br/>
+| &lt;/div&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | questa fa comparire il pulsante e definisce anche delle istruzioni su quello che il pulsante deve fare. Esamineremo questa istruzione insieme al blocco Javascript poco sotto.
+| fine del blocco ordinato di istruzioni.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;/div&gt;
+| Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine del blocco ordinato di istruzioni.
+| Questa fa comparire la scritta “Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.”
-|-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" |
 Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.
-−
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | Questa fa comparire la scritta “Il testo contenuto in questo paragrafo cambierà quando sarà premuto il pulsante soprastante.”
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;/body&gt;
+| &lt;/body&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine della parte che viene mostrata a chi visita la pagina web.
+| fine della parte che viene mostrata a chi visita la pagina web.
 |-
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:none;  padding:0.097cm" | &lt;/html&gt;
+| &lt;/html&gt;
-| style="border-top:none;  border-bottom:0.05pt solid #000000;  border-left:0.05pt solid #000000;  border-right:0.05pt solid #000000;  padding:0.097cm" | fine del codice HTML.
+| fine del codice HTML.
 |}
@@ Riga 1 224: / Riga 1 221: @@
     return segnale_di_ritorno;
+}
-</pre>
+</pre> [[Category:C++|Category:C++]]
-−
 [[Category:C++|Category:C++]]

@@ Riga 1: / Riga 1: @@
-= [[Category:C++]]Tutorial C++ con le librerie Qt =
+= Tutorial C++ con le librerie Qt =
 == Finalità di questo tutorial ==
@@ Riga 1 225: / Riga 1 225: @@
+}
 </pre>

← Versione meno recente		Versione delle 12:10, 3 nov 2014
Riga 1:		Riga 1:
−	= Tutorial C++ con le librerie Qt =	+	= [[Category:C++]]Tutorial C++ con le librerie Qt =

	== Finalità di questo tutorial ==		== Finalità di questo tutorial ==