Hvordan du lager et gjenbrukbart layout for Android Apps - dummies

Ofte er boksene og knappene i Android-appen din nyttig i mer enn én situasjon. Du kan plassere disse widgetene i en app med et bekreftelsesord. Du kan bruke de samme widgets i en annen app med et bilde av en pizza under widgets. På en eller annen måte er det verdt å lagre layoutet som inneholder disse widgetene. Du lagrer disse widgets i et nytt layoutressursdokument (et blahblah .xml-dokument i res / layout-katalogen).

1. Åpne prosjektet ditt.

2. I forhåndsvisningsskjermen klikker du på et nøytralt sted i den vertikale lineære oppsettet du opprettet.

   Kontroller at du ser oversikten over oppsettet som inneholder både boksene og knappen. Hvis du har problemer med å velge denne utformingen, kan du ignorere forhåndsvisningsskjermen og velge LinearLayout (Vertikal) grenen i komponent-treet.

3. I hovedmenyen til Android Studio velger du Refactor → Refactor This.

   En popup-meny som inneholder stil og layout-alternativene vises.

4. Velg Layout i popup-menyen.

   Dialogboksen Utvid Android-layout vises.

5. Skriv inn navnet på det nye ressursdokumentet i dialogboksen Filnavn.

   Nedenfor ser du reusable_layout. xml .

   Navnet på Android ressursfiler må ikke inneholde store bokstaver. Du kan bruke små bokstaver og understreker. Du kan ikke bruke Javas vanlige "camelCase" navnekonvensjon med navn som reUsableLayout. xml. Og ja, et oppsettfilnavn må slutte med utvidelsen. xml.

   

   Dialogboksen Utdrag Android Layout.

6. Klikk på OK for å lukke dialogboksen.

   App / res / layout-grenen i vinduet Prosjektverktøy har nå et nytt element. Hvis du navngitte filen som instruert i trinn 5, er grenen merket reusable_layout. xml.

7. Dobbeltklikk på reusable_layout. xml-grenen i vinduet Prosjektverktøy.

   Android Studio viser Designer-verktøyet for reusable_layout. xml-fil.

8. Kontroller at Designer-verktøyet er i designmodus (i motsetning til tekstmodus).

   I Design-modus kan du se komponent-treet.

9. Legg merke til etikettene på grenene i komponent-treet.

   Se etter navn som CheckBox, CheckBox2, og knappen.

   For å endre elementets ID, dobbeltklikk det elementet på forhåndsvisningsskjermen. Den resulterende popupmenyen har et tekstfelt som er merket id. Endre hva som er angitt i det aktuelle tekstfeltet.

   

   Komponent-treet.

Gratulerer! Du har en gruppe widgets som du kan bruke og gjenbruke.