Stap 4: Het aanmaken van lay-outelementen voor onze toepassing
Een UI-element dat moet worden weergegeven op de Gebruikersinterface moet worden opgenomen in de indeling XML-bestand voor dat overeenkomstige activiteit. Onze applicatie is slechts 1 enkele activiteit waarin 3 TextView elementen (statische labels), 2 EditText elementen (tekstvakken) en een knop voor de berekening van het rentebedrag.
Dus, als u de eerder genoemde elementen, schrijven de volgende code in het "activity_main.xml" bestand in de XML-codes.
De bovenstaande 6 regels voor xml veroorzaken de lay-out een TextView (Label) element toevoegen aan de UI. Elke regel met code zorgvuldig observeren:
- Lijn-1 begint het TextView element
- Lijn-2 definieert een unieke id voor dat TextView element.
- Lijn 3 en lijn-4 Geef de breedte en hoogte van het element. De waarde is "wrap_content", die in feite betekent dat de inhoud terugloop moet worden voorzien op basis van de breedte en hoogte van het apparaat.
- Lijn-5 is belangrijk. Hiermee geeft u op welke tekst moet worden weergegeven op de UI voor dit label. Het geeft voor dat aan een resource van de tekenreeks met de naam "hello_world", die is gedefinieerd in het bestand strings.xml met de tag 'string'. Het bestand strings.xml is zoals hieronder getoond. Het bevat de definities van alle de constanten van het koord die in de toepassing worden gebruikt.
- De compiler neemt de tekenreeks bron van dit bestand en vervangt u deze in de lijn 5 van de vorige TextView indeling xml.
- Lijn-6 vertegenwoordigt ook een vergelijkbare syntaxis waarin de eigenschap van de brief van de TextView element is ingesteld met behulp van een resource die is opgeslagen in het bestand "dimens.xml" in de "pensioenensector" tag. Raadpleeg dimens.xml bestand hieronder.
Op een vergelijkbare manier definiëren we ook 2 andere Textviews. Vervolgens definiëren we EditText elementen (tekstvakken) om de input van de gebruiker. Voor het definiëren van een EditText element, is de XML-mark-up zoals hieronder getoond.
- Lijn-10 geeft aan dat het invoertype getal dat decimalen accepteert. Dit helpt om het numerieke toetsenbord in tegenstelling tot de reguliere QWERTY-toetsenbord worden weergegeven wanneer de gebruiker binnen het tekstvak raakt.
Ook hebben we een ander EditText element voor het nemen van de ambtstermijn van de lening moet worden toegevoegd. Vervolgens moeten we verklaren van een verzendknop voor de berekening van de rente. Daarvoor, slepen en neerzetten van een knop op de lay-out van de grafische ontwerper. De XML-mark-up wordt automatisch gegenereerd en is zoals hieronder getoond. (Wijzigingen aanbrengen in de android: tekst zodat deze wordt gelezen uit de middelen van de tekenreeks)
