Tutorial Membuat Collapsing toolbar Layout Pada Android Studio Versi 3.1.3 Terbaru

Oke kali ini aya akan membuat Tutorial Membuat Collapsing toolbar Layout Pada Android Studio Versi 3.1.3 Terbaru.

Ini hasilnya nanti :

Berikut Tutorialnya:

Langkah 1 : New Project

Langkah 2 : Buka AndroidManifet.xml masukkan Defendecies nya Masukkan kode dibawah ini dan jangan lupa di Sinc Now!

Baca disini caranya : ....

implementation 'com.android.support:design:26.1.0'

Langkah 3 : Ubah warna seperti ini kodenya pada directory value → colors.xml

<color name="colorPrimary">#ffbb00</color><color name="colorPrimaryDark">#fca624</color>

Langkah 4 : Buka activity_main.xml masukk kode dibawah ini.

activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".MainActivity"
    android:background="#fcfcfc">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbarid"
        android:layout_width="match_parent"
        android:layout_height="201dp">

        <android.support.design.widget.CollapsingToolbarLayout
            app:contentScrim="?attr/colorPrimary"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@drawable/material"
            app:expandedTitleMargin="10dp"
            app:expandedTitleMarginStart="10dp"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:title="@string/app_name">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbarid"
                android:layout_width="match_parent"
                android:layout_height="39dp"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
        </android.support.design.widget.CollapsingToolbarLayout>

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


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

Pada activity_main.xml  yang saya tandai warna merah diatas adalah tempat backgroundnya nanti. Disitu boleh anda ganti sesuai selera anda gmna gambarnya.


Sekian dulu tutorial dari saya semoga bermanfaat buat kalian.

Terimakasih!

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

"Jangan lupa ikuti saya disini untuk update post terbaru dari saya agar kamu tidak ketinggalan"