LEZIONE 10 15/04/2019

Transcript

1 I.I.S. G. COSSALI - ORZINUOVI LEZIONE 10 15/04/2019 Marzo Maggio 2019 Prof. Dario Tomasoni 1

2 ARGOMENTO ANDROID STUDIO E PROGETTAZIONE GRAFICA 2

3 AGGIORNAMENTI 1 Prima o poi è opportuno fare gli aggiornamenti: - Android Studio - SDK 3

4 AGGIORNAMENTI 2 In un momento in cui il vostro collegamento a Internet è libero (magari durante la pausa) fate l update: - SDK Platforms; - SDK Tools; 4

5 PRIMO PROGETTO 1 5

6 PRIMO PROGETTO 2 Qualche secondo di paura 6

7 PRIMO PROGETTO 3 7

8 PRIMO PROGETTO 4???.java = il file che contiene le linee di codice in Java eseguite dalla macchia virtuale ART;???.xml = file che contiene la progettazione grafica di una applicazione; La parte grafica si può strutturare cambiando il codice XML e/o agendo direttamente sul design. 8

9 XML 1 XML (extensible Markup Language) è un meta linguaggio. Può essere definito come un insieme di regole e convenzioni che consentono di descrivere qualunque linguaggio di markup. Esso è quindi basato su marcatori che possono essere definiti in base alle proprie esigenze. 9

10 XML 2 La sintassi di XML è formata essenzialmente da tag i quali possono avere attributi ed eventualmente al proprio interno altri tag. I tag devono essere a coppie, ci deve essere la presenza contemporanea dei tag di apertura e chiusura. La presenza dei tag è necessaria (come in HTML) per dividere il contenuto informativo dalla sintassi utilizzata per rappresentarlo. 10

11 XML 3 <?xml version= 1.0?> <Gran_Premio> <Nazione>Belgio</Nazione> <Circuito>SPA</Circuito> <Anno>2001</Anno> <Griglia_Di_Partenza> <Pilota> <Posizione>1</Posizione> <Nome>Juan Pablo Montoya</Nome> <Vettura>Williams BMW</Vettura> <Tempo> <Tempo> </Pilota> <Pilota> <Posizione>2</Posizione> <Nome>Ralph Shumacher</Nome> <Vettura>Williams BMW</Vettura> <Tempo> <Tempo> </Pilota> <Pilota>... </Pilota> </Griglia_Di_Partenza> </Gran_Premio> 11

12 XML 4 I nomi degli elementi sono case-sensitive. Ogni elemento aperto deve essere chiuso entro la fine del documento. Gli elementi possono essere nidificati, e in tal caso vanno chiusi esattamente nell ordine inverso a quello di apertura. Un documento XML deve avere un unico elemento radice, in cui tutti gli altri sono nidificati 12

13 XML 5 Il tag di apertura di un elemento ha la forma seguente: <nome attributi> nome è il nome dell elemento. attributi è una lista di attributi per l elemento (che può non apparire). Il tag di chiusura corrispondente ha la forma seguente: </nome> Notazione abbreviata dei tag senza valori <nome/> 13

14 XML 6 <?xml version= 1.0?> <Gran_Premio> <Nazione>Belgio</Nazione> <Circuito>SPA</Circuito> <Anno>2001</Anno> <Griglia_Di_Partenza> <Pilota Posizione= 1 Tempo= > <Nome>Juan Pablo Montoya</Nome> <Vettura>Williams BMW</Vettura> </Pilota> <Pilota Posizione= 2 Tempo= > <Nome>Ralph Shumacher</Nome> <Vettura>Williams BMW</Vettura> </Pilota> </Griglia_Di_Partenza> </Gran_Premio> 14

15 XML 7 I nomi degli attributi sono case-sensitive. Lo stesso tag non può contenere due attributi con lo stesso nome. Non sono ammessi attributi senza valore (solo nome). Il valore degli attributi deve essere specificato tra virgolette semplici o doppie. Il valore può contenere riferimenti ad entità. Il valore non può contenere markup, sezioni CDATA o virgolette uguali a quelle iniziali. 15

16 PRIMO PROGETTO 5 TextView = elemento grafico per scrivere un testo; EditText = elemento grafico per inserire un testo; Button = pulsante; Toast = visualizzazione messaggio a video; PROPRIETA : textsize; textstyle; text; layout:width; layout:height; background; editable; enable; password; textalignment; textcolor; id = nome dell oggetto grafico. 16

17 ESERCIZIO 1 TextView + Button Realizzare una piccola applicazione che attraverso il click di un pulsante, mostri o nasconda in modo alternato il testo contenuto in una casella di testo. VARIANTI: a piacimento 17

18 ESERCIZIO 2 2 EditText + 2 Button Realizzare un applicazione che al click del primo pulsante ricopi il contenuto della prima casella di testo nella seconda disabilitando il primo pulsante e abilitando il secondo. Al click del secondo pulsante ricopi il contenuto della seconda casella nella prima disabilitando il secondo pulsante e abilitando il primo. VARIANTI: a piacimento 18

19 ESERCIZIO 3 2 TextView + 1 Button + 1 Random + 1 Toast Realizzare un applicazione che alla pressione di un pulsante generi un numero casuale. Alla prima pressione il numero estratto viene copiato nella prima casella di testo, alla seconda pressione il numero estratto viene copiato nella seconda casella di testo. Se i due numeri sono uguali viene visualizzato un messaggio di Vittoria. Ai successivi click si ricomincia da capo. VARIANTI: a piacimento 19

20 ESERCIZIO 4 Esercizi Liberi - Una piccola calcolatricina? - Modificare colori e dimensioni? - 20