فیلم آموزش سفارشی سازی تولبار Toolbar Android Studio

android custom toolbar layout

Toolbar Android Studio ، عرض سلام خدمت همراهان همیشگی سایت خانه اندروید قصد داریم در این پست آموزش شخصی سازی تولبار رو خدمتون آموزش بدیم و هم چنین نحوه واکنش گرا کردن تولبار نسبت به اسکرول کاربر در بین Recyclerview که در ادامه با ما باشید تا این مورد خدمتون آموزش بدیم.همان طوری که می دانیم اکشن بار بنا به مشکلاتی که وجود داشت دیگه منسوخ شد و جای اون رو تولبار گرفت و حالا تولبار انعطاف پذیر تر از اکشن بار و حرفه ای تر هست و لذا جای داره آموزش حرفه ای رو در این مورد برای دوستان تهیه کنیم.که در ادامه در قالب فیلم آموزشی این مورد رو برای شما کاربران محترم تهیه کرده ایم.

حتما بخوانید : انیمیشن RecyclerView with animation in Android Studio

اولین نکته که وجود داره شما باید کتابخانه دیزاین که مربوط به متریال دیزاین هست رو اضافه کنید به پروژه خودتون :

compile 'com.android.support:design:25.3.0'

بعد از اضافه کردن کتابخانه دیزاین دسترسی هایی که برای ما ایجاد می شود مثل :

android.support.design.widget.CoordinatorLayout

CoordinatorLayout ، به ما این امکان را می دهد که تولبار خودمون رو سفارشی سازی کنیم مثل تصویر زیر که با اسکرول کاربر تولبار حذف و دوباره با اسکرول به بالا تولبار ظاهر می شود که می خواهیم امروز این آموزش رو تقدیم کنیم به شما عزیزان.

فیلم آموزشی زیر را برای این موضوع مشاهده کنید :

سورس کد بخش 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"
    xmlns:local="http://schemas.android.com/apk/res-auto"
    tools:context="com.rss.homeandroidir.homeandroid.Activity.MainActivity">
<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:background="@color/colorPrimary"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlways"
        local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="متن شما"
    android:textAlignment="center"/>

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>
  <android.support.v7.widget.RecyclerView
      android:id="@+id/recy_main"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:layout_behavior="@string/appbar_scrolling_view_behavior">

  </android.support.v7.widget.RecyclerView>

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

سورس کد بخش جاوا :

toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);