كيف تقوم باخفاء AppBar اثناء النزول الى الاسفل في اندرويد ستوديو - how to hide Appbar on scroll android studio

كيف تقوم باخفاء AppBar اثناء النزول الى الاسفل في اندرويد ستوديو - how to hide action bar on scroll android studio


كيفية اظهار واخفاء appbar في اندرويد ستوديو اثناء عمل scrolling down.


في كثر من الاحيان اثناء قيامك بعملية تطوير تطبيقات الاندرويد تريد اخفاء "الاب بار" - AppBar  او بمعنى اخر وهو المستطيل الذي يكون باعلى التطبيق عند التمرير او تريد اضافة appbar لتطبيقك وفي مقالة اليوم سوف نتعرف على كيفية اخفاء / اظهار appbar داخل تطبيقك في برنامج android studio بكل سهوله 


يعتبر تطوير تطبيقات الاندرويد مهارة مهمه في العصر الحالي ولذلك يبحث كثير منا على تعليم البرمجة للاطفال بالعربي لكي يعلم اطفاله البرمجه وخاصة تطوير تطبيقات الموبايل ونحن نسعى بقدر الامكان على مساعدتكم في تطوير تطبيقات الهواتف الذكية وايضا تعليم البرمجة للاطفال مجانا حيث يقدم موقعنا العديد من الشروحات العربية لتعلم البرمجه مثل برمجة بايثون و برمجة جافا حيث نقدم لكم دورة جافا بسيطة في بداية كل قسم في موقعنا لتكون انطلاقتك منها وتستطيع فهم اللغة وكيف تعمل وتستطيع بعد تعلمك تطوير تطبيقات الموبايل البحث عن شركة تطوير تطبيقات الجوال لتعمل فيها او العمل على في مجال تطوير تطبيقات الهواتف الذكية .


يركز موقعنا على لغة جافا بشكل كبير وخصوصا مجال تطوير تطبيقات الاندرويد في هذة الفترة نركز على لغة جافا لان مبرمج جافا يتمتع بمزايا جميلة وهي انها يكون قادر على تطوير و برمجة تطبيقات سطح المكتب وايضا تطوير تطبيقات الاندرويد , اغلب التطبيقات الموجودة على متجر بلاي في هذة الفترة تم تطويرها باستخدام لغة جافا ويمكنك بعد تعلم الجافا بشكل كامل الانتقال على الفلاتر او كوتلن لكي تطور نفسك في مجال تطوير تطبيقات الهواتف الذكية لان هذا المجال يحتاج منك دائما الاستمرار و المتابعه دائما ويتم ذلك عن طريق برنامج اندرويد ستوديو وهو المتخصص في تطوير تطبيقات الموبايل , ويوجد مقالات كثيرة جدا في موقعنا لهذا البرنامج وكيف تقوم بعملية تطوير تطبيقات الاندرويد .


google console play console android android studio mac android studio krita android



خطوات اخفاء واظهار AppBar في تطبيقك داخل برنامج اندرويد ستوديو .


1- قم اولا بإنشاء اكتفيتي جديده باسم toolbar وضع بها هذا الكود التالي ويمكنك التغيير في الكود واضافة ما تريد اضافتها داخل AppBar التي تعمل عليها .



الكود الموجود بالصورة السابقه .


<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.Toolbar android:id="@+id/toolbar"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    app:titleTextColor="@color/colorTextPrimary"
    android:layout_alignParentTop="true"
    app:layout_scrollFlags="scroll|enterAlways"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    android:layout_width="match_parent"
    app:title="GeeCoders Team"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/colorPrimary"/>
    


2- قم بالرجوع الى الاكتفيتي التي تريد ظهور appbar بداخلها وقم بعمل AppBarLayout و include له وسوف يتم اضافته ويكون ثابت واذا كنت تريده ان يختفي بمجرد عمل سكرول او النزول الى الاسفل تاكد ان تقوم بوضعه داخل CoordinatorLayout ليختفي اثناء النزول .



الكود الموجود بالصورة السابقه .


<?xml version="1.0" encoding="utf-8"?>

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:orientation="vertical"
    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"
    tools:context=".TestActivity2">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        >

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />
</com.google.android.material.appbar.AppBarLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/RecyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="25dp"
        android:clipToPadding="false"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>
    


الى هنا يكون انتهى شرح اخفاء AppBar اثناء النزول الى الاسفل في اندرويد ستوديو - how to hide action bar on scroll android studio ولمزيد من الدروس حول تطوير تطبيقات الهواتف الذكية وخصوصا تطوير تطبيقات الاندرويد .


تعليقات