شارك المقالة

شرح انشاء AnimatedBottomBar في نهاية التطبيق بواسطة برنامج اندرويد ستوديو

 


شرح انشاء AnimatedBottomBar في نهاية التطبيق بواسطة برنامج اندرويد ستوديو


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


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


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


ماهي التصميمات السفلية في اندرويد ستوديو ؟


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


تثبيت مكتبة AnimatedBottomBar


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


كود تصميم AnimatedBottomBar في xml


        <nl.joery.animatedbottombar.AnimatedBottomBar
            android:id="@+id/animatedbottombar"
            app:abb_tabs="@menu/menu_bottom"
            app:abb_indicatorHeight="@dimen/_3sdp"
            app:abb_indicatorAppearance="round"
            app:abb_selectedTabType="icon"
            app:abb_indicatorMargin="@dimen/_15sdp"
            app:abb_selectedIndex="0"
            android:elevation="@dimen/_3sdp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:ignore="MissingConstraints"/>
            


بهذا الكود يتم انشاء AnimatedBottomBar ونستطيع التعديل عليه وعمل الاضافات التي تريدها عليه مثل جعل الclick عباره عن string والباقي icon او العكس وتعديل الالوان الخاص بالbottom وايضا تستطيع من خلال menu/menu_bottom عمل الmenu الذي تريدها وايضا الicon والtext يتم وضعهم من داخل الmenu وهذا كود الmenu المستخدم في الشرح


    <item android:id="@+id/fragment_Home2"
        android:title="Home"
        android:icon="@drawable/ic_home" />

    <item android:id="@+id/fragment_search2"
        android:title="search"
        android:icon="@drawable/ic_search" />

    <item android:id="@+id/fragment_carts"
        android:title="carts"
        android:icon="@drawable/cart" />

    <item android:id="@+id/fragment_profile2"
        android:title="profile"
        android:icon="@drawable/ic_pesonal" />

    <item android:id="@+id/fragment_more2"
        android:title="more"
        android:icon="@drawable/all_order" />
        


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


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


فيديو الشرح





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


شاهد أيضًا
مقالات ذات صلة
شرح كيفية تكبير وتصغير وتغيير نوع الخطوط داخل oracle database

  السلام عليكم ورحمة الله وبركاتة مرحبا بكم في اكواد sql حيث سوف نتعلم في…

عرض اكثر من layout داخل الrecyclerview داخل الادبتر

  عرض اكثر من layout داخل الrecyclerview داخل الادبترفي استخدامك للrecyclerview ترغب احيانا بتغيير النمط…

شرح كيفية التعامل مع postgresSQL مع NodeJS

شرح كيفية التعامل مع postgresSQL مع NodeJS تعد SQL من اشهر طرق التعامل مع البيانات…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع