Koordinatör Düzeni nedir? Süslü ismin sizi aldatmasına izin vermeyin, bu steroidler üzerinde bir FrameLayout'tan başka bir şey değil
A'nın ne CoordinatorLayout
olduğunu / yaptığını en iyi şekilde anlamak için, öncelikle Koordinasyon için ne anlama geldiğini anlamalı / akılda tutmalısınız.
Google kelimesini ararsanız
Koordinat
Bu ne olsun:
Bence bu tanımlar, bir Koordinatör Düzeni'nin kendi başına ne yaptığını ve içindeki görüşlerin nasıl davrandığını açıklamaya yardımcı olur.
Bir Koordinatör Düzeni (bir Görünüm Grubu), bir (aa̶ ̶c̶o̶m̶p̶l̶e̶x̶ ̶a̶c̶t̶i̶v̶i̶t̶y̶ ̶o̶r̶ ̶a̶n̶ ̶o̶r̶g̶a̶n̶i̶z̶a̶t̶i) düzeninin farklı öğelerini (alt Görünümler) getirir:
Bir Koordinatör Düzeni yardımıyla, çocuk görüşleri, aşağıdaki gibi harika davranışları uygulamak için birlikte uyumlu bir şekilde çalışır.
sürükler, hızlıca kaydırır, sallar veya diğer hareketler.
Bir Koordinatör içindeki görüşler Yerleşim, bu Davranışları belirleyerek birlikte etkili bir şekilde çalışmak için başkalarıyla müzakere eder.
CoordinatorLayout, çekici ve uyumlu düzenler oluşturmaya yardımcı olan Materyal Tasarımın süper harika bir özelliğidir.
Yapmanız gereken tek şey, çocuğunuzun görüşlerini Koordinatör Düzeni içine almaktır.
<?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>
ve 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>
Bunun bize verdiği şey, Araç Çubuğunu daraltmak ve FloatingActionButton öğesini gizlemek için kaydırılabilen bir düzendir.
Açık:
Kapalı: