Laste ned presentasjonen
Presentasjon lastes. Vennligst vent
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
Liknende presentasjoner
© 2024 SlidePlayer.no Inc.
All rights reserved.