달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

Tab화면 구성하기

   

   

강의 내용

activity_main.xml

직접 코딩하여 작성

Graphical Layout > Composite-TabHost 추가

-<LinearLayout

-<TabWidget

-<FrameLayout

MainActivity.java

//Tabhost객체 생성

//메인액티비티에 탭호스트 등록

//첫번째 Tab작업 (시계)

//두번째 Tab 작업 (버튼)

//초기 보여질 탭 지정(0)

//초기 보여질 탭 변경(1)

   

   

TabHost 구성

TabHost

   

TabWidget

FrameLayout

  

   

TabHost

TabWidget과 FrameLayout으로 구성

XML레이아웃 ID는 반드시 반드시 @android:id/tabhost로 지정

TabWidget

탭버튼 표시

XML레이아웃 ID는 반드시 @androd:id/tabs로 지정

FrameLayout

화면을 구성하는 부분

XML레이아웃 ID는 반드시 @android:id/tabcontent로 지정

   

   

TabHost 구조

   

   

TabHost / TabWidget 계층도

   

   

탭 호스트 사용 절차

1

Tabhost객체 생성

2

TabSpec객체 생성

3

TabSpec객체에 Indicator 설정

TabSpec객체에 Content 설정

4

TabHost에 등록

   

   

 

   

   

출력 결과

xml UI만 작성 후 실행한 화면

   

   

 

Posted by codedragon codedragon

댓글을 달아 주세요

같은 영역에 중첩된 뷰를 이벤트를 통해 이미지뷰가 보였다/사라지게 출력하기

   

   

강의 내용

activity_main.xml

FrameLayout

Graphical Layout > Form Widgets-Button추가

Graphical Layout > image&Media-ImageView 추가

  

MainActivity.java

//이벤트 연결

\res\drawable\southkorea.png

이미지 파일 추가

   

   

 

   

출력 결과

   

 

Posted by codedragon codedragon

댓글을 달아 주세요

2014. 6. 19. 00:36

FrameLayout Development/Android

FrameLayout

 

FrameLayout

여러 자식 뷰들을 겹쳐서 그리고자 할 때 사용하는 레이아웃입니다.

이 레이아웃은 여러 이미지들을 같은 영역에 표시하고자 할 때 사용할 수 있습니다.

 

   

FrameLayout의 주요 레이아웃 특성들

특성이름

적용대상

설명

android:layout_gravity

부모 뷰

다음 상수들 중 하나 또는 여러 개를 '|' 결합한 것 : top, bottom, left, right, center_vertical, fill_vertical, center_horizontal, fill_horizontal, center, fill

부모 안에서 자식 뷰의 중력(정렬 방식)

 

Posted by codedragon codedragon

댓글을 달아 주세요

컨테이너 종류

구분

설명

LinearLayout

박스 모델, 즉 위젯이나 다른 하위 컨테이너가 가로나 세로 방향으로 하나씩 차례로 정렬되는 레이아웃을 지원합니다..

RelativeLayout

자식 뷰들을 상대적인 관계에 따라 배치됩니다.

FrameLayout

여러 자식 뷰들을 겹쳐서 그리고자 할 때 사용하는 레이아웃. 이 레이아웃은 여러 이미지들을 같은 영역에 표시하고자 할 때 사용합니다.

TableLayout

자식 뷰들을 열과 행으로 조직화된 표 형태로 배치합니다.

GridLayout

격자 모양의 표을 만들 수 있는 레이아웃

   

   

Layout 속성

layout_width

fill model 속성으로 넓이 채우기

layout_height

fill model 속성으로 높이 채우기

orientation

방향 설정

padding

여유공간 설정

weight

공간의 가중치 값 설정

layout_gravity

   

부모 컨테이너의 여유 공간에 있는 뷰를 정렬할 때

gravity

뷰에서 표시하는 내용물을 정렬할 때

   

gravity 속성 값

top

buttom

left

right

center_vertical

center_horizontal

fill_vertical

fill_horizontal

center

fill

clip_vertical

clip_horizontal

  

   

 

margin 과 padding

margin

뷰와 부모 사이에 적용되며 패팅은 뷰와 내용물 사이에 적용됩니다.

padding

뷰와 내용물간의 간격을 지정합니다.

버튼의 경우 버튼 내부의 문장과 버튼 테두리와의 간격이 패딩이며 레아웃의 경우 차일드 뷰와의 간격이 패딩이 됩니다.

 

 

   

   

Posted by codedragon codedragon

댓글을 달아 주세요