Android 5 대 레이아웃 방식 상세 설명

11013 단어 Android5 대 포석
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 대 레이아웃 에 대한 자료 정리 입 니 다.추 후 관련 자 료 를 계속 보충 하 겠 습 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기