https://blog.naver.com/getinthere/221694578995
View Group - 레이아웃 - 뷰들을 담을 수 있다
1.리니어 - 위에서 아래, 왼쪽에서 오른쪽으로 화면을 구성
2.렐러티브 - 프레임 또는 컴포넌트와 관계되어 위치를 지정 (반응형)
3.그리드 - 격자모양으로 원하는 열의 개수를 정할 수 있다
4.제약 -
view - 버튼, 텍스트뷰 등등
전체 레이아웃은 코드로 수정
이렇게 수정
세로 또는 가로방향 세팅
넓이는 부모의 넓이
높이는 컨텐츠의 높이
px는 픽셀단위
dp는 비율
더보기
<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:id="@+id/button7"
android:layout_width="match_parent"
android:layout_height="70dp"
android:text="Button" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_weight="100"
android:orientation="horizontal">
<Button
android:id="@+id/button9"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/button10"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/button11"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="Button" />
<Button
android:id="@+id/button12"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="Button" />
</LinearLayout>
<Button
android:id="@+id/button8"
android:layout_width="match_parent"
android:layout_height="70dp"
android:text="Button" />
</LinearLayout>
weight설정할 때는 해당 넓이나 높이를 0dp로 설정
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"
코어 라이브러리와 같은것
더보기
<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical"
tools:context=".MainActivity">
<!--gravity는 내부배치 -->
<Button
android:id="@+id/button19"
android:layout_width="match_parent"
android:layout_height="300"
android:gravity="right|center"
android:textSize="50sp"
android:text="Button" />
</LinearLayout>
더보기
<?xml version="1.0" encoding="utf-8"?>
<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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<LinearLayout
android:layout_gravity="center"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="match_parent">
<Button
android:id="@+id/button7"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:text="Button"
android:textSize="50sp"
/>
</LinearLayout>
</LinearLayout>
'App > Android' 카테고리의 다른 글
인스타그램 UI 만들기 (0) | 2020.07.09 |
---|---|
200709 / 리니어 레이아웃으로 화면구성 / (0) | 2020.07.09 |
안드로이드 // 기본 세팅 (0) | 2020.07.08 |
안드로이드 개발 가이드 (0) | 2020.07.08 |
안드로이드 설치 (0) | 2020.07.07 |