Android-Programmering

Presentasjon om: "Android-Programmering"— Utskrift av presentasjonen:

1 Android-Programmering
Våren 2014

2 Oversikt Hva et layout er? Vanlige typer Vanlige attributter
LinearLayout RelativeLayout FrameLayout TableLayout Vanlige attributter Size Margin og padding Gravity

3 Hva er et layout? Definerer den visuelle strukturen i et brukergrensesnitt Organiserer elementer til et View Hierarki

4 LinearLayout Horizontal Vertical

5 RelativeLayout

6 FrameLayout

7 TableLayout

8 Vanlige attributter Size Margin og padding Gravity

9 Size

10 Dp (density-independent pixel) til px
px = dp * density density = dpi / 160 0,5 1,0 1,5 2,0 dpi «buckets» = 120, 160, 240 eller 320

11 mdpi xdpi (2x) 1px 1dp

12 Margin og Padding

13 Gravity android:layout_gravity android:gravity android:layout_margin
android:padding

14 Oppsummering Vanlige typer layout Vanlige attributter LinearLayout
RelativeLayout FrameLayout TableLayout Vanlige attributter Size Margin og padding Gravity

15 LinearLayout Gravity Weight Nested layout

16 LinearLayout Horizontal Vertical

17 LinearLayout - Gravity
Horizontal Vertical

18 Relative Layout Relativ posisjonering Relativ alignment
Hva skjer når et view forsvinner?

19 RelativeLayout

20 RelativeLayout Relativ Position Alignment I forhold til Parent Sibling

21 Relativt til sibling android:layout_above android:layout_below
android:layout_toLeftOf android:layout_toRightOf

22 Relativt til parent android:layout_alignParentTop
android:layout_alignParentBottom android:layout_alignParentLeft android:layout_alignParentRight android:layout_centerHorizontal android:layout_centerVertical android:layout_centerInParent

23 Oppsumering Relativ I forhold til Default = top left Position
Alignment I forhold til Parent Sibling Default = top left

24 FrameLayout

25 Oppsumering Overlappende views Posisjoner barn med: android:foreground
android:layout_gravity android:layout_margin android:foreground android:foregroundGravity

26 TableLayout Spanning Shrinking, Stretching og Collapsing

27 TableLayout

28 Oppsumering Hva er TableLayout? Spanning
Shrinking, Stretching og Collapsing

29 Hvilket layout skal man bruke?
Den enkleste som gjør jobben Ytelse

30 Ytelse Viktig når man benytter repeterer ett layout, f.eks. ListView
Færre views = bedre ytelse Færre «measure passes» = bedre ytelse

31 Hvordan gjør Android det?
Measure Layout Draw

32 1 - Measure 2 - Layout 3 - Draw Hello World
<LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" /> /> </LinearLayout> 1 - Measure 2 - Layout 3 - Draw Hello World Width Height Left Top Right Bottom Hello World 65 38 65 38 74 38 65 139 38

33 <LinearLayout xmlns:android="http://schemas. android
android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" /> android:layout_width="wrap_content" /> </LinearLayout> Hello World Width Height Left Top Right Bottom Hello World 646 38 646 38 74 38 646 720 38

34 Hvor mange «measure passes»?
LinearLayout - 1 (2 med weight) RelativeLayout - 2 FrameLayout - 1 TableLayout - 2 (3 med shrinking og stretching)

35 Hierarchy Viewer ViewServer Legg til INTERNET permission i manifestet
Legg til INTERNET permission i manifestet Legg til ViewServer kode i Activity TRENGS IKKE