레이아웃 : TableLayout, 그리고 FrameLayout의 RelativeLayout

레이아웃은 우리가 테이블에 작업하는 것처럼 내용을 정리할 수있는 매우 특별한 TableLayout입니다. 이러한 유형의 레이아웃을 이용할 수있는 응용 프로그램의 예제는 당신이 내가 당신에게 큰 이미지 TableLayout 이미지를 사용하여 질서정연하게 배열 축소판 일련을 보여주 생각할 수도 있겠지만 갤러리에 의해 제공되는 다음 클릭 수 사용자가.

내용은 테이블에서 행을 식별 TableRow에 TableLayout 덕분에 구성됩니다. 이 개체 내에서 우리는 특정 행을 표시하려면 모든 요소를​​ 넣어.

우리는 지금 4 열로과 네 개의 열이있는 TableLayout을 만들려고 설명의 예를 보여줍니다. (다시 편의를 위해 우리가 andorid.widget를 가져올 .*) 다음과 같이 그것을 창조하기위한 자바 코드는 다음과 같다 :

 TableLayout tableLayout TableLayout = 새 (이);

 





 tableLayout.setGravity (Gravity.TOP);

 







 INT 카운트 = 0;







 에 대한 (INT I = 0; 나는 <4; I + +) {



  



 TableRow TableRow = 새 TableRow (이);

 

  



 tableRow.setGravity (Gravity.CENTER);



  



 {; (J + + INT J = 0 J <4)

 

    



 카운트 + +;



    



 TextView testoCella = 새로운 TextView (이);

 

    



 testoCella.setText ( "셀"+ 셀);

 

    



 testoCella.setPadding (10, 10, 10, 10);



    



 tableRow.addView (testoCella);



  



 }



  



 tableLayout.addView (TableRow);







 }

 

        	





 setContentView (tableLayout);

우리는 이제 코드의 엄격한 분석을 할 거예요. 먼저 화면의 상단에 위치합니다 형식 TableLayout의 개체를 만듭니다. 레이아웃 자체의 공사에 대한 중첩된 두를 사용하여 수행됩니다.
첫 번째 유형의 TableRow 개체를 선언하고, 중력에 대한 우리는 객체 내에 중심 콘텐츠에 속성을 설정합니다.
TextView (우리는 각각의 반복에서 증가 변수 개수를 사용)와 tabeRow을 채울하자에 대한 두 번째의 각 반복에 대한 다음, 세포의 네 모서리에서 10 픽셀의 패딩을 적용하고 마지막으로 기본 위해 만든 TextView의 TableRow을 연결합니다.
TableLayout에 TableRow (중첩된 루프로 만든 우리 TextView 네 명 모두를 포함)에 대한 첫 번째 추가의 끝에서. 마지막으로, 일반적인 명령 setContentView와 함께, 우리는 TableLayout 우리 활동의 창을 만들어 연결

최종 결과는 아래의 스크린샷에 나와 있습니다 :

FrameLayout 및 RelativeLayout : 본 두 레이아웃 이외에 이전에 사용하기 쉬운 두 개 더있다. 첫 번째 레이아웃 기본적인 사실 단 하나의 위젯을 포함할 수 있습니다이며, 화면의 왼쪽 상단에있는 시점에서 가장 큰 사용 가능한 전역 확장됩니다. 두 번째는 크기 조정을하지 않고, 원래 크기로하고, 따라서 함께 창의 요소의 위치입니다.

물론, 윈도우에서, 당신이 기억, 레이아웃 중 하나 이상의 형식을 사용할 수 있지만 다음 방법 setContentView에 인수로 전달됩니다 하나의 레이아웃으로 그들을 통합합니다. 이 예제는 다음 코드에 나와 있습니다 :

 LinearLayout linearLayout1 LinearLayout는 = 새 (이);







 이 레이아웃 삽입 요소에 대한 / / 코드







 TableLayout tableLayout TableLayout = 새 (이);







 이 레이아웃 삽입 요소에 대한 / / 코드









 LinearLayout linearLayoutPrimario LinearLayout = 새 (이);







 linearLayoutPrimario.setOrientation (LinearLayout.VERTICAL);







 linearLayoutPrimario.addView (linearLayout1);







 linearLayoutPrimario.addView (tableLayout);









 setContentView (linearLayoutPrimario);

• <<이전 레슨
• 색인 도움말
• 다음 수업>>