Hoe Android-lay-outs grafisch te bouwen

De officiële Android-ontwikkelingshulpmiddelen werken met de Eclipse Integrated Development Environment-software. Met deze hulpmiddelen kunt u grafische lay-outs voor uw Android-applicaties maken. In Eclipse kunt u Android-lay-outs definiëren met XML-markeringen of visueel met behulp van de grafische lay-outweergave. Elk scherm in een Android-app wordt normaal gesproken weergegeven als een "activiteit". U kunt een lay-out definiëren voor elk van deze schermen en visuele en interactieve elementen voor gebruikersbeheer toevoegen. Sommige ontwikkelaars geven er de voorkeur aan grafische ontwerpen te maken voordat ze deze in Eclipse implementeren, maar dit is niet nodig.

1.

Open uw Android-project in Eclipse. De Package Explorer loopt langs de linkerkant van het Eclipse-venster; lokaliseer uw project erin en open de map "res". In deze map kunt u verschillende toepassingsbronnen modelleren, inclusief lay-outs. Afhankelijk van uw Eclipse-configuratie heeft uw project mogelijk standaard een "lay-out" -map in de map "res"; zo niet, maak er dan zelf een aan door met de rechtermuisknop op de map "res" te klikken, "Nieuw" te kiezen en vervolgens "Map" in de lijst te selecteren. Voer "layout" in om de map te maken. In de lay-outmap kunt u een XML-bestand plaatsen voor elke lay-out die u nodig hebt. Eclipse kan er al een hebben gemaakt met de naam "main.xml", maar u kunt uw eigen maken door met de rechtermuisknop op de lay-outmap te klikken, "Nieuw", vervolgens "Bestand" te kiezen en een naam naar keuze in te voeren. Zorg ervoor dat u uw bestand een ".xml" -extensie geeft.

2.

Open uw XML-lay-outbestand in de Eclipse-editor. U kunt dit doen door erop te dubbelklikken in Package Explorer. De lay-out zou moeten verschijnen in het centrale Eclipse-paneel. Afhankelijk van uw Eclipse-instelling ziet u de XML-code of de grafische weergave van de lay-out. Als de code wordt weergegeven, schakelt u over naar grafisch door op het tabblad "Grafische lay-out" onder aan het editorvenster te klikken. Een grafisch beeld van de schermindeling van uw activiteit samen met bedieningselementen voor het toevoegen en wijzigen van zichtbare elementen moet worden weergegeven. Neem de tijd om vertrouwd te raken met de bedieningselementen.

3.

Voeg elementen van de gebruikersinterface toe vanuit het paletgedeelte van het hulpmiddel Grafisch lay-out. Aan de linkerkant van het middelste deelvenster Eclipse ziet u het gedeelte Palet. Hierbinnen kunt u kiezen uit verschillende interface-elementcategorieën, waaronder formulier-widgets, tekstvelden, lay-outs, afbeeldingen en media. Als u werkt vanuit een ontwerp, kunt u ernaar verwijzen; anders, blader door de lijst en voeg indien nodig elementen toe. Als u een element aan uw lay-out wilt toevoegen, klikt u erop in het gedeelte Palet en sleept u het naar het scherm in het midden van het deelvenster. Het moet verschijnen binnen de bestaande lay-out. Sleep de elementen rond om ze naar wens te positioneren.

4.

Wijzig de eigenschappen van uw lay-outelementen. Zodra u een element in uw lay-out hebt, kunt u de eigenschappen ervan instellen. Klik met de rechtermuisknop op een element in uw lay-out om een ​​lijst met opties weer te geven. U kunt de inhouds- en ID-eigenschappen van elementen bewerken en de typen wijzigen, bijvoorbeeld voor invoerelementen van de gebruiker, zoals tekstvelden. U kunt deze techniek ook gebruiken om de eigenschappen van lay-outelementen, zoals lineaire en rasterlay-outs, te wijzigen.

5.

Sla je lay-out op. Wanneer u rechtstreeks in XML werkt, vergeet u waarschijnlijk minder om uw bestand op te slaan. Zorg er daarom voor dat u dit telkens doet wanneer u grafische wijzigingen in uw lay-outs aanbrengt. Zodra een lay-out er goed uitziet in de editor, compileer en voer je je Android-app uit met de Android Virtual Device (AVD) Manager om ervoor te zorgen dat deze eruitziet en zich gedraagt ​​zoals je verwacht. Verdere wijzigingen aanbrengen aan uw lay-outs, hetzij grafisch, hetzij door de XML-code te bewerken.

Tip

• Hoewel Eclipse het officiële programma is dat wordt aanbevolen voor Android-gebruik, kunnen sommige hulpprogramma's van derde partijen, zoals DroidDraw, het proces van het ontwerpen van lay-outs ondersteunen.

Waarschuwing

• Zorg ervoor dat u uw lay-outs test op echte Android-apparaten en niet alleen in de emulator. Misschien merkt u dat uw apps anders werken tijdens het gebruik.