Göm menyn

Laboration 1 - Enkla komponenter och layout

Android utveckling på IDA

Att starta Android Studio:
I en terminal ge följande kommando:
module add prog/android-studio (kör sen module initadd prog/android-studio så slipper ni skriva det igen)
studio.sh
Första gången du startar android Studio så vill verktyget ladda ner SDK och emulator, du gör detta genom att följa några steg.
Första steget:

Klicka "Next"
Välja "Custom" sen Klicka "Next"
Välj vlafritt tema, sen Klicka "Next"
  • Se till att alla rutor är valda
  • För Andoird SDK Location: Välj: /home/ditt_liu_id/Android/Sdk
Klicka "Next" och vänta en stund :)

Syfte

En layout definierar den visuella strukturen för ett användargränssnitt. Du kan deklarera en layout på flera olika sätt i din här övnigen kommer vi arbete med:

  • Deklarera gränssnittselement i XML
  • Deklara gränssnittselement under körning i java-kod
Android ger dig möjligehetn att använda båda, antigen ensklit eller i kombination. I denna laboration ska du träna på att skapa olika layouter både med java-kod och via xml, samt se lite av de olika ui-komponenter som finns i ramverket.

Uppgift

Du ska återskapa ett av följande tre användargränssnitt. Du ska skapa två exemplar av det, ett med xml och ett med java kod. (Du ska enbart skapa användargränssnitt, inte någon funktionalitet)

Användargränssnitt 1

Användargränssnitt 2

Användargränssnitt 3

Redovisning

Dela din kod med assistenten (epost eller via gitlab.liu.se).

Tips

Att skapa gui i kod görs enklast i metoden protected void onCreate(Bundle savedInstanceState) {
Exempel:

 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  Button myButton = new Button(this);
  myButton.setText("Press me");
  LinearLayout myLayout = new LinearLayout(this);
  myLayout.addView(myButton);
  setContentView(myLayout);
}

Länkar

Android utveckling (bra startpunkt)
Layout på android
Skapa GUI med Java kod

Sidansvarig: Eva Blomqvist
Senast uppdaterad: 2019-11-04