Android Kotlin Fundamentals 02.1: layout lineare tramite l'editor di layout

Questo codelab fa parte del corso Android Kotlin Fundamentals. Otterrai il massimo valore da questo corso se lavori in sequenza nei codelab. Tutti i codelab del corso sono elencati nella pagina di destinazione di Android Kotlin Fundamentals.

Informazioni importanti

  • Creazione di un'app Android di base in Kotlin.
  • Esecuzione di un'app Android su un emulatore o su un dispositivo.
  • Nozioni di base su LinearLayout.
  • Creazione di un'app semplice che utilizza LinearLayout e TextView.

Obiettivi didattici

  • Come utilizzare View e ViewGroup.
  • Come disporre le visualizzazioni in una Activity utilizzando LinearLayout.
  • Come utilizzare ScrollView per visualizzare contenuti scorrevoli.
  • Come modificare la visibilità di un View.
  • Come creare e utilizzare le risorse stringa e dimensione.
  • Come creare un layout lineare utilizzando l'editor di layout di Android Studio.

In questo lab proverai a:

  • Crea l'app Informazioni su di me.
  • Aggiungi un TextView al layout per visualizzare il tuo nome.
  • Aggiungi un professionista (ImageView.)
  • Aggiungi un elemento ScrollView per visualizzare il testo scorrevole.

Nell'app Informazioni su di me puoi mostrare fatti interessanti su di te o personalizzare l'app per un amico, un familiare o un animale domestico. L'app mostra un nome, un pulsante FINE, un'immagine a forma di stella e del testo scorrevole.

In questa attività creerai il progetto InfoMe di Android Studio.

  1. Se non è già aperto, apri Android Studio.
  2. Se un progetto è già aperto in Android Studio, seleziona File > New > New Project.


  3. Se un progetto non è già aperto, seleziona + Avvia un nuovo progetto Android Studio nella finestra di dialogo Ti diamo il benvenuto in Android Studio.


  4. Nella scheda Telefono e tablet della finestra di dialogo Crea nuovo progetto, seleziona il modello Attività vuota. Fai clic su Avanti.


  5. Nella finestra di dialogo Create New Project (Crea nuovo progetto) imposta i seguenti parametri e fai clic su Finish (Fine).

Attributo

Valore

Nome applicazione

Informazioni su di me

Nome azienda Android

com.android.example.AboutMe (o per il tuo dominio)

Salva posizione

Lascia il percorso predefinito o modificalo nella directory preferita.

Lingua

Kotlin

Livello minimo dell'API

API 19: Android 4.4 (KitKat)

Questo progetto supporterà le app istantanee

Lascia deselezionata questa casella di controllo.

Utilizzare gli artefatti AndroidX

Seleziona questa casella di controllo.

Android Studio richiede alcuni istanti per generare i file di progetto.

  1. Esegui la tua app. Vedrai la stringa "Hello World" sullo schermo vuoto.

Il modello di attività vuota crea una singola attività vuota, Mainactivity.kt. Crea anche un file di layout chiamato activity_main.xml. Il file di layout ha la proprietà principale ConstraintLayout ViewGroup e ha un singolo TextView come contenuto.

In questa attività, modificherai la radice ViewGroup generata in LinearLayout. Puoi anche disporre gli elementi dell'interfaccia utente in verticale.

Visualizza gruppi

Una ViewGroup è una vista che può contenere viste secondarie, che sono altre viste e gruppi di viste. Le viste che compongono un layout sono organizzate come gerarchia di viste, con un gruppo di viste come principale.

In un gruppo di viste LinearLayout, gli elementi dell'interfaccia utente sono disposti in orizzontale o in verticale.

Modifica il layout principale in modo che utilizzi un gruppo di viste LinearLayout:

  1. Seleziona il riquadro Progetto &Android. Nella cartella app/res/layout apri il file activity_main.xml.
  2. Seleziona la scheda Testo e cambia il gruppo di visualizzazione principale da ConstraintLayout a LinearLayout.
  3. Rimuovi TextView. Nell'elemento LinearLayout, aggiungi l'attributo android:orientation e impostalo su vertical.

Prima:

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">

   <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Hello World!"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintLeft_toLeftOf="parent"
       app:layout_constraintRight_toRightOf="parent"
       app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Dopo:

<LinearLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical"
       tools:context=".MainActivity">

</LinearLayout>

