Android-Programmering Våren 2015. Introduksjon ActionBar  Behovet for forandring  Hva er Android ActionBar  Tilpasning av ActionBar  ActionBar - versjonshåndtering.

Presentasjon om: "Android-Programmering Våren 2015. Introduksjon ActionBar  Behovet for forandring  Hva er Android ActionBar  Tilpasning av ActionBar  ActionBar - versjonshåndtering."— Utskrift av presentasjonen:

1 Android-Programmering Våren 2015

2 Introduksjon ActionBar  Behovet for forandring  Hva er Android ActionBar  Tilpasning av ActionBar  ActionBar - versjonshåndtering

3 Behovet for forandring  Den orginale menyen baserte seg på visse antagelser  Skjermene er for små til å inneholde menyvalg og navigasjon  Dette gjør brukerinteraksjonen ineffektiv  Samme løsning fungerer på alle enheter  Ender opp med design til de «minste» enhetene  Alle enheter har fysiske knapper  Handlinger blir to-trinns

4 Behovet for forandring  Enhetene endrer seg raskt, gamle antagelser er foreldet  Skjermstørrelser blir større  Større plass til elementer på skjermen  Enhetene varierer  Applikasjonene burde tilpasse seg styrker/kapabiliteter til hver enhet  Faser ut fysiske knapper  Onscreen manyvalg og navigasjon gjør brukerinteraksjonen mer effektivt

5 Hva er Android ActionBar?  Et samlingspunkt for brukerinteraksjon  Tradisjonell meny  Støtte for onscreen menyknapper  Variasjon i navigasjon  Applikasjonstittel og ikon  Tilpasser seg forskjeller i skjermstørrelse/orientering

6 ActionBar - Oppbygning  Applikasjonsikon  Applikasjonsikon med «up affordance»  Action Items/icons  Action overflow  Overflow action items  Tittel  View controls  Drop-down menyer 1 1 2 2 3 3 3 4 4 4 5 5 6 6 7 7 8 8

7 Up affordance  Detaljert: https://developer.android.com/design/patterns/navigation.html

8 ActionBar - Tilpasning  ActionBaren er tilpassningsdyktig  Definerer rettningslinjer for oppførsel  Android tar seg av tilpasningen basert på enhetens egenskaper

9 ActionBar og Android versjoner  Kom med versjon 3.0  Støtter Android 2.1 (API level 7) med ActionBarCompat  Finnes alternativer som ActionBarSherlock  Lollipop: Kan lage AppBar med Toolbar widget  Fleksibelt i forhold til layout  Én toolbar kan være aktivitetens ActionBar

10 Oppsumering  Samlingspunkt for brukerinteraksjon  Inneholder en rekke interaksjonsegenskaper  Tilpasser seg forskjellige enheter

11 Se på  Legge til ActionBaren  Legge til Actions  Kontrollere utseende  Gjemme ActionBaren

12 Legge til ActionBaren Benytter den vanlige menyen ActionBar er tilgjengelig ved bruk av Theme.Holo Automatisk når minSdkVersion eller targetSdkVersion 11 benyttes

13 ActionBar bygger på menykonseptet  Fungerer på samme måte som de gamle menyene  Bygge opp ActionBaren  Layouten blir laget gjennom menyressursene  Bruker Activity.onCreateOptionsMenu  Håndtering av manyvalg  Benytter Activity.onOptionsItemSelected  Kan benytte onClick attributten <item android:id="@+id/menuOption1" android:icon="@android:drawable/ic_menu_mapmode" android:title="@string/action_option_1"/> <item android:id="@+id/menuOption2" android:icon="@android:drawable/ic_menu_rotate" android:title="@string/action_option_2"/> public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.main, menu); return true; }

14 Legge Actions til ActionBar  Du kan legge til rettningslinjer for å gjøre menu items ActionBar actions  Kontrolleres gjennom showAction attributen  Always: Ikonet vil alltid vises på ActionBaren  ifRoom: Ikonet vil vises på ActionBaren hvis det er plass  withText: Inkluder tekst hvis det er plass  Kan kombinere verdier med «|»

15 Skjule ActionBar  Skjule ActionBaren med programatisk  Bruk Activity.getActionBar for å få referansen  ActionBar.hide/ActionBar.show for og vise/skjule ActionBaren  ActionBar.isShowing for å avgjøre om den er synlig  Skjule ActionBaren statisk  Benytte Theme.Holo.NoActionBar for aktiviteten  Activity.getActionBar vil returnere null

16 Kontrollere utseende til ActionBar  Kan konfigurere det meste av utseende  Bruk Activity.getActionBar for å få en referanse  Bilder på ActionBaren  setIcon: Kan benytte et annet ikon  setLogo: Større bilde enn et ikon  setBackgroundDrawable: Benytte bitmap eller lignende som bakgrunn  Tittel teksten  setTitle: Endre tittelteksten  setSubtitle: Mindre undertekst  setDisplayShowTitleEnabdled: Vise/skjule tittel og undertekst  Mye mer

17 Oppsumering  Bygger på menykonsepter  Benytter rettningslinjer for å tilpasse seg  Kan gjøre tilpasninger  Overlay gir mer skjermplass til activityen

18 Action View