mobile menu

The Arrow Newsletter

mobile menu

coordinatorlayout 예제

구글 I/O에서 2015, 구글은 프레임 레이아웃에서 하나 이상의 레이아웃을 갖는 어려움을 제거하기 위해 코디네이터 레이아웃을 도입했다. 이제 코디네이터레이아웃을 사용하여 특정 레이아웃에서 뷰가 서로 상호 작용하는 방법을 볼 수 있습니다. 코디네이터Layout 애니메이션 및 서로 다양 한 자식 요소의 트랜잭션을 제어 합니다. 우리는 코디네이터의 다양한 예를 보았다레이아웃 블로그의 소개 섹션에서. 예를 보고 나서, 당신의 마음에 올 수있는 한 가지 질문은 코디네이터 레이아웃이 코디네이터 레이아웃에 있는 자녀와 함께 무엇을 해야할지 알고 있다는 것입니다. 답을 찾아봅시다. 자식은 자식 요소와 상호 작용하는 트리거 역할을 할 동작, 종속성을 향상시키는 보기입니다. 이 예제를 참조하면 자식이 ImageView이고 종속성은 도구 모음이 될 것이며, 그런 식으로 도구 모음이 이동하면 ImageView도 이동합니다. 기본적으로 여러 자식을 FrameLayout에 추가하면 서로 겹칩니다.

프레임 레이아웃은 단일 자식 뷰를 보유하는 데 가장 자주 사용해야 합니다. 코디네이터레이아웃의 주요 매력은 그 안에 있는 뷰의 애니메이션과 전환을 조정하는 기능입니다. xml만 사용하면 FAB가 들어오는 스낵바의 방해에서 벗어나거나 다른 위젯에 분명히 연결된 FAB(또는 다른 보기)가 있는 레이아웃을 설명하고 위젯을 사용하여 화면에서 이동하는 레이아웃을 설명할 수 있습니다. 중첩 스크롤로 작업할 때 부모 뷰는 중첩된 스크롤 자식이 수행하기 전에 스크롤을 사용할 수 있는 기회를 원할 수 있습니다. 이 것의 예는 스크롤 가능한 목록이 포함 된 서랍입니다. 사용자는 목록 자체가 스크롤을 시작하기 전에 목록을 완전히 보기로 스크롤할 수 있어야 합니다. […] https://www.loopwiki.com/ui-ux-design/android-coordinatorlayout-examples/ […] 사용자가 스크롤할 때 증가하거나 축소되거나 시트 상태 전환이 있는 부동 동작 단추를 갖춘 복잡한 하단 시트의 야생에는 많은 예가 있습니다. 가장 잘 알려진 예는 다단계 시트가 구글지도입니다 : 그래서, 더 나은 방법으로 보기를 처리하기 위해, 안드로이드는 코디네이터 레이아웃이라는 새로운 레이아웃을 도입했다. 코디네이터 레이아웃을 사용하면 코디네이터 레이아웃에 있는 뷰의 전환을 쉽게 처리하고 애니메이션할 수 있습니다. 코디네이터 레이아웃의 사용에 대한 명확한 이해를 하려면 WhatsApp 응용 프로그램을 열어주십시오. 이제 채팅을 열고 채팅 이름을 클릭하거나 메뉴로 이동한 다음 “연락처 보기”를 클릭합니다.

여기에서 사용자의 프로필 사진을 찾을 수 있습니다. 이제 페이지를 아래로 스크롤해 봅을 시도합니다. 이봐, 프로필 이미지는 어디에 있습니까? 이제 위로 스크롤합니다. 그래, 당신은 프로필 이미지를 가지고? 동일한 스크롤을 위아래로 반복하여 애니메이션을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 봅을 사용해 보십시오. 이것은 코디네이터 레이아웃의 도움으로 수행됩니다. 코디네이터 레이아웃의 또 다른 예는 아래에서 볼 수 있습니다: 이러한 사용자 지정 동작을 구현 하는 방법을 이해 하는 가장 좋은 방법은 AppBarLayout.Behavior.Behavior 및 FloatingAction.Behavior 예제를 공부 하는 것입니다. 이전 예제와 달리 이번에는 코디네이터레이아웃이 루트 레이아웃이 아닙니다. 대신 루트 레이아웃은 상대레이아웃이고 코디네이터레이아웃은 자식일 뿐입니다. 이는 코디네이터레이아웃의 자식이 화면 보기에서 미끄러지는 것을 원하지 않기 때문입니다. 코디네이터레이아웃 내에 단일 선형 레이아웃이 포함된 중첩스크롤뷰가 있습니다. 선형 레이아웃에는 여러 카드뷰가 포함되어 있습니다. 블로그의 이 섹션에서는 코디네이터 레이아웃의 몇 가지 예를 살펴보겠습니다.

먼저 응용 프로그램에서 부동 작업 표시줄을 구현하려고 합니다. 스크롤 기반 동작은 대부분 사용되는 동작입니다. 여기서는 한 뷰를 스크롤하여 다른 뷰와 겹칩니다. 스크롤 기반 동작의 한 가지 일반적인 예는 도구 모음 활동 축소, 즉 WhatsApp 축소 도구 모음과 같은 것입니다. 그래서, 같은 구현 하자. 행동과 작동 방식을 살펴보겠습니다. 다음 기사에서는 코디네이터레이아웃에서 뷰 간의 기본적인 상호 작용을 허용하는 동작을 만드는 방법에 대한 간단한 예제를 보여 드리겠습니다.