شريط التطبيق، المعروف أيضًا باسم شريط الإجراءات، هو أحد أهم عناصر التصميم
في أنشطة تطبيقك، لأنّه يقدّم بنية مرئية وعناصر تفاعلية
مألوفة للمستخدمين. يؤدي استخدام شريط التطبيقات إلى جعل تطبيقك متوافقًا مع تطبيقات Android الأخرى، ويسمح للمستخدمين بفهم كيفية تشغيل تطبيقك بسرعة والحصول على تجربة رائعة.
في ما يلي الوظائف الأساسية لشريط التطبيق:
مساحة مخصصة لمنح تطبيقك هوية وتوضيح الموقع الجغرافي للمستخدم في
التطبيق
الوصول الذي يمكن التنبؤ به إلى الإجراءات المهمة، مثل البحث.
إتاحة التبديل بين طرق العرض والتنقّل باستخدام علامات التبويب أو القوائم
الشكل 1. شريط التطبيق من تطبيق "جداول بيانات Google"
يوضّح قسم المستندات هذا كيفية استخدام تطبيق AndroidX
Toolbar المصغّر كأحد
أشرطة التطبيقات. هناك طرق أخرى لتنفيذ شريط التطبيقات، على سبيل المثال، تُعدّ بعض المظاهر ActionBar شريط تطبيقات تلقائيًا، ولكن باستخدام AppCompat Toolbar، يصبح من الأسهل إعداد شريط تطبيقات يعمل على أكبر نطاق من الأجهزة. كما يمنحك مساحة لتخصيص شريط التطبيق
لاحقًا في تطوير التطبيق.
يمكنك التعرّف على كيفية استخدام هذه التطبيقات المصغّرة لتقديم وظائف متقدّمة في شريط التطبيق.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Add the app bar\n\nTry the Compose way \nJetpack Compose is the recommended UI toolkit for Android. Learn how to add components in Compose. \n[App Bar →](/develop/ui/compose/components/app-bars) \n\nThe *app bar* , also known as the *action bar*, is one of the most important design\nelements in your app's activities, because it provides a visual structure and interactive elements\nthat are familiar to users. Using the app bar makes your app consistent with other Android apps,\nletting users quickly understand how to operate your app and have a great experience.\n| **Note:** With the release of Android 9.0 (API level 28), there is a version of the Support Library called [AndroidX](/jetpack/androidx) that is part of [Jetpack](/jetpack). The AndroidX library contains the existing Support Library and includes Jetpack components. \n|\n| You can continue to use the Support Library. Historical artifacts---those versioned 27 and earlier, and packaged as `android.support.*`---remain available on Google Maven. However, all newer library development occurs in the AndroidX library. \n|\n| We recommend using the AndroidX libraries in all new projects. Consider [migrating](/jetpack/androidx/migrate) existing projects to AndroidX as well.\n\nThe key functions of the app bar are as follows:\n\n- Dedicated space for giving your app an identity and indicating the user's location in the app.\n- Predictable access to important actions, such as search.\n- Support for navigation and view switching, using tabs or menus.\n\n**Figure 1.** The app bar from the Google Sheets app.\n\nThis documentation section describes how to use the AndroidX\n[Toolbar](/reference/androidx/appcompat/widget/Toolbar) widget as an\napp bar. There are other ways to implement an app bar---for example, some themes set up an\n[ActionBar](/reference/android/app/ActionBar) as an app bar by\ndefault---but using the AppCompat `Toolbar` makes it easier to set up an app bar that\nworks on the widest range of devices. It also gives you room to customize your app bar later in your\napp's development.\n\nTopics\n------\n\n\n**[Set up the app bar](/develop/ui/views/components/appbar/setting-up)**\n:\n Learn how to add a `Toolbar` widget to your activity and set it as the activity's\n app bar.\n\n\n**[Add and handle actions](/develop/ui/views/components/appbar/actions)**\n:\n Learn how to add actions to the app bar and its overflow menu, and how to respond when users\n choose those actions.\n\n\n**[Add an Up action](/develop/ui/views/components/appbar/up-action)**\n:\n Learn how to add an *Up* button to your app bar so users can navigate back to the app's\n home screen.\n\n\n**[Use action views and action providers](/develop/ui/views/components/appbar/action-views)**\n:\n Learn how to use these widgets to provide advanced functionality in your app bar."]]