카테고리

분류 전체보기 (68)
JAVA-기본 (7)
JAVA-AWT (24)
JAVA-클래스의 중요메소드 (23)
JAVA-람다식 (0)
Android Studio (7)
Python (1)
OpenCV (1)
AWS (0)
webrtc (0)
javascript (4)
처리방침 (1)
rss 아이콘 이미지

Search

'ConstraintLayout'에 해당되는 글 1건

  1. 2023.01.07 layout-ConstraintLayout(안드로이드)

layout-ConstraintLayout(안드로이드)

Android Studio/기본1 2023. 1. 7. 13:19 Posted by IT-개발자
반응형

레이아웃 종류는 다음과 같습니다.

ConstraintLayout, LinearLayout(horizontal), LinearLayout(vertical), FrameLayout, TableLayout, TableRow, Space

 

그중에서도 ConstraintLayout을 살펴보도록 하겠습니다.

ConstraintLayout은 여러 View(Button, imageView 등) 컴포넌트들을 객체간에 제약 조건을 설정하여 배치하는 것을 말합니다. ConstraintLayout은 다른 레이아웃들보다 간편하고, 유연한 특징을 가지고 있고 XML을 수정하지 않고 드래그 앤 드롭만을 사용하여 빌드할 수 있는 특징이 있습니다.

 

그러면 실습을 해보도록 하겠습니다.

1. 새로운 Project를 만들겠습니다.
2. 처음 Project를 열고 디자인 activity_main.xml 파일을 열고 디자인 영역을 보면 ConstraintLayout으로 지정되어 있습니다.
3. 중간 영역의 Hello World TextView 영역을 선택하면 위에서 설명드린 가로와 세로에 대한 제약사항이 추가된 것을 확인할  수 있습니다.
4. Button을 추가하기 위해 버튼 컴포넌트를 드래그해서 원하는 위치로 드래그 합니다.
5. 추가한 버튼의 영역을 추가하여 가로, 세로에 대한 제약사항을 추가합니다.
6. 가상머신을 확인할 결과 추가한 버튼 이미지가 원하는 제약사항을 추가한 위치에 있는 것을 확인할 수 있습니다.
7. 그리고 오른쪽 속성 테이블 중 layout 영역에서 기본 영역 사이즈를 지정할 수 있습니다. 만약 가록 layout이 30dp 이라면 양쪽 10dp씩 지정을 하고 나머지 중간 10dp을 기준으로 button 이 지정됩니다.

 

자료가 마음에 드셨다면 자주 찾아주세요^^ 글 올리는데 힘이됩니다.

반응형

'Android Studio > 기본1' 카테고리의 다른 글

layout- LinearLayout(안드로이드)  (1) 2023.01.08
01. 기본 레이아웃 xml 설명  (0) 2022.12.21