[Android] 제약 레이아웃 사용하기(ConstraintLayout)

• ConstaintLayout 사용하기
  

1. Button 생성 -> 버튼에 연결점을 사용하여 위에 레이아웃과 붙여 본다.

2. 점을 누르면 Margin의 값을 16->8로 변경하여 버튼의 위치를 결정할 수 있다.

예를 들어) 왼쪽 벽면 레이아웃과 점을 연결 시키고, 위쪽 벽면 레이아웃과 점을 연결시킨 다음에 버튼의 크기를 늘리면, 그 버튼이 연결시킨 점과 연결되어 버튼의 위치가 결정 된다.

다른 뷰의 연결선과 연결선을 결정 할 수 있다. 예를 들어 ) bt1, bt2 가 있는데, bt1과 b2를 제약 레이아웃으로 연결할 수 있다.  큰 레이아웃과 연결 시키고 점을, 버튼 끼리 점을 연결 시킬 수 있다.

 자석 모양의 역할: 자석 모양을 풀고 버튼을 갖다 놓으면 연결선이 자동으로 완성 된다.

예를 들어) 버튼 하나를 왼쪽 벽과 ,오른쪽 벽과 포인트를 연결 시키면 가운데로 버튼이 위치하게 된다. 자석 모양이 없게 해야한다. 왜냐하면, 자석 모양은 자동으로 위,아래,오른쪽,왼쪽이 자동으로 모양을 위치 시키게 해주기 때문

• 바이어스란(Value)?

오른쪽 상단에 값을 바꿔주면서 뷰들의 위치를 바꿔줄 수 있다. 간단하게 이동 가능.

• 이상태에서 Conponet Tree를 보면

Button은 ID 값으로 지정 되어 있다. 팔레트에서 추가하다보면 자동으로 부여된다. 중간 삭제하는 경우 버튼값이 바뀌게 된다.

실제로 앱 구현시 ID 값을 직접 지정 해 줄수 있도록 한다.

ID의 값은 매우 상당히 중요하다!

• 안드로이드 구성

XML = 디자인

java Source = 기능

• XML Design

1.버튼의 사각 구석탱이에 있는것을 Handle 이라고 하는데, 이것은 버튼의 크기를 늘려 준다.

2. 뷰의 크기를 결정한다고 생각한다.

3. 제약 조건은 : 버튼의 위치 Handle : 버튼의 크기를 결정한다. -> 자동으로 크기 dp 값이 변경 되어지는것을 알 수 있다.

• 눈 모양

어떻게 연결 되어 있는지 커서가 올라가면 보여진다. 그런데, 별 필요는 없다 왜? 청사진 레이아웃에 다 나와 있기 때문에.

• 가이드 라인(Guide Line)

1. Vertical

세로로 줄이 추가가 된다. 이것은 무엇이냐? 세로 줄의 위치를 결정 할 수 있다.

2. Horizontal

가로로 줄이 추가가 된다. 이것은 무엇이냐? 가로 줄의 위치를 결정 할 수 있다.

3. Why?이것이 왜 필요하냐? 무조건 벽면에만 맞출 수 없으니까, 가이드 라인을 잡아서 그 새로운 벽면에다가 붙여 버리면 위와 아래의 버튼이 서로 같은 라인에 있을 수 있다. 상당히 유용할 것이라고 본다.

• xml 파일의 Text 탭

모든 뷰의 값에는 id의 값이 부여 된다는것을 확인해야한다.

예) android id = "@+id/button"

android API 기본적인 속성이다 android의 의미.

app: layout ~~

app 외부 라이브러리라는것을 의미한다.