Zelfstudie voor Android-lay-outontwerp: alles wat u moet weten



Deze zelfstudie voor het ontwerpen van lay-outs voor Android helpt u te begrijpen hoe lay-outs kunnen worden ontworpen met behulp van de weergaven en de weergavegroepen met een demo.

Als je nieuw bent bij , bent u op de perfecte plek beland om een ​​begin te maken met het leren over het lay-outontwerp. Dit artikel over de zelfstudie over het ontwerpen van Android-lay-outs helpt u bij het oplossen vanenkele handige tips om een ​​beter UI-ontwerp te maken en legt ook uit hoe u een UI ontwerpt.

Ik zal de onderstaande onderwerpen bespreken:





Dus laten we beginnen!

converteer decimaal naar binaire python-code

Zelfstudie voor Android Layout Design: inleiding tot UI-componenten

Over de UI-componenten gesproken, de typische gebruikersinterface van elke Android-applicatie bestaat uit deze componenten:



  • Hoofdactiebalk
  • Bekijk controle
  • Inhoudsgebied
  • Gesplitste actiebalk

Deze spelen een grote rol bij het ontwikkelen van een complexe applicatie. U krijgt hier een duidelijk beeld van wanneer we naar het demo-gedeelte van dit artikel gaan.

Een andere belangrijke factor die helpt bij het aanpassen van het UI-ontwerp, is de weergavecomponent.

Laten we eens kijken wat een weergave is



Zelfstudie voor Android-lay-outontwerp: Keer bekeken

NAAR Visie wordt beschouwd als een basisbouwsteen voor een goede gebruikersinterface die feitelijk is gemaakt op basis van het Bekijk de klas . Deze beslaat een rechthoekig gebied op het scherm en zorgt uiteindelijk voor de afhandeling van tekeningen en gebeurtenissen.

Een weergave is de basisklasse voor widgets, die worden gebruikt om interactieve UI-componenten te maken, zoals knoppen, tekstvelden, enz. Nu we het hebben over het rechthoekige gebied of een kader, het kan een afbeelding zijn, een stuk tekst, een knop of alles wat een Android-applicatie kan weergeven. De rechthoek is hier eigenlijk onzichtbaar, maar elk aanzicht heeft een rechthoekige vorm.

U heeft misschien een vraag, hoe groot kan deze rechthoek zijn?

Het antwoord is dat u het handmatig kunt instellen door de exacte grootte op te geven (met de juiste eenheden) of door een aantal vooraf gedefinieerde waarden te gebruiken. Deze voorgedefinieerde waarden zijn match_parent en wrap_content. Deze passende ouder betekent dat het de volledige beschikbare ruimte op het display van het apparaat zal innemen. Terwijl, de inhoud verpakken verwijst naar het feit dat het slechts zoveel ruimte inneemt als nodig is om de inhoud weer te geven.

Laten we nu eens kijken naar de belangrijkste verschillen tussen View en de ViewGroup.

Visie

  1. Visie objecten zijn de basisbouwstenen van de UI-elementen in Android.
  2. Een weergave is een eenvoudig rechthoekig kader dat reageert op de acties van de gebruiker.
  3. View verwijst naar de klasse android.view.View, de basisklasse van alle UI-klassen.
  4. Voorbeelden zijn EditText, Button, CheckBox, etc ..

ViewGroup

  1. ViewGroup is de onzichtbare container die View en ViewGroup bevat.
  2. ViewGroup is de basisklasse voor de Indelingen .
  3. LinearLayout is bijvoorbeeld de ViewGroup die Button (View) en ook andere Layouts bevat.

Laten we nu verder gaan en de aanwezige lay-outs begrijpen.

Zelfstudie voor Android-lay-outontwerp: Soorten lay-outs

NAAR indeling definieert de structuur voor een gebruikersinterface in de applicatie. Alle elementen in de lay-out zijn opgebouwd met behulp van een hiërarchie van Visie en ViewGroup voorwerpen.

Laten we nu eens kijken hoe we de lay-out kunnen declareren.

U kunt een layout op twee manieren declareren:

  • Declareer UI-elementen in XML. Android biedt een duidelijk XML-vocabulaire dat overeenkomt met de View-klassen en -subklassen, zoals die voor widgets en lay-outs.

Opmerking: U kunt ook de lay-outeditor van Android Studio gebruiken om uw XML-lay-out samen te stellen met een interface voor slepen en neerzetten.

  • Instanteer lay-outelementen op looptijd . De applicatie kan creëren Visie en ViewGroup objecten en manipuleer hun eigenschappen programmatisch.

Laten we de verschillende soorten lay-outs bespreken.

