Bentornati in Jetpack Compose.
La barra delle applicazioni superiore è un componente utilizzato per implementare una barra
delle applicazioni superiore, che è un elemento standard nelle applicazioni Material Design.
Questo componente aiuta a fornire un contesto strutturato e di navigazione a un'applicazione.
Per creare una barra delle applicazioni in alto, utilizzeremo la barra delle applicazioni in alto.
Componibile.
Qui lo rimuovo e creo una nuova funzione componibile
per rendere più pulito e comprensibile ogni passaggio.
Inizierò con la creazione di una nuova funzione compostabile, denominata barra delle applicazioni superiore.
E all'interno di questa funzione componibile, creerò Top App Bar.
Approfondiamo il controllo composito della barra delle applicazioni superiore e il clic sinistro del mouse.
Oppure si può passare il mouse e ottenere i dettagli di questa composizione.
Abbiamo il titolo un componibile.
Per il titolo della barra delle applicazioni.
Possiamo usare il composable text per visualizzare qualsiasi testo come titolo.
Il modificatore.
L'icona di navigazione.
Un elemento componibile che specifica l'icona sul lato sinistro della barra delle azioni dell'applicazione.
Un compositore per le icone di azione aggiuntive sul lato destro della barra delle applicazioni.
Quindi l'icona di navigazione a sinistra.
L'icona delle azioni visualizza le icone sul lato destro della finestra, i colori degli inserti e il comportamento di scorrimento.
Visualizziamo un titolo per questa barra delle applicazioni.
Creerò un nuovo testo componibile e qui la barra delle applicazioni in alto.
Un altro parametro che possiamo modificare è il colore di sfondo.
Quindi creerò un inizio con colori uguali a.
Se andiamo alla barra delle applicazioni componibile, vediamo che dobbiamo fornire i colori della barra delle applicazioni in alto, quindi inizierò
con i valori predefiniti della barra delle applicazioni in alto e con i colori della barra delle applicazioni in alto.
All'interno di questa funzione specificherò il colore del contenitore e il colore del titolo.
Da dove ho preso questi.
Per ottenere i colori della barra delle applicazioni superiore, è possibile andare sul controllo e sulla sinistra.
Scorrendo verso il basso è possibile vedere il colore del contenitore, lo scorrimento del contenitore, il colore
della navigazione, dell'icona, il colore del contenuto del titolo e il colore del contenuto dell'icona dell'azione.
Vi sto insegnando a pensare, a risolvere i problemi.
Ok, quindi non sono io a scrivere i codici.
Non sto facendo un copia incolla e una lezione su di loro.
No, vi sto mostrando come pensare, come risolvere i vostri problemi.
Quindi, se devo specificare nuovamente i colori di questa barra superiore,
devo pensare di fornire i colori della barra superiore dell'applicazione.
E da dove li ottengo, posso ottenerli dalle impostazioni predefinite della barra delle applicazioni in alto.
Se vado alle impostazioni predefinite della barra delle applicazioni superiore, posso scorrere verso il basso e impostare i colori della barra delle applicazioni superiore.
All'interno di questo metodo sono presenti i parametri colore
del contenitore, colore del contenitore scorrevole e altre funzioni.
Sono quindi interessato a questo colore di contenitore.
Quindi, all'interno di questo parametro, devo specificare il parametro
colore del contenitore da cui devo specificare i colori.
È possibile ricavarli dal punto di colore, ad esempio il rosso.
È il colore del contenitore.
Per specificare il colore del contenitore del titolo posso impostare il colore punto blu.
Ok, questo è molto semplice.
Eseguiamo questa applicazione dopo aver specificato la barra delle applicazioni superiore come barra delle applicazioni superiore, eseguiamo l'applicazione.
Ed eccoci qui, ragazzi.
È possibile vedere la barra delle applicazioni in alto.
Il colore del contenitore è rosso.
Il colore del contenuto del titolo è blu.
Rendiamolo verde e vediamo se il colore si sposa bene con il blu.
Ed ecco che si va avanti.
Ora va meglio, ok.
Un altro parametro è l'icona di navigazione.
Se andiamo nella barra delle applicazioni, la barra di navigazione superiore.
L'icona di navigazione.
È una funzione componibile e l'unità è uguale a lambda.
Quindi ho bisogno di specificare un altro pulsante composito a forma di icona.
Qui il pulsante dell'icona.
È simile al pulsante, ma con l'icona come simbolo.
Ad esempio, creare un messaggio di brindisi per l'utente.
Si può vedere il toast che dice all'utente.
Si fa clic sull'icona della navigazione.
Circondiamo questo pulsante icona e specifichiamo un'icona al suo interno, perché ho bisogno di visualizzare un'icona.
Quindi, qui il pittore e all'interno del pittore dovrei menzionare la risorsa dell'icona.
Possiamo utilizzare icone già pronte nell'SDK di Android.
Andate quindi nella cartella disegnabile New Vector Asset e nella
clip art cercate menu e selezionate l'icona del menu.
Fare clic su OK.
Fare clic su Avanti e su Fine.
Si può notare che il vettore del menu di base è stato creato.
Passiamo ora all'attività principale e utilizziamo questa risorsa appena creata.
Utilizzerò Painter Resource e otterrò la nostra linea di base disegnabile menu contenuto descrizione
menu Ok, ora eseguiamo la nostra applicazione e vediamo la barra superiore dell'applicazione.
Ed eccoci qui.
Questa è la nostra applicazione.
L'icona del menu è visibile qui.
Fare clic su di esso.
Si fa clic sull'icona della navigazione.
Il messaggio di brindisi appare corretto.
Questa è l'icona di navigazione per creare icone aggiuntive e azioni aggiuntive
per la barra delle applicazioni, possiamo usare le azioni delle azioni.
È necessario specificare un'altra icona per il pulsante.
Copio e incollo questo messaggio di brindisi e lo incollo qui.
Fate clic sull'icona dell'azione qui.
È necessario sostituirla con un'icona contestuale dell'applicazione.
Allo stesso modo dovrei usare il pittore e la descrizione del contenuto.
Creiamo un'altra icona nel drawable nello stesso modo.
Nuova risorsa vettoriale qui Amo questa icona.
Fare clic su OK per costruire la linea di base.
Quindi, fare clic su Fine.
In questo caso è necessario utilizzare la risorsa Painter o la creazione di punti disegnabili.
E la descrizione del contenuto è un'impostazione.
Eseguiamo la nostra applicazione.
Ed eccoci qui.
Possiamo vedere l'azione appena creata.
Fare clic su di esso.
Si fa clic sull'icona dell'azione.
In questo video abbiamo imparato a creare una barra superiore personalizzata per le nostre applicazioni.