CoordinatorLayout이란 무엇입니까? 멋진 이름이 당신을 속이게하지 마세요.

이 무엇인지 CoordinatorLayout/ 하는 일을 가장 잘 이해하려면 먼저 Coordinate의 의미를 이해하고 염두에 두어야합니다.

당신이 단어를 구글하면

동등 어구

이것이 당신이 얻는 것입니다.

이러한 정의는 CoordinatorLayout이 자체적으로 수행하는 작업과 내부 뷰가 어떻게 작동하는지 설명하는 데 도움이된다고 생각합니다.

CoordinatorLayout (a ViewGroup)은 다른 요소 (하위 뷰)를 제공합니다.

CoordinatorLayout의 도움으로 자식 뷰는 조화롭게 함께 작동하여 다음과 같은 멋진 동작을 구현합니다.

드래그, 스 와이프, 플링 또는 기타 제스처.

CoordinatorLayout 내부의 뷰는 이러한 Behaviors 를 지정하여 효과적으로 협력하기 위해 다른 사용자와 협상합니다.

CoordinatorLayout은 매력적이고 조화로운 레이아웃을 만드는 데 도움이되는 머티리얼 디자인의 멋진 기능입니다.

CoordinatorLayout 안에 자식 뷰를 래핑하기 만하면됩니다.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout        
 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"
 android:fitsSystemWindows="true"
 tools:context="com.byte64.coordinatorlayoutexample.ScollingActivity">

 <android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">



        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

<include layout="@layout/content_scolling" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/fab_margin"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|end"
    app:srcCompat="@android:drawable/ic_dialog_email" />

 </android.support.design.widget.CoordinatorLayout>

및 content_scrolling :

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView     
 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"
 app:layout_behavior="@string/appbar_scrolling_view_behavior"
 tools:context="com.byte64.coordinatorlayoutexample.ScollingActivity"
 tools:showIn="@layout/activity_scolling">

 <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/text_margin"
    android:text="@string/large_text" />

 </android.support.v4.widget.NestedScrollView>

이것이 우리에게주는 것은 툴바를 접고 FloatingActionButton을 숨기기 위해 스크롤 할 수있는 레이아웃입니다.

열다:

닫은: