일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- react native
- ReactNative
- CLASS
- Interface
- ConstraintLayout
- recyclerview
- map
- enum
- union
- lifecycle
- LiveData
- list
- AWS
- elementAt
- mongoose
- docker-compose
- Service
- function
- Generic
- Foreign Key
- 생명주기
- collection
- Filter
- vuex
- Swift
- docker
- class component
- MINUS
- Kotlin
- animation
- Today
- Total
목록ConstraintLayout (5)
개발 일기

Flow Flow는 기존에 ConstraintLayout Chain에 대해서 간소화를 시켰습니다. 기존과 같은 경우에는 아래와 같이 이런식으로 일일이 작성을 해야만 했습니다. 하지만 Flow을 사용하게 되면 Chain을 보다 쉽게 할수가 있습니다. 먼저 Flow 속성에 대해서 알아보도록 하겠습니다. 방향 설정 Chain에 방향을 설정을 할때에는 기존에 LinearLayout 처럼 android:orientation을 통해서 정할수가 있습니다. android:orientation="horizontal|vertical" Bias Chain의 스타일을 packed을 했을 경우에 기존 ConstraintLayout Bias을 적용시킬수가 있습니다. 기존과 거의 동일하지만 체인의 형태를 유지를 하면서 이동을 한다..

Gulideline 화면을 그릴 때 가이드 라인을 그릴수가 있습니다. 따라서 비율 및 시작점 혹은 끝점을 기준으로 위치를 설정할수가 있습니다. 방향 설정 android:orientation="horizontal|vertical" 위치 설정 퍼센트로 설정 app:layout_constraintGuide_percent="0.3" 시작 위치 끝나는 위치 설정 app:layout_constraintGuide_begin="24dp" app:layout_constraintGuide_end="16dp" 예제

Chains View가 서로 연결이 되어있을 때 Chain이 생성되게 됩니다. 따라서 View끼리 서로 연결이 되어있을 때 어떻게 표현을 할수 있을지 결정할수 있습니다. [예시] 이렇게 할경우 서로 연결이 되어있는것을 확인할수가 있습니다. 다음은 이렇게 화면이 표시됩니다. 기본적으로 표현을 할때 Style을 정의할수가 있습니다. Style을 통해서 weight , bias , 정렬 방식등을 정의할수가 있습니다. app:layout_constraintHorizontal_chainStyle="packed|spread|spread_inside" app:layout_constraintVertical_chainStyle="packed|spread|spread_inside" [spread] 연결된 뷰들을 여백을 같..