Android App Bar Layout Shadow

Android App Bar Layout Shadow

App Bar Layout, Android uygulamalarında bir başlık çubuğu ve sekme çubuğu gibi çeşitli bileşenleri içeren bir düzen öğesidir. App Bar Layout, uygulamanızın kullanıcı arayüzünün üst kısmında yer alır ve uygulamanızın genel görünümünü ve işlevselliğini etkiler.

App Bar Layout’un önemli özelliklerinden biri, gölge efektine sahip olmasıdır. Gölge efekti, App Bar Layout’un altındaki içeriğin daha belirgin görünmesini sağlar ve uygulamanızın kullanıcı arayüzüne derinlik kazandırır.

App Bar Layout’un gölgesini özelleştirmek için çeşitli özellikler kullanabilirsiniz. Bu özellikler şunlardır:

  • elevation: App Bar Layout’un gölgesinin yüksekliğini belirler.
  • translationZ: App Bar Layout’un gölgesinin konumunu belirler.
  • shadowStartColor: App Bar Layout’un gölgesinin başlangıç rengini belirler.
  • shadowEndColor: App Bar Layout’un gölgesinin bitiş rengini belirler.

App Bar Layout’un gölgesini özelleştirmek için aşağıdaki adımları izleyebilirsiniz:

  1. App Bar Layout’u XML düzen dosyanıza ekleyin.
  2. App Bar Layout’un elevation özelliğini ayarlayın.
  3. App Bar Layout’un translationZ özelliğini ayarlayın.
  4. App Bar Layout’un shadowStartColor özelliğini ayarlayın.
  5. App Bar Layout’un shadowEndColor özelliğini ayarlayın.

Aşağıdaki örnek kod, App Bar Layout’un gölgesini özelleştirmek için nasıl kullanılabileceğini göstermektedir:

“`xml

<com.google.android.material.appbar.AppBarLayout
    android:id="@+id/app_bar_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.google.android.material.appbar.CollapsingToolbarLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:src="@drawable/image" />

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:title="App Bar Layout" />

    </com.google.android.material.appbar.CollapsingToolbarLayout>

</com.google.android.material.appbar.AppBarLayout>

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />


“`

Yukarıdaki örnek kodda, App Bar Layout’un gölgesi elevation özelliği ile 4dp olarak ayarlanmıştır. Ayrıca, App Bar Layout’un gölgesinin başlangıç rengi #000000 olarak, bitiş rengi ise #800000 olarak ayarlanmıştır.

Faydalı Siteler ve İlgili Dosyalar

Yayımlandı

kategorisi