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 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 ActionBar - Tilpasning ActionBaren er tilpassningsdyktig Definerer rettningslinjer for oppførsel Android tar seg av tilpasningen basert på enhetens egenskaper

8 Tabbed Navigasjon Tabbed navigasjon i actionbaren er nå utgått «deprecated» fra og med Android 5.0 ActionBar inneholder tabbed navigasjon Tabs er plassert direkte på ActionBaren Tilpasser seg tilgjengelig plass på skjermen Tabs kan scrolle

9 ActionBar og Android versjoner Kom med versjon 3.0 Støtter Android 2.1 (API level 7) med ActionBarCompat Finnes alternativer som ActionBarSherlock

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 Splitte ActionBaren Kan benytte rettningslinjer for å splitte ActionBaren i 2 deler

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 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

18 ActionBar Overlay Benytt ActionBar overlay for å gi en bedre skjul/vis håndtering Overlay - skjule/vise ActionBaren uten og endre activity størrelse Legge til overlay med activity stylen Definer en ny style som arver fra Theme.Holo Set windowActionBarOverlay Applikasjonen må håndtere hva som gjør at ActionBaren vises/skjules Vanlig og bruke touch-based events Vanlig og skjule den etter en action item er valgt

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

20 Action View

21 Action Provider

22 Tabbed Action Bar Tabbed action bar – deprecated Alternativ: https://www.youtube.com/watch?v=tRg_eDfQ8fk SlidingTabsBasics: http://developer.android.com/samples/SlidingTabsBasic/index.html SlidingTabsColor: http://developer.android.com/samples/SlidingTabsColors/index.html

23 Oppgave: Ta utgangspunkt i dette eksempelet: SlidingTabsBasics: http://developer.android.com/samples/SlidingTabsBasic/index.html Få det til å se slik ut:

24 Hint: Lage 2 fragment layouts Endre i metodene i klassen SlidingTabsBasicFragment: «getPageTitle» instantiateItem Rydd opp og ta bort logview