خانه اندروید

800 ساعت آموزش اختصاصی

بیش از 30 هزار دانشجو

آموزش های پروژه محور

مطالب پیشنهادی حتما مشاهده کنید :

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

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

فیلم آموزش سفارشی سازی تولبار 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);

درباره نویسنده

جواد محمدی هستم بنیان‌گذار سایت خانه اندروید در خدمتون هستیم با آموزش و مفاهیم برنامه نویسی اندروید-نزدیک به 10 سال هست در حوزه برنامه نویسی فعالیت می کنم. مسلط به kotlin,java,flutter,php هستم . در خانه اندروید دانستی های خودم را در اختیار تمامی علاقمندان به برنامه نویسی قرار میدم.تشکر از اینکه خانه اندرورید رو دنبال می کنید.

قبل از ارسال دیدگاه

  • قبل از ارسال دیدگاه: لطفا دیدگاه خودتون رو فقط در مورد این مطلب بنویسید.سپاسگزارم.

    دیدگاه های طولانی نادیده گرفته می شوند لذا دیدگاه خودتان را در دو خط خلاصه کنید.

    دیدگاه های که شامل توهین یا متن توهین آمیز اصلا تایید نمی شود.

    به دیدگاه های بی نام و نشان که ایمیل فیک و نام فیک وارد می کنند پاسخ داده نمی شود

22 دیدگاه

  1. آرش گفت:

    سلام خسته نباشید.
    ممنون میشم که جوابمو هرچه سریعتر به ایمیلم بفرستید.
    ببخشید من تولبار سفارشی ساختم ولی طبق آموزشها باید بهش آیتم بدم و داخل منو آیتم براش آیتم گرفتم اما بصورت پیشفرض سمت راست قرار میگیرن و نمیدونم چطور بیارمشون سمت چپ. به همین منظور منو آیتم رو حذف کردم و آیکن رو داخل خود کد xml تولبار وارد کردم ولی رویداد کلیکشو نمیدونم کجا باید وارد کنم مثلا من میخوام تو min اکتیویتی ازش استفاده کنم اما وقتی معرفی و کستش میکنم و براش رویداد کلیک مینویسم فودس کلوز میده. درضمن وقتی از تولباری استفاده میکنم و متد هایی که اونو وصل میکنه به منو آیتم استفاده نکنم بازم فورس کلوز میده.
    و مشکل دیگم هم اینه که کتابخانه متریال دیالوگی که پروگرس بار داشته باشه سراغ دارید لطفا گریدلشو برام بفرستید. و اینکه چطور میتونم کتابخانه های گیت هاب که لینکشونو داشته باشم دانلود کنم از تو صفحه.
    سپاسگذارم

    • Admin گفت:

      سلام و احترام
      لطفا از سورس کد خودتون اسکرین شات و در تلگرام برای بنده بفرستین تا مشکلتون رو برطرف کنم.
      با احترام.

  2. MatKamp گفت:

    بسیار عالی

  3. مهسا گلی گفت:

    خب بقیه آموزش هاتون که مثل اموزش بالا قسمت دانلود نداره رو چه طور دانلود کنم?

  4. مهسا گلی گفت:

    سلام فیلم اموز ش بالا رو چه طور میتونم دانلود کنم?

  5. مصیب گفت:

    عالیه. واقعا خسته نباشید میگم.
    تو خونه اندروید بود الکی اینور و اون ور دنبالش می گشتم .
    موفق باشی عزیز.
    یه توضیحی برا این سوالم بدید دیگه سنگ تموم گذاشتید.
    اگه بخوام تو toolbar یه دونه imageview یا textview بذارم که با بالا و پایین رفتن toolbars سایزش کم و زیاد بشه (درست مثل بالا بردن تولبار وات ساپ) باید چی کار کنم مهندس.
    اینو یه جوابی بهم بدید بسیار لطف میکنید.

    • Admin گفت:

      سلام و احترام
      خواهش می کنم دوست عزیز
      مشابه همین آموزش هست فقط با کمی تفاوت انشالا اموزش خواهیم داد.
      موفق باشین.

  6. نرگس گفت:

    سلام ممنون از اموزشی که گذاشتید. یه سوال داشتم من این اموزش رو تو سایت های مختلف دنبال کردم ولی هربار برنامه استاپ میشه. با اینکه دقیقا همین کدها رو وارد می کنم 😐 . ممنون میشم کمک کنید.

    • Admin گفت:

      سلام و احترام خدمت شما
      دلایل مختلفی داره که ممکنه برنامه شما stop بشه . برای راه حل این موضوع لطفا توی اندروید مانیتور زمانی که خطا میده و استوپ میشه برنامه نگاه کنید ببنید یک خطایی میده ممکنه شما تولبار رو cast نکرده باشین و مشکلات دیگه لذا این مورد رو بررسی کنید و اگر بازم مشکلتون حل نشد لطفا توی ایمیل برام پیغام ارور رو بفرستید تا بررسی کنم و راهنمایی لازم رو انجام بدم.
      با احترام.

  7. حسین گفت:

    سلام دوست عزیز . ضمن تشکر از آموزش های خوبتون ، تو متریال دیزاین ، دو تا آموزش گذاشتید که هر دو مربوط به اسکرول کردن هست . چطور میشه مطالب رو بزرگتر از کادر اکتیویتی طراحی کرد که بعدا اسکرول بخواد ؟ اسکرول رو هم باید مثل سایر ابزارها ، اضافه کنیم ؟

    • Admin گفت:

      درود و احترام خدمت شما دوست عزیزم
      اگر منظور شما رو درست متوجه شده باشم باید موارد زیر :
      یا می تونید از کالسپن تولبار استفاده کنید یا از netscrollview
      و هم چنین میشه از اسکرول ویو هم استفاده کرد.
      با احترام.
      موفق باشین.

  8. زهرا گفت:

    عالی بود

  9. Mr Pro گفت:

    سلام آموزش خوبی بود ولی از مشخصه های هر آموزش حرفه ای این است که تلفظ لغات در حد قابل قبولی باشد که در اینجا واقعا خوب نبود. مثلا می تونم به تلفظ واژه behavior اشاره کنم و …
    و اینکه آموزش ها باید سریع وارد اصل مطلب بشن و از توضیحات حاشیه ای بپرهیزند که در این آموزش قابل قبول بود ولی امکان بهبود داشت. ولی روی هم رفته آموزش خوبی بود . متشکرم

  10. یک آس گفت:

    سلام
    با تشکر از شما
    خواهشا این قسمتی که نمایشگر کدهاتونه درست کنید

    • Admin گفت:

      سلام و احترام خدمت شما
      دوست عزیز توی نمایشگر کد ها مشکلی وجود نداره مشکل از سمت اندروید استودیو هست که پشتیانی می کنه از زبان فارسی یعنی راست به چپ و چون افزونه وقتی سورس کدها رو کپی می کنیم توی محیط افزونه یک مقدار سورس کد اضافه مثل سیمی کالن و نقطه و غیره اضافه می کنه که اگر شما توی محیط اندروید استودیو سورس کد رو کپی کنیدمی تونید خیلی راحت سورس کد رو ویرایش کنید و موارد اضافه که افزونه به سورس کد اضافه کرده رو حذف کنید.
      لطفا فیلم آموزشی را هم که تهیه کرده ایم ببنید بدون نیاز به سورس کد می تونید خودتون ایجاد سورس کدشو بنویسید.
      موفق باشین.
      با احترام.