L'Editor di layout è uno strumento di progettazione visiva all'interno di Android Studio. Anziché scrivere manualmente il codice XML per creare il layout della tua app, puoi utilizzare l'editor di layout per trascinare gli elementi dell'interfaccia utente nell'editor di progettazione.

Per visualizzare l'editor di layout, fai clic sulla scheda Design. Lo screenshot di seguito mostra le parti dell'editor di layout.

Editor di progettazione. Mostra una rappresentazione visiva del layout dello schermo in Vista struttura, in modalità progetto o entrambe. L'Editor di progettazione è la parte principale dell'Editor layout.

Barra degli strumenti: fornisce pulsanti per configurare l'aspetto del layout nell'editor di progettazione e per modificare alcuni attributi del layout. Ad esempio, per modificare la visualizzazione del layout nell'editor di progettazione, utilizza il menu a discesa Seleziona superficie di progettazione:

  • Utilizza Design per un'anteprima reale del layout.
  • Utilizza Progetto iniziale per vedere solo i contorni per ogni visualizzazione.
  • Usa Design + Progetto per vedere entrambi i display affiancati.

Tavolozza: offre un elenco di viste e gruppi di visualizzazioni che puoi trascinare nel layout o nel riquadro Struttura ad albero dei componenti.

Attributi: mostra gli attributi della vista o del gruppo di vista attualmente selezionati. Per spostarti tra un elenco completo di attributi e quelli di uso comune, utilizza l'icona nella parte superiore del riquadro.

Struttura dei componenti: visualizza la gerarchia di layout come albero di viste. La albero dei componenti è utile quando hai viste piccole, nascoste o sovrapposte che altrimenti non avresti potuto selezionare nell'editor di progettazione.

Passaggio 1: aggiungi una visualizzazione di testo

  1. Se non è già aperto, apri il file res/layout/activity_main.xml.
  2. Passa alla scheda Testo e analizza il codice. Il codice ha un gruppo di visualizzazione principale LinearLayout. (I gruppi di viste sono viste che contengono altre viste.)

    Il LinearLayout ha gli attributi obbligatori layout_height, layout_width e orientation, che sono vertical per impostazione predefinita.
  3. Passa alla scheda Design per aprire l'editor di layout.
  1. Trascina una visualizzazione di testo dal riquadro Tavolozza nell'editor di progettazione.


  2. Vedrai il riquadro Struttura ad albero. La nuova visualizzazione di testo viene inserita come elemento secondario del gruppo di viste principali, che è il LinearLayout.

  3. Apri il riquadro Attributi, se non è già aperto. Per aprire il riquadro, fai doppio clic sul file TextView appena aggiunto nell'editor di progettazione.
  4. Imposta i seguenti attributi nel riquadro Attributi:

Attributo

Valore

ID

name_text

testo

