You will be fine

<Android> 4. RelativeLayout,TableLayout, ScrollView

by BFine

공부(2018~2019) - 스킨변경전/Android

반응형

1. Layout_alignParent

  • layout_alignParentTop/Bottom/Left/Right  : 부모 컨테이너의 상대적 위치를 이용

  • layout_centerVertical/ Horizontal / inParent : 수직 방향, 수평방향 , 정중앙

  • layout_above="@id/참조id값" : 참조한 컨테이너의 위에 위치



2. Layout practical

  • LinearLayout 활용 인적사항 메모지

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.ad_layout.MainActivity">
 
  <LinearLayout
      android:layout_width="361dp"
      android:layout_height="311dp"
      android:layout_marginLeft="25dp"
      android:layout_marginTop="50dp"
      android:background="#c5c3d9"
      android:orientation="vertical">
 
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:layout_marginTop="30dp"
        android:background="#87baaf"
        android:text="인적사항"
        android:textColor="#0a0a09"
        android:textSize="10pt"
        android:textStyle="bold"
        />
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp"
        >
 
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="아이디 : "
          android:textSize="15dp"
          android:layout_marginLeft="60dp"
          />
 
      <EditText
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:hint="아이디"
          android:textSize="15dp" />
    </LinearLayout>
 
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp"
        >
 
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="비밀번호 : "
          android:textSize="15dp"
          android:layout_marginLeft="60dp"
          />
 
      <EditText
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:hint="비밀번호"
          android:textSize="15dp" />
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp"
        >
 
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="이름 : "
          android:textSize="15dp"
          android:layout_marginLeft="60dp"
          />
 
      <EditText
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:hint="이름"
          android:textSize="15dp" />
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
 
      <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="나이 : "
          android:textSize="15dp"
          android:layout_marginLeft="60dp"
          />
 
      <EditText
          android:layout_width="150dp"
          android:layout_height="wrap_content"
          android:hint="나이"
          android:textSize="15dp" />
    </LinearLayout>
 
  </LinearLayout>
 
</LinearLayout>
 
cs


RelativeLayout


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.ad_layout.MainActivity">
 
  <RelativeLayout
      android:layout_width="350dp"
      android:layout_height="350dp"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="59dp"
      android:background="#e1e1aa">
 
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:text="인적사항"
        android:textSize="23dp"
        android:textStyle="bold"
        />
 
    <TextView
        android:id="@+id/iid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/title"
        android:layout_marginLeft="50dp"
        android:layout_marginTop="15dp"
        android:text="아이디  : "
        android:textSize="20dp" />
 
    <EditText
        android:id="@+id/idText"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@id/iid"
        android:layout_alignBottom="@id/iid"
        android:layout_toEndOf="@id/iid"
        android:hint="아이디" />
 
    <TextView
        android:id="@+id/ipw"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/idText"
        android:layout_marginTop="16dp"
        android:layout_toStartOf="@id/idText"
        android:text="비밀번호  : "
        android:textSize="20dp" />
 
    <EditText
        android:id="@+id/pwText"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@id/ipw"
        android:layout_alignBottom="@id/ipw"
        android:layout_toEndOf="@id/ipw"
        android:hint="비밀번호" />
 
    <TextView
        android:id="@+id/iname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toStartOf="@+id/pwText"
        android:text="이름 : "
        android:textSize="20dp" />
 
    <EditText
        android:id="@+id/nameText"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@id/iname"
        android:layout_alignBottom="@id/iname"
        android:layout_toEndOf="@id/iname"
        android:hint="이름" />
 
  </RelativeLayout>
 
</RelativeLayout>
 
cs





실행


                    




2. TableLayout

  • TableRow를 추가하여 내부에 구성 ( 컨테이너가 하나의 테이블 

  • stretchColums="열 번호" : 해당 열이 남은 공간만큼 늘어난다.

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.ad2_table.MainActivity">

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="1번"
            android:textSize="25dp"
            android:background="#e62c26"
            android:layout_weight="1"
            />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2번"
            android:background="#dc750e"
            android:textSize="25dp"
            android:layout_weight="1"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3번"
            android:background="#dcc70e"
            android:textSize="25dp"
            android:layout_weight="1"
            />
    </TableRow>

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="3번"
            android:background="#0e97dc"
            android:textSize="25dp"
            android:layout_weight="1"
            />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="4번"
            android:background="#c40edc"
            android:textSize="25dp"
            android:layout_weight="1"
            />


    </TableRow>

</TableLayout>

실행






3. ScrollView

  • ScrollView : 내용이 부모컨테이너를 넘어서는 경우 스크롤을 이용하여 볼 수 있게 한다.

  • HorizontalScrollView  : 수평 스크롤

    <ScrollView    
       android:layout_width="100dp"
        android:layout_height="100dp">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ㄱㄱㄱㄱㄱ ~~~~"
        />

</ScrollView>
  

실행

  

   


반응형

'공부(2018~2019) - 스킨변경전 > Android' 카테고리의 다른 글

<Android> 6. xml  (0) 2018.04.19
<Android> 5. ConstraintLayout, FrameLayout  (0) 2018.04.17
<Android> 3. Gravity, Margin, Layout_weight  (0) 2018.04.10
<Android> 2. Gradle Scripts  (0) 2018.03.29
<Android> 1. Linerlayout  (0) 2018.03.28

블로그의 정보

57개월 BackEnd

BFine

활동하기

티스토리툴바