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

 

شرح انشاء 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


تعليقات