로그인 바로가기 하위 메뉴 바로가기 본문 바로가기
난이도
심화

안드로이드 앱 프로그래밍

임시 이미지 정재곤
http://www.boostcourse.org/mo316/notice/2546
좋아요 1436 수강생 20099
아래의 글은 BOOSTER 서포터즈로 활동했던 리미(dusdk***)님이
작성한 부스트코스 후기입니다.
여러분들의 성원에 더 노력하는 부스트코스가 되겠습니다.
감사합니다.
******************************************
1)링크:https://blog.naver.com/dusdkfla/221795248226
2)작성날짜: 20/02/03
<본문내용>

안녕하세요~ 이번 포스팅은 제약 레이아웃에 대한 내용입니다

제약 레이아웃(ConstraintLayou)

프로젝트를 처음 만들었을 때 자동으로 만들어지는 레이아웃입니다.

자동으로 만들어진 XML 레이아웃 파일인 activity_main.xml 파일을 열어보면 가장 바깥에 있는 최상위 태그가 ConstraintLayout인 것을 확인할 수 있습니다.

이 레이아웃이 최상위 레이아웃이라는 것을 알 수 있죠.

제약 레이아웃을 더 자세히 알기 위해서는 제약조건에 대해 알아야합니다.

제약조건

화면에 위치할 뷰들을 어느 위치에 자리잡게할지 다른 뷰나 부모 레이아웃과의 정해진 위치로 결정하게 해주는 조건입니다.

제약조건은 안드로이드의 design화면에서 선으로 나타납니다.

위 사진에서 왼쪽 상단에 자석모양의 버튼을 볼 수 있습니다.

자석 버튼을 활성화 시킨 후 뷰를 드래그하여 위치시키면 자동으로 제약조건을 만들어줍니다.

비활성화 시킨 후 위치시키면 제약조건이 생성되지 않아 수동으로 만들어줘야 합니다.

주의해야할 점!

제약조건은 그 뷰의 위치를 결정할 만큼 만들어져야 한다는 것입니다.

예를 들어, 버튼의 연결선을 버튼의 왼쪽 연결점과 부모 레이아웃의 왼쪽 면과 연결하도록 하나만 만들었다면 이 버튼의 위치는 결정할 수 없게 됩니다.

왜냐하면, 이 상태에서는 버튼이 위, 아래 공간 중에서 어디에 위치하도록 할 것인지 알 수 없기 때문입니다.

코드로 보기

아래 코드를 보면 2번째 라인에 ConstraintLayout이라고 되어있는 태그를 확인할 수 있습니다.

ConstraintLayout안에 TextView가 위치해 있는데 이 태그 속성으로 layout_constraint~가 상하좌우로 있습니다.

이 속성들의 값으로 "parent"라고 되어있는데 이는

현재 뷰를 포함하고있는 부모와 제약조건을 달겠다는 뜻 입니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

이번 포스팅을 통해 ConstraintLayout에 대해 배워봤습니다!

더 자세한 내용이 궁금하다면 아래 링크의 강의를 참고해 보시면 좋을 것 같습니다~

 


*********************************************