De gebruikersinterface in Android is een hiërarchie van weergaven en weergavegroepen. De ViewGroups zullen tussenliggende knooppunten in de hiërarchie zijn, en de weergaven zullen eindknooppunten zijn.

  • Lineaire lay-out
  • Absolute indeling
  • Relatieve layout
  • Tafel-indeling
  • Frame-indeling

Laten we ze in detail bespreken.

Lineaire lay-out

De lineaire lay-out wordt gebruikt om één element op elke regel te plaatsen. Alle elementen worden dus ordelijk van boven naar beneden geplaatst. Dit is een veel gebruikte lay-out voor het maken van formulieren op Android. Het kan ook een weergavegroep worden genoemd die alle kinderen in één richting, verticaal of horizontaal, uitlijnt.

Absolute indeling

In absolute lay-out kunt u de exacte coördinaten specificeren van elk besturingselement dat u wilt plaatsen. In dit type lay-out kunt u de exacte X- en Y-coördinaten van elk besturingselement opgeven. Hiermee kunt u de exacte locatie van de kinderen specificeren.

Relatieve layout

Een relatieve lay-out is een ViewGroup die onderliggende weergaven in relatieve posities weergeeft. Ukan de positie van de elementen specificeren in relatie tot andere elementen, of in relatie tot de bovenliggende container.

Tafel-indeling

Met behulp van de tabelopmaak kunt u een tabel met rijen en kolommen maken en er elementen in plaatsen. In elke rij kunt u een of meer elementen specificeren. U kunt deze opdracht gebruiken om een ​​nieuwe tabelopmaak te maken.

Frame-indeling

De Frame-indeling wordt gebruikt als u één item op elk scherm wilt weergeven. Met behulp van de frame-indeling kunt u meerdere items hebben.Deze framelay-out is een tijdelijke aanduiding op het scherm die u kunt gebruiken om een ​​enkele weergave weer te geven.

Zelfstudie voor Android-lay-outontwerp: Meeteenheden

Wanneer u de grootte van een element op een Android-gebruikersinterface specificeert, moet u zeker de volgende meeteenheden onthouden.

Eenheid Omschrijving
dp Dichtheid onafhankelijke pixel. 1dp is gelijk aan één pixel op een 160 dpi scherm.
sp Schaal onafhankelijke pixel. Dit lijkt erg op dp, maar alleen dat dit wordt aanbevolen voor het specificeren van lettergroottes.
pt Punt. Een punt wordt gedefinieerd als 1/72 inch.
px Pixel. Komt overeen met werkelijke pixels op het scherm

Laten we nu verder gaan met het laatste onderwerp van dit artikel.

Zelfstudie voor Android-lay-outontwerp: Demo

Laten we in deze demo-sectie kijken hoe u met lay-outs in Android Studio .

Verwijs de naar Android Studio.

Dit is hoe de lay-out eruit ziet. Selecteer gewoon het tekenbaar en je zult een paar klassen vinden, selecteer een andere klasse onder dit tekenbaar. U kunt de lay-outstructuur coderen of u kunt het ontwerp bekijken en de componenten gewoon naar de ontwerpruimte slepen en neerzetten.

Demo - Tutorial voor Android-lay-outontwerp - Edureka

U kunt de componenten die u heeft geselecteerd bekijken onder de componentenboom.

Deze vind je ook in de layout.

  1. Palet : Dit bevat de lijst met weergaven en weergavegroepen die u naar uw lay-out kunt slepen.
  2. Component Boom : Bestaat uit de weergavehiërarchie voor uw lay-out.
  3. Werkbalk : Knoppen om het uiterlijk van de lay-out in de editor te configureren en om enkele lay-outattributen te wijzigen.
  4. Ontwerp-editor : Lay-out in ontwerp- of blauwdrukweergave, of beide. Wordt ook beschouwd als de ontwerpruimte.
  5. Attributen : Het beheert de kenmerken van de geselecteerde weergave.

Hiermee komen we aan het einde van dit artikel over 'Android Layout Design Tutorial'. Ik hoop dat jullie duidelijk zijn met wat er in deze tutorial met jullie is gedeeld.Blijf op de hoogte voor andere blogs en veel succes met je Android Development-carrière.

Nu u de basisprincipes van Android Layout Design begrijpt, kunt u het door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld.

De certificeringstraining voor Android App Development van Edureka is bedoeld voor studenten en professionals die een Android-ontwikkelaar willen worden. De cursus is bedoeld om u een voorsprong te geven in het programmeren in Java en u te trainen in zowel kernconcepten als geavanceerde concepten, samen met een project waarbij van u wordt verwacht dat u een app in Android maakt.

Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van deze 'Android Layout Design Tutorial' -blog en we nemen zo snel mogelijk contact met u op.