Android 5 대 레이아웃 방식 상세 설명
선형 레이아웃(LinearLayout):수직 또는 수평 방향 으로 구 성 된 구성 요소 입 니 다.
프레임 레이아웃(FrameLayout):구성 요 소 는 화면 왼쪽 위 에서 구성 요 소 를 배치 합 니 다.
표 레이아웃(TableLayout):행렬 방식 으로 구성 요 소 를 배치 합 니 다.
상대 레이아웃(RelativeLayout):다른 구성 요소 에 대한 레이아웃 방식 입 니 다.
절대 레이아웃(AbsoluteLayout):절대 좌표 에 따라 구성 요 소 를 배치 합 니 다.
1.선형 레이아웃
선형 레이아웃 은 안 드 로 이 드 개발 에서 가장 흔히 볼 수 있 는 레이아웃 방식 으로 수직 또는 수평 방향 으로 구 조 됩 니 다.'안 드 로 이 드:orientation'속성 을 통 해 선형 레이아웃 의 방향 을 설정 할 수 있 습 니 다.속성 값 은 수직(vertical)과 수평(horizontal)두 가지 가 있 습 니 다.
상용 속성:
android:orientation:레이아웃 방향 을 설정 할 수 있 습 니 다.
안 드 로 이 드:gravity:구성 요소 의 정렬 방식 을 제어 합 니 다.
layout_weight:레이아웃 에서 각 구성 요소 의 상대 적 인 크기 를 제어 합 니 다.
첫 번 째 실례
① 효과 그림:
② 핵심 코드 는 다음 과 같다.
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="right"
>
<!-- android:gravity="right" Button -->
<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text=" "
/>
<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text=" "
/>
</LinearLayout>
</LinearLayout>
두 번 째 실례① 효과 그림:
② 핵심 코드:
mian.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<TextView
android:text="red"
android:gravity="center_horizontal"
android:background="#aa0000"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
<!--android:gravity="center_horizontal" -->
<!--layout_weight 。layout_weight 。
layout_weight layout_weight 。
, LinearLayout Button, Button layout_weight 1,
。 layout_weight 0, , ;
layout_weight 0 , layout_weight 0 ,
-->
<TextView
android:text="Teal"
android:gravity="center_horizontal"
android:background="#008080"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"/>
<TextView
android:text="blue"
android:gravity="center_horizontal"
android:background="#0000aa"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
<TextView
android:text="orange"
android:gravity="center_horizontal"
android:background="#FFA500"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_weight="1"
/>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<TextView
android:text="row one"
android:textSize="15pt"
android:background="#aa0000"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<!-- -->
<TextView
android:text="row two"
android:textSize="15pt"
android:background="#DDA0DD"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<TextView
android:text="row three"
android:textSize="15pt"
android:background="#008080"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
<TextView
android:text="row four"
android:textSize="15pt"
android:background="#FFA500"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
/>
</LinearLayout>
</LinearLayout>
2.프레임 레이아웃프레임 레이아웃 은 화면의 왼쪽 상단(0,0)좌표 부터 레이아웃 을 시작 하고 여러 구성 요소 가 겹 쳐 배열 되 며 첫 번 째 로 추 가 된 구성 요 소 는 맨 밑 에 놓 고 마지막 으로 프레임 에 추 가 된 보 기 는 맨 위 에 표 시 됩 니 다.윗 층 은 다음 층 의 컨트롤 을 덮어 씁 니 다.
간단 한 예
① 효과 그림:
② 핵심 코드:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="300dp"
android:layout_height="300dp"
android:background="#00BFFF"
/>
<TextView
android:layout_width="260dp"
android:layout_height="260dp"
android:background="#FFC0CB"
/>
<TextView
android:layout_width="220dp"
android:layout_height="220dp"
android:background="#0000FF"
/>
</FrameLayout>
3.표 레이아웃표 레이아웃 은 보기 의 위 치 를 표시 하 는 ViewGroup 입 니 다.
표 레이아웃 에서 자주 사용 하 는 속성 은 다음 과 같 습 니 다.
android:collapseColumns:지정 한 열 숨 기기
android:shrinkColumns:화면 에 맞 게 지정 한 열 을 줄 이 고 화면 을 짜 내지 않 습 니 다.
android:stretchColumns:지정 한 열 을 빈 부분 으로 채 웁 니 다.
android:layout_column:컨트롤 을 지정 한 열 에 놓 습 니 다.
android:layout_span:이 컨트롤 이 뛰 어 넘 는 열 수
간단 한 열:
① 효과 그림:
② 핵심 코드:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TableRow>
<Button
android:text="Button1"
/>
<Button
android:text="Button2"
/>
<Button
android:text="Button3"
/>
</TableRow>
<TableRow>
<Button
android:text="Button4"
/>
<Button
android:layout_span="2"
android:text="Button5"
/>
</TableRow>
</TableLayout>
4.상대 레이아웃상대 적 인 레이아웃 은 구성 요소 간 의 상대 적 인 위치 에 따라 배치 하 는 것 입 니 다.예 를 들 어 특정한 구성 요소 의 왼쪽,오른쪽,위 와 아래 등 입 니 다.
상대 레이아웃 상용 속성 은 제 블 로그 의:https://www.jb51.net/article/47434.htm을 참고 하 십시오.
간단 한 예
① 효과 그림:
② 핵심 코드:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10px"
>
<TextView
android:id="@+id/tev1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="30dp"
android:text="Please Type Here:"
/>
<EditText
android:id="@+id/tx1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/tev1"
/>
<Button
android:id="@+id/btn1"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_below="@id/tx1"
android:layout_alignParentRight="true"
android:text=" "
/>
<Button
android:id="@+id/btn2"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_below="@id/tx1"
android:layout_toLeftOf="@id/btn1"
android:layout_marginRight="30dp"
android:text=" "
/>
</RelativeLayout>
5.절대 레이아웃절대 레이아웃 은 하위 구성 요소 의 정확 한 X,Y 좌 표를 지정 하여 구성 요소 의 위 치 를 확인 합 니 다.Android 2.0 API 문서 에 이 클래스 가 만 료 되 었 음 을 표시 하고 FrameLayout 또는 RelativeLayout 로 대체 할 수 있 습 니 다.그래서 더 이상 자세히 소개 하지 않 겠 습 니 다.
이상 은 안 드 로 이 드 5 대 레이아웃 에 대한 자료 정리 입 니 다.추 후 관련 자 료 를 계속 보충 하 겠 습 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.