AppBar

يتكون شريط التطبيق من شريط أدوات ومن المحتمل أن تكون طرق عرض أخرى. فضح إجراء واحد أو أكثر.

الفائدة الرئيسية من استخدام شريط التطبيقات هي القدرة على تخصيص كل شيء. خيارات التخصيص مثل:

• ارتفاع شريط التطبيق المخصص.
• قم بتضمين أي محتوى بدون قيود أو قيود (هوامش ، وحجم ، وما إلى ذلك).
• شريط التطبيقات الشفاف.
• إلخ.

ملاحظة: AppBar هو عرض عبر الأنظمة الأساسية يتولى الأمر عندما يصل شريط التنقل الأصلي إلى حدوده ، مثل إضافة محتوى مخصص ، وتحديد المواقع باستخدام التخطيطات ، وما إلى ذلك.

في Xamarin.Forms ، يتم استخدام شريط التطبيقات عادةً في خاصية Shell.AppBar ، والتي تضع شريط التطبيقات كأداة ذات ارتفاع ثابت في الجزء العلوي من الشاشة.

API

بعد ذلك ، قائمة بخصائص وأحداث AppBar.

الخصائص

| الملكية | اكتب | الوصف |
| ---------- |: -------------: |: -------------: |
| التنسيب | AppBarPlacement | موضع AppBar (أعلى أو أسفل). |
| ارتفاع بار | مزدوج | تحديد ارتفاع شريط التطبيق. |
| بار باكجراوند | فرشاة | فرشاة توفر الخلفية. |
| BarBackgroundImage | مصدر الصورة | مصدر الصورة الذي يوفر الخلفية. |
| BarTextColor | اللون | اللون المستخدم في النصوص (العنوان ، إلخ). |
| ملاحة مصدر الصورة | مصدر صورة يوفر رمز التنقل (زر الرجوع ، إلخ). |
| BackButtonTitle | سلسلة | حدد عنوان زر الرجوع لشريط التطبيق. |
| لون الحدود | اللون | لون حدود شريط التطبيق. |
| سماكة الحدود | سماكة | عرض حدود appbar في كل جانب. |
| FontFamily | سلسلة | عائلة الخطوط المستخدمة في نصوص شريط التطبيق. |
| سمات الخط | سمات الخط | سمات الخط المستخدمة في نصوص شريط التطبيق. |
| حجم الخط | مزدوج | حجم الخط المستخدم في نصوص شريط التطبيق. |
| TitleView | عرض | اعرض أي طريقة عرض Xamarin.Forms في شريط التطبيق. |
| القيادة الخلفية | ICommand | تم تنفيذ الأمر أثناء العودة. |
| BackCommandParameter | كائن | تستخدم معلمة الأمر التنقل للخلف. |

الأحداث

| حدث | الوصف |
| ---------- |: -------------: |
| للخلف | يتم رفع الحدث عند عودة المستخدم. |

سيناريوهات

دعنا نرى بعض العينات التي تغطي السيناريوهات الشائعة.

شريط التطبيق البسيط

دعنا نرى مثالًا أساسيًا:

<Shell>
     <Shell.AppBar>
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

شريط التطبيقات المخصص

تخصيص المظهر باستخدام شريط شفاف بارتفاع مخصص ومحتوى مخصص (TitleView).

<Shell>
     <Shell.AppBar>
        <AppBar  
            BarHeight="120"
            BarBackgroundColor="Transparent">
            <AppBar.TitleView>
            ...
            </AppBar.TitleView>
        </AppBar>
     </Shell.AppBar>
    ...
</Shell>

تحديد مستوى

يعرض شريط التطبيقات العلوي (الموضع الافتراضي) التنقل والإجراءات في الجزء العلوي من شاشات الجوال.

<Shell>
     <Shell.AppBar
          Placement="Top">
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

يعرض شريط التطبيق السفلي التنقل والإجراءات أسفل شاشات الهاتف المحمول.

<Shell>
     <Shell.AppBar
          Placement="Bottom">
         <AppBar />
     </Shell.AppBar>
    ...
</Shell>

استخدام الأنماط

يمكن تخصيص مظهر محتوى علامة التبويب أو شريط علامات التبويب أو عنصر علامة التبويب وما إلى ذلك باستخدام أنماط XAML أو CSS .

باستخدام XAML:

<Style
    x:Key="AppBarStyle"
    TargetType="AppBar">
    <Setter
        Property="BarHeight"
        Value="120" />
    <Setter
        Property="BarBackgroundColor"
        Value="Transparent" />
</Style>

باستخدام CSS:

.appBarStyle {
  background: transparent;
  height: 120px;
}

الصعوبة: متوسطة

معلومات اكثر

بناءً على https://github.com/xamarin/Xamarin.Forms/issues/10774