شروحات تطوير تطبيقات الاندرويد بالعربي : كيفية اضافة Button Bar احترافي لتطبيقك في Android Studio

مرحبا بكم من جديد في دروس تحسين و تطوير تطبيقات الموبايل في هذة المقالة سوف نتعرف على كيفية اضافة Bottom Bar احترافي وبتنسيق ui جميل جدا وتعد هذة المقالة الثالثة تقريبا حول اضافة bottom navigation لتطبيقك يمنك اختيار اي شكل من الاشكال التي قدمناها من قبل والتي نقدمها لتحسين من شكل تطبيقك .

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

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

كيفية عمل Buttonnavbar احترافي لتطبيقك في اندرويد ستوديو

قم بإضافة المكتبة التالية لديك . 

 implementation 'nl.joery.animatedbottombar:library:1.1.0'

انتقل الان الى xml وقم بإضافة الكود التالي وهو الخاص باستخدام المكتبة لتصميمك سوف تشاهد ظهور ايرور في menu لا تقلق .

MainActivity.xml

<nl.joery.animatedbottombar.AnimatedBottomBar
        android:id="@+id/bottom_bar"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        app:abb_tabs="@menu/tabs" />

 قم بإنشاء ملف menu وضع بداخلة Reresource جديد باسم tabs وضع بداخلة الاكواد التالية مع التعديل عليها طبعا مثل الاسم والشكل وغيرها .

menu

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/tab_home"
        android:icon="@drawable/home"
        android:title="test" />

    <item
        android:id="@+id/tab_alarm"
        android:icon="@drawable/alarm"
        android:title="hello" />

    <item
        android:id="@+id/tab_bread"
        android:icon="@drawable/location"
        android:title="geecoders" />

    <item
        android:id="@+id/tab_cart"
        android:icon="@drawable/profile"
        android:title="mindegy1" />
</menu>

الخطوة الاخيرة وهي التوجة الى class الكود الخاص بك وقم بتعريف الزر وبعدها قم بعمل setOnTabSelectListener له وهو يعني عندما تقوم بالنقر على العناصر وضع الاكواد التي تريدها بداخل onTabSelected وهنا بطبيعة الحال قمت بوضع اكواد Fragment بحيث عندما انقر على اي زر يعرض الفراجمنت المطلوب يمكنك استبداله بأي شيئ اخر تريدة .

MainActivity.class 

animatedBottomBar.setOnTabSelectListener(new AnimatedBottomBar.OnTabSelectListener() {

@Override
public void onTabSelected(int i, @Nullable AnimatedBottomBar.Tab tab, int i1, @NotNull AnimatedBottomBar.Tab tab1) {

                switch (i){

                    case 0:
                        replace(new BlankFragment1());
                        break;

                    case 1:
                        replace(new BlankFragment2());
                        break;

                    case 2:
                        replace(new BlankFragment3());
                        break;

                        case 3:
                        replace(new BlankFragment4());
                        break;
                }
                return;
                }
            @Override
            public void onTabReselected(int i, @NotNull AnimatedBottomBar.Tab tab) {
            }
        });

      

لمزيد من الشروحات حول تطوير تطبيقات الاندرويد عن طريق برنامج اندرويد ستوديو

• شرح استخدام Guideline داخل برنامج اندرويد ستوديو
• شرح كيفية اضافة bottom navigation داخل التطبيق ببرنامج الاندرويد ستوديو
• شرح كيفية استخدام constraintlayout داخل برنامج اندرويد ستوديو Android studio
• شرح اضافة قائمة جانبية navigation drawer داخل تطبيقك في برنامج اندرويد ستوديو
• كيفية انشاء دايلوج " Dialog " مخصص بالشكل الذي تريدة
• كيفية تحويل كود جيسون json الى ملف وادراجه داخل برنامج اندرويد ستوديو
• حل مشكلة عدم تغيير اللون والخلفية background في الاندرويد ستوديو

تعديل المقال