Hoe maak je een calculatortoepassing met Android Studio (3 / 5 stap)

Stap 3: Stap 3: de User Interface bouwen

1. Selecteer in Android Studio, aan de rechterkant van het venster in Tool knoppen, Project > app > middelen/res > indeling > activity_main.xml. U moeten opmerken dat dit is hetzelfde als de naam die u hebt ingevoerd voor lay-outnaam wanneer u het project aan het maken waren.

2. De pagina van het XML-bestand bevat twee tabbladen eronder. Kies het tabblad ontwerpen die een pagina lijkt op het figuur hierboven moet openstellen.

3. Onder het tabblad palet zijn er talrijke elementen in het ontwerp van de gebruikersinterface. Voor dit project zullen wij enkel gebruiken als tekst zonder opmaak en Button.Click op tekst zonder opmaak en vervolgens op het scherm van de telefoon op de juiste Klik bovenaan op het scherm om de tekstweergave. Op het bodemrecht van het scherm, onder het tabblad Eigenschappen de volgende wijzigingen aanbrengen: ·

4. Breng de volgende wijzigingen aan op het bodemrecht van het scherm, onder het tabblad Eigenschappen

   o indelingsbreedte: – match_parent

   o de tekst ""

   o zwaartekracht-juiste Opmerking-Deze veranderingen ervoor zorgen dat de weergave van de tekst vult de de bovenkant van het scherm en de output van de rekenmachine ligt altijd aan de rechterkant.

5. Klik op de knop en klik dan op de telefoon scherm show op de rechterkant van het palet om een knop. Wijzig de optie tekst op "1" onder tabblad Eigenschappen. Herhaal deze stap totdat u hebben hetzelfde aantal knoppen getoond in figuur 6 en elke keer in plaats van het wijzigen van de optie van de tekst op "1", het omzetten van de werking of het nummer vertegenwoordigt van de knop.