Impostalo sul tuo nome. (Uno dei campi testo mostra un'icona a forma di chiave inglese per indicare che è destinato allo spazio dei nomi tools. Quello senza la chiave inglese è per lo spazio dei nomi android, che è il campo di testo che preferisci.

textAspetto > testoDimensioni

20sp

textAspetto > testoColore

@android:color/black

textAspetto > allineamento testo

Centro

Passaggio 2: crea una risorsa stringa

Nella struttura ad albero, accanto al TextView,, vedrai un'icona di avviso . Per visualizzare il testo dell'avviso, fai clic sull'icona o sul puntatore, come mostrato nello screenshot di seguito.

Per risolvere l'avviso, crea una risorsa stringa:

  1. Nel riquadro Attributi, fai clic sui tre puntini accanto all'attributo text che hai impostato sul tuo nome. Si apre l'editor delle risorse.


  2. Nella finestra di dialogo Risorse, seleziona Aggiungi nuova risorsa > nuovo valore stringa.
  3. Nella finestra di dialogo Nuova risorsa valore stringa, imposta il campo Nome risorsa su name. Imposta il campo Valore della risorsa sul tuo nome. Fai clic su OK. Tieni presente che l'avviso non è più visibile.


  4. Apri il file res/values/strings.xml e cerca la risorsa di stringa appena creata, chiamata name.
<string name="name">Aleks Haecky</string>

Passaggio 3: crea una risorsa di dimensione

Hai appena aggiunto una risorsa utilizzando l'editor delle risorse. Puoi anche estrarre risorse nell'editor di codice XML per creare nuove risorse:

  1. Nel file activity_main.xml, passa alla scheda Testo.
  2. Nella riga textSize, fai clic sul numero (20sp) e digita Alt+Enter (Option+Enter su un Mac). Seleziona Estrai dimensione risorsa dal menu popup.
  3. Nella finestra di dialogo Estrai risorse, inserisci text_size nel campo Nome risorsa. Fai clic su OK.


  4. Apri il file res/values/dimens.xml per visualizzare il seguente codice generato:
<dimen name="text_size">20sp</dimen>
  1. Apri il file MainActivity.kt e cerca il seguente codice alla fine della funzione onCreate(): 
setContentView(R.layout.activity_main)

La funzione setContentView() collega il file di layout con il Activity. Il file specificato per la risorsa di layout è R.layout.activity_main:

  • R è un riferimento alla risorsa. È una classe generata automaticamente con le definizioni di tutte le risorse nella tua app.
  • layout.activity_main indica che la risorsa è un layout denominato activity_main.
  1. Esegui la tua app. Verrà visualizzato un TextView con il tuo nome.

Quando guardi la schermata dell'app, il tuo nome viene inserito nella parte superiore dello schermo, quindi ora aggiungi una spaziatura interna e un margine.

Spaziatura interna e margine

Imbottitura è lo spazio all'interno dei confini di una vista o di un elemento. Si tratta dello spazio tra i bordi della vista e i contenuti della vista, come mostrato nella figura seguente.

Le dimensioni di una vista includono la relativa spaziatura interna. Di seguito sono riportati gli attributi di spaziatura interna più utilizzati:

Margine è lo spazio aggiunto fuori dai bordi della vista. È lo spazio dal bordo della vista all'elemento principale, come mostrato nella figura sopra. Di seguito sono riportati gli attributi a margine più utilizzati:

Passaggio 1: aggiungi la spaziatura interna

Per inserire spazio tra il tuo nome e il bordo superiore della visualizzazione di testo name, aggiungi una spaziatura interna superiore.

  1. Apri il file activity_main.xml nella scheda Design.
  2. Nell'albero dei componenti o nell'editor di progettazione, fai clic sulla visualizzazione di testo per aprire il relativo riquadro Attributi.
  3. Nella parte superiore del riquadro Attributi, fai clic sull'icona a doppia freccia per visualizzare tutti gli attributi disponibili.
  4. Cerca Imbottitura, espandila e fai clic sui tre puntini ... accanto all'attributo top. Viene visualizzata la finestra di dialogo Risorse.
  5. Nella finestra di dialogo Risorse, seleziona Aggiungi nuova risorsa > Nuovo valore dime.
  6. Nella finestra di dialogo Nuova risorsa Valore dimensione, crea una nuova risorsa dimen denominata small_padding con valore 8dp.

    L'abbreviazione dp è l'acronimo di density-independent. Se vuoi che un elemento dell'interfaccia utente abbia le stesse dimensioni su schermate con densità diverse, utilizza dp come unità di misura. Tuttavia, quando specifichi le dimensioni del testo, utilizza sempre sp (pixel scalabili).
  7. Fai clic su OK.

Passaggio 2: aggiungi un margine

Per allontanare il bordo del testo name dal bordo dell'elemento principale, aggiungi un margine superiore.

  1. Nel riquadro Attributi, cerca "margin" per trovare Layout_Margin.
  2. Espandi Layout_Margine e fai clic sui tre puntini ... accanto all'attributo top.
  3. Crea una nuova risorsa dimen denominata layout_margin e configurala come 16dp. Fai clic su OK.

Passaggio 3: aggiungi un carattere

Per migliorare l'aspetto del testo name, utilizza il carattere Roboto Android. Questo carattere fa parte della libreria di assistenza e lo aggiungi come risorsa.

  1. Nel riquadro Attributi, cerca "fontFamily".
  2. Nel campo fontFamily, fai clic sulla freccia menu a discesa, scorri fino in fondo all'elenco e seleziona Altri caratteri.
  3. Nella finestra di dialogo Risorse, cerca rob e scegli Roboto. Nell'elenco Anteprima, seleziona Normale.
  4. Seleziona il pulsante di opzione Aggiungi carattere al progetto.
  5. Fai clic su OK.

Ora la cartella res ha una cartella font che contiene un file di caratteri roboto.ttf. L'attributo @font/roboto viene aggiunto al tuo TextView.

Passaggio 4: estrai lo stile

Uno stile è una raccolta di attributi che specificano l'aspetto e il formato di una vista. Uno stile può includere i colori del carattere, le dimensioni del carattere, il colore di sfondo, la spaziatura interna, il margine e altri attributi comuni.

Puoi estrarre la formattazione del testo name in uno stile e riutilizzarlo per qualsiasi numero di visualizzazioni nella tua app. Il riutilizzo di uno stile dà all'app un aspetto coerente quando disponi di più viste. L'utilizzo degli stili ti consente anche di conservare questi attributi comuni in un'unica posizione.

  1. Fai clic con il pulsante destro del mouse su TextView nell'albero dei componenti e seleziona Refactor > Estrai stile.
  2. Nella finestra di dialogo Estrai stile Android, deseleziona le caselle di controllo layout_width, layout_height e textAlignment. Di solito questi attributi sono diversi per ogni vista, quindi non vuoi che facciano parte dello stile.
  3. Nel campo Nome stile, inserisci NameStyle.
  4. Fai clic su OK.


  5. Uno stile è anche una risorsa, quindi lo stile viene salvato nella cartella res/values/ in un file styles.xml. Apri styles.xml ed esamina il codice generato per lo stile NameStyle, che sarà simile al seguente:
<style name="NameStyle">
   <item name="android:layout_marginTop">@dimen/layout_margin</item>
   <item name="android:fontFamily">@font/roboto</item>
   <item name="android:paddingTop">@dimen/small_padding</item>
   <item name="android:textColor">@android:color/black</item>
   <item name="android:textSize">@dimen/text_size</item>
</style>
  1. Apri activity_main.xml e passa alla scheda Testo. Tieni presente che lo stile generato viene utilizzato nella visualizzazione di testo come style="@style/NameStyle".
  2. Esegui l'app e nota le modifiche al carattere e alla spaziatura interna intorno a TextView.

La maggior parte delle app Android esistenti consiste in una combinazione di visualizzazioni per visualizzare immagini e testo, nonché accettare l'input dell'utente sotto forma di testo o eventi di clic. In questa attività aggiungi una visualizzazione per mostrare un'immagine.

Una ImageView è una visualizzazione per mostrare le risorse delle immagini. Ad esempio, un ImageView può visualizzare risorse Bitmap come PNG, JPG, GIF o WebP oppure una risorsa Drawable come un disegno vettoriali.

Su Android sono disponibili risorse immagine, come icone di esempio, avatar e sfondi. Aggiungerai una di queste risorse alla tua app.

  1. Visualizza il file di layout nella scheda Design, quindi trascina un elemento ImageView dal riquadro Palette fino a sotto name_text nella struttura ad albero dei componenti. Viene visualizzata la finestra di dialogo Risorse.
  2. Seleziona Tracciabile se non è già selezionato.
  3. Espandi android, scorri e seleziona btn_star_big_on. È la stella gialla .
  4. Fai clic su OK.



    L'immagine a forma di stella viene aggiunta al layout sotto il tuo nome. Poiché hai una verticale LinearLayout, le visualizzazioni che aggiungi sono allineate verticalmente.

  5. Passa alla scheda Testo e controlla il codice ImageView generato. La larghezza è impostata su match_parent, quindi la visualizzazione sarà larga quanto l'elemento principale. L'altezza è impostata su wrap_content, quindi la visualizzazione sarà alta quanto i suoi contenuti. Il ImageView fa riferimento al valore di btn_star_big_on disegnabile.
<ImageView
   android:id="@+id/imageView"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   app:srcCompat="@android:drawable/btn_star_big_on" />
  1. Per rinominare il id di ImageView, fai clic con il pulsante destro del mouse su "@+id/imageView" e seleziona Refactor > Rinomina.
  2. Nella finestra di dialogo Rinomina, imposta id su @+id/star_image. Fai clic su Refactoring.


  1. Nella scheda Design, nella struttura dei componenti, fai clic sull'icona di avviso accanto a star_image. L'avviso riguarda un elemento contentDescription mancante, che viene utilizzato dagli screen reader per descrivere immagini all'utente.
  2. Nel riquadro Attributi, fai clic sui tre puntini ... accanto all'attributo contentDescription. Si apre la finestra di dialogo Risorse.
  3. Nella finestra di dialogo Risorse, seleziona Aggiungi nuova risorsa > nuovo valore stringa. Imposta il campo Nome risorsa su yellow_star e il campo Valore risorsa su Yellow star. Fai clic su OK.
  4. Utilizza il riquadro Attributi per aggiungere un margine superiore di 16dp (che è @dimen/layout_margin) a yellow_star per separare l'immagine a stella dal nome.
  5. Esegui l'app. Nell'interfaccia utente della tua app vengono mostrati il tuo nome e l'immagine della stella.

Un ScrollView è un gruppo di viste che consente di scorrere la gerarchia delle viste al suo interno. Una vista di scorrimento può contenere come vista secondaria una sola vista o gruppo di viste. In genere, la vista secondaria è LinearLayout. All'interno di un LinearLayout, puoi aggiungere altre viste.

La seguente immagine mostra un esempio di ScrollView che contiene un LinearLayout che contiene diverse altre viste.

Questa vista di scorrimento contiene un layout lineare che contiene molte altre viste.

In questa attività aggiungerai un elemento ScrollView che consente all'utente di scorrere una visualizzazione di testo che mostra una breve biografia. Se stai facendo scorrere una sola vista, puoi inserirla direttamente nel ScrollView, cosa che fai in questa attività.

Questa proprietà ViewView contiene un singolo TextView

Passaggio 1: aggiungi un valore ViewView che contiene un elemento TextView

  1. Apri il file activity_main.xml nella scheda Design.
  2. Trascina una visualizzazione di scorrimento nel layout trascinandola nell'editor di progettazione o nell'albero dei componenti. Inserisci la visualizzazione di scorrimento sotto l'immagine a stella.
  3. Passa alla scheda Testo per controllare il codice generato.
// Auto generated code
<ScrollView
   android:layout_width="match_parent"
   android:layout_height="match_parent">

   <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="vertical" />
</ScrollView>

L'altezza e la larghezza di ScrollView corrispondono all'elemento principale. Quando la visualizzazione di testo name_text e la visualizzazione immagine star_image hanno utilizzato spazio verticale sufficiente per visualizzare i relativi contenuti, il sistema Android dispone ScrollView per riempire lo spazio rimanente sullo schermo.

  1. Aggiungi un id a ScrollView e chiamalo bio_scroll. L'aggiunta di id a ScrollView conferisce al sistema Android un punto di manipolazione per la vista in modo che, quando l'utente ruota il dispositivo, il sistema mantenga la posizione di scorrimento.
  2. All'interno di ScrollView, rimuovi il codice LinearLayout, perché la tua app avrà una sola vista scorrebile: TextView.
  3. Trascina una TextView dalla Tavolozza nella struttura dei componenti. Inserisci TextView sotto bio_scroll come elemento secondario di bio_scroll.

  4. Imposta l'attributo id della nuova visualizzazione di testo su bio_text.
  5. Poi aggiungi uno stile per la nuova visualizzazione di testo. Nel riquadro Attributi, fai clic sui tre puntini ... accanto all'attributo style per aprire la finestra di dialogo Risorse.
  6. Nella finestra di dialogo Risorse, cerca NameStyle. Seleziona NameStyle dall'elenco e fai clic su OK. La visualizzazione di testo ora utilizza lo stile NameStyle, che hai creato in un'attività precedente.

Passaggio 2: aggiungi la tua biografia alla nuova visualizzazione di testo

  1. Apri strings.xml, crea una risorsa stringa di nome bio e inserisci un lungo testo su di te o su qualsiasi cosa vuoi.

Ecco una biografia di esempio: 

<string name="bio">Hi, my name is Aleks.
\n\nI love fish.
\n\nThe kind that is alive and swims around in an aquarium or river, or a lake, and definitely the ocean.
\nFun fact is that I have several aquariums and also a river.
\n\nI like eating fish, too. Raw fish. Grilled fish. Smoked fish. Poached fish - not so much.
\nAnd sometimes I even go fishing.
\nAnd even less sometimes, I actually catch something.
\n\nOnce, when I was camping in Canada, and very hungry, I even caught a large salmon with my hands.
\n\nI\'ll be happy to teach you how to make your own aquarium.
\nYou should ask someone else about fishing, though.\n\n</string>
  1. Nella visualizzazione di testo bio_text, imposta il valore dell'attributo text sulla risorsa stringa bio che contiene la tua biografia.
  2. Per semplificare la lettura del testo di bio_text, aggiungi una spaziatura tra le righe. Utilizza l'attributo lineSpacingMultiplier e assegnagli un valore 1.2.



    Come nell'editor di progettazione, il testo bio si estende fino ai bordi dello schermo. Per risolvere il problema, puoi aggiungere attributi di spaziatura interna a sinistra, iniziale, destra e fine al LinearLayout principale. Non è necessario aggiungere una spaziatura interna in basso, perché il testo che arriva direttamente agli indicatori in basso segnala all'utente che il testo è scorrevole.
  3. Aggiungi una spaziatura interna iniziale e finale di 16dp alla cartella principale LinearLayout.
  4. Passa alla scheda Testo, estrai la risorsa dimensione e assegnale il nome layout_padding.

  1. Esegui la tua app e scorri il testo.

Complimenti!

Hai creato un'app completa da zero e sembra fantastica.

Progetto Android Studio: Informazioni su di me

All'interno di ScrollView, aggiungi un elemento ImageView sopra TextView. Quando esegui l'app, questa immagine, a differenza della stella, scorre fuori dall'area visibile mentre il testo scorre verso l'alto.

Suggerimento: la vista di scorrimento può avere una sola vista secondaria. Devi aggregare le due viste scorrevoli, ImageView e TextView, in un LinearLayout.

  • ViewGroup è una vista che può contenere altre viste. LinearLayout e ScrollView sono gruppi di visualizzazione.
  • LinearLayout è un gruppo di viste che dispone le viste secondarie in orizzontale o in verticale.
  • Utilizza un ScrollView quando devi mostrare contenuti sullo schermo, come testo lungo o una raccolta di immagini. Una visualizzazione scorrevole può contenere una sola vista secondaria. Se vuoi scorrere più di una vista, aggiungi un ViewGroup come un LinearLayout a ScrollView e inserisci le viste da scorrere all'interno di ViewGroup.
  • L'Editor di layout è un editor di progettazione visiva all'interno di Android Studio. Puoi usare l'editor di layout per creare il layout dell'app trascinando gli elementi dell'interfaccia utente nel layout.
  • Uno stile è una raccolta di attributi che specificano l'aspetto di una vista. Ad esempio, uno stile può specificare il colore, le dimensioni, il colore di sfondo, la spaziatura interna e il margine del carattere.
  • Puoi estrarre e raccogliere tutta la formattazione di una vista in uno stile. Per dare alla tua app un aspetto coerente, riutilizza lo stile per altre viste.

Corso Udacity:

Documentazione per gli sviluppatori Android:

In questa sezione sono elencati i possibili compiti per gli studenti che lavorano attraverso questo codelab nell'ambito di un corso tenuto da un insegnante. Spetta all'insegnante fare quanto segue:

  • Assegna i compiti, se necessario.
  • Comunica agli studenti come inviare compiti.
  • Valuta i compiti.

Gli insegnanti possono utilizzare i suggerimenti solo quanto e come vogliono e dovrebbero assegnare i compiti che ritengono appropriati.

Se stai lavorando da solo a questo codelab, puoi utilizzare questi compiti per mettere alla prova le tue conoscenze.

Rispondi a queste domande

Domanda 1

Quale dei seguenti è un gruppo di viste?

▢ EditText

▢ LinearLayout

▢ TextView

▢ Button

Domanda 2

Quale delle seguenti gerarchie di visualizzazioni elencate non è valida?

▢ LinearLayout > TextView, TextView, ImageView

▢ ScrollView > LinearLayout > TextView, Button, Button, ScrollView > TextView

▢ TextView > TextView, ImageView, ScrollView

Domanda 3

Gli stili sono risorse definite in styles.xml. Gli stili ti consentono di definire i colori, i caratteri, le dimensioni del testo e molte altre caratteristiche di una vista. Vero o falso?

▢ Vero

▢ Falso

Domanda 4

Un ScrollView è un gruppo di viste che può contenere un numero di visualizzazioni o gruppi di viste illimitato. Vero o falso?

▢ Vero

▢ Falso

Domanda 5

Quale elemento dell'interfaccia utente può essere utilizzato per mostrare immagini nella tua app?

▢ TextView

▢ ImageView

▢ Button

▢ ScrollView

Inizia la lezione successiva: 2.2: Aggiungere interattività dell'utente

Per i link ad altri codelab in questo corso, consulta la pagina di destinazione di Android Kotlin Fundamentals.