환경 확인

이 글의 내용은 다음과 같은 환경에서 검증되었다.
* Android Studio 3.0.2
* constraint-layout 1.0.2

개시하다

ConstrantLayout에는 다양한 설정 항목이 있습니다.
다음 기사에서 설명한 대로 이번에는 "Margins"에 대해서만 설명하겠습니다.
ConstraintLayout을 이해하기 전에
또한 레이아웃 구성 및 View에 대한 기본 내용은 다음을 참조하십시오.
ConstraintLayout의 Relative positioning의 기본

설정 가능한 항목 및 모양

Margin을 설정하는 항목은 다음과 같습니다.
기본적으로'layout[gone]margin POSITION'의 구성을 채택했다.
"gone"이 있는 항목은 상대적인 위치를 나타내기 위해 설정된 View의 Visivility 속성 값에 따라 유효 및 무효가 결정됩니다.

android:layout_marginStart

android:layout_marginEnd

android:layout_marginLeft

android:layout_marginTop

android:layout_marginRight

android:layout_marginBottom

layout_goneMarginStart

layout_goneMarginEnd

layout_goneMarginLeft

layout_goneMarginTop

layout_goneMarginRight

layout_goneMarginBottom

그럼 제가 설명해 드릴게요.

android:layout_marginStart android：layoutmargin Left layoutgooneMarginStart layoutgoneMarginLeft

설정할 때의 위치에 있는'start'와'left'는 같은 부위를 가리키기 때문에 이 기사에서 단숨에 설명한다.
이 항목을 설정할 때의 외관은 아래 그림과 같다.

Design 태그의 모양새는 다음 그림과 같습니다.
Design 태그에서 "gone"은 변하는 것처럼 보이지만 수치는 100을 유지합니다.실제로 움직이면 그런 동작을 기대하고 있기 때문에 IDE가 고장난 것 같아요.특별히 나무를 만들지 않아도 돼요.

android:layout_marginEnd and android：layoutmarginRight layoutgooneMarginEnd layoutgoneMarginRight

배치할 때의 위치인'end'와'right'는 같은 부위를 가리키기 때문에 이 기사에서 단숨에 설명한다.
이 항목을 설정할 때의 외관은 아래 그림과 같다.

Design 태그의 모양새는 다음 그림과 같습니다.

android:layout_marginTop layoutgoneMarginTop

이 항목을 설정할 때의 외관은 아래 그림과 같다.

Design 태그의 모양새는 다음 그림과 같습니다.

android:layout_marginBottom·layoutgoneMarginBottom

이 항목을 설정할 때의 외관은 아래 그림과 같다.

Design 태그의 모양새는 다음 그림과 같습니다.

총결산

Margins가 그렇게 어려운 내용은 아닌 것 같아요.start와left처럼 동작이 같은 항목이 있지만 설정과 같으면 문제없습니다.

참고 자료

이번에 사용한 아이콘은 Icons8입니다.
Icons8의 라이센스는 CCBY-ND 3.0입니다.
https://icons8.com/
ConstraintLayout
https://developer.android.com/reference/android/support/constraint/ConstraintLayout.html