Infobadge

Badging ist eine nicht aufdringliche und intuitive Möglichkeit, Benachrichtigungen anzuzeigen oder den Fokus auf einen Bereich innerhalb einer App zu richten – sei es für Benachrichtigungen, das Anzeigen neuer Inhalte oder das Anzeigen einer Warnung. Ein info badge ist ein kleiner Teil der Benutzeroberfläche, der einer App hinzugefügt und angepasst werden kann, um eine Zahl, ein Symbol oder einen einfachen Punkt anzuzeigen.

info badge ist in xaml navigation viewintegriert, kann aber auch als eigenständiges Element in der XAML-Struktur platziert werden, sodass Sie ein info badge in einem beliebigen Steuerelement oder Ui-Element ihrer Wahl platzieren können. Wenn Sie eine info badge andere Stelle als navigation viewverwenden, sind Sie dafür verantwortlich, programmgesteuert zu bestimmen, wann und verworfen info badgewerden soll und wo die info badgeplatziert werden soll.

Ist dies das richtige Steuerelement?

Ein info badge sollte verwendet werden, wenn Sie den Fokus des Benutzers auf unintrusive Weise auf einen bestimmten Bereich Ihrer App bringen möchten. Wenn ein info badge angezeigt wird, soll es den Fokus auf einen Bereich bringen und den Benutzer dann wieder in seinen Flow zurücklassen, sodass er die Wahl hat, ob er die Details der info badge angezeigten anzeigen soll oder nicht. Info-Badges sollten nur Nachrichten darstellen, die verworfen und nicht dauerhaft sind. Ein info badge sollte bestimmte Regeln dafür haben, wann sie angezeigt, ausgeblendet und geändert werden kann.

Beispiele für eine geeignete info badge Verwendung:

• Um anzugeben, dass neue Nachrichten eingetroffen sind.
• Um anzugeben, dass neue Artikel zum Lesen verfügbar sind.
• Um anzugeben, dass neue Optionen auf einer Seite verfügbar sind.
• Um anzugeben, dass ein Problem mit einem Element auf einer bestimmten Seite vorliegt, das die Funktion der App nicht blockiert.

Wann sollte ein anderes Steuerelement verwendet werden?

Ein info badge sollte nicht verwendet werden, um kritische Fehler anzuzeigen oder äußerst wichtige Nachrichten zu übermitteln, die sofortige Maßnahmen erfordern. Info-Badges sollten nicht in Fällen verwendet werden, in denen sie sofort interagiert werden müssen, um die App weiterhin verwenden zu können.

Beispiele für unangemessene info badge Verwendung:

• Um auf eine dringende Angelegenheit auf einer Seite innerhalb der App hinzuweisen, die vor der weiteren Verwendung der App behandelt werden muss. Verwenden Sie für dieses Szenario eine content dialog.
• Wird in einer App angezeigt, ohne dass der Benutzer die info badgeverwerfen kann. Verwenden Sie für eine persistente Warnung wie diese eine info bar.
• info badge Verwenden sie als permanente Möglichkeit, den Fokus des Benutzers auf einen Bereich zu bringen, ohne dass der Benutzer die info badgeverwerfen kann.
• Verwenden eines info badge als reguläres Symbol oder Bild in Ihrer App. Verwenden Sie stattdessen ein entsprechendes Bild oder Symbol (siehe IconElement und IconSource).

Typen von info badges

Es gibt drei Stile, aus denen Sie wählen können: Punkt, Symbol und numerisch, wie in der info badge folgenden Reihenfolge dargestellt.

Punkt info badge

Der Punkt info badge ist eine einfache Ellipse mit einem Durchmesser von 4px. Es hat keinen Rahmen und ist nicht dazu gedacht, Text oder etwas anderes darin zu enthalten.

Sie sollten den Punkt info badge für allgemeine Szenarien verwenden, in denen Sie den Fokus des Benutzers auf das info badge -Element lenken möchten, z. B. um anzugeben, dass neue Inhalte oder Updates verfügbar sind.

Symbol info badge

Das Symbol info badge ist eine Ellipse mit einem Durchmesser von 16px, die ein Symbol darin enthält. verfügt info badge über eine IconSource-Eigenschaft , die Flexibilität für die Typen von unterstützten Symbolen bietet.

Sie sollten das Symbol info badge verwenden, um eine schnelle Nachricht zu senden und die Aufmerksamkeit des Benutzers zu erhalten– z. B. um den Benutzer darauf hinzuweisen, dass etwas nicht blockierend schief gegangen ist, ein besonders wichtiges Update verfügbar ist oder dass etwas bestimmtes in der App derzeit aktiviert ist (z. B. ein Countdown-Timer).

Wenn Sie eine BitmapIconSource für die IconSourceinfo badgevon verwenden möchten, sind Sie dafür verantwortlich, sicherzustellen, dass die Bitmap in das info badge passt (entweder durch Ändern der Größe des Symbols oder Ändern der Größe von info badge).

Numerischen info badge

Die Numerische info badge ist die gleiche Form und Größe wie das Symbol info badge, enthält jedoch eine Zahl, die durch die Value-Eigenschaft bestimmt wird. Zahlen müssen ganze ganze Zahlen sein und größer oder gleich 0 sein. Die Breite von info badge wird automatisch erweitert, wenn die angezeigte Zahl mit einer reibungslosen Animation auf mehrere Ziffern anwächst.

Sie sollten die Numerische info badge verwenden, um anzuzeigen, dass es eine bestimmte Anzahl von Elementen gibt, die Aufmerksamkeit erfordern , z. B. neue E-Mails oder Nachrichten.

Voreingestellte info badge Stile

Um die gängigsten Szenarien zu unterstützen, in denen info badges verwendet werden, enthält das Steuerelement integrierte voreingestellte info badge Stile. Sie können zwar info badge anpassen, um eine beliebige Farb-/ Symbol-/Zahlenkombination zu verwenden, aber diese integrierten Voreinstellungen sind eine schnelle Option, um sicherzustellen, dass sie info badge den Richtlinien für die Barrierefreiheit entspricht und in Bezug auf Symbol- und Zahlengrößen proportional ist.

Die folgenden Formatvorlagenvoreinstellungen sind für info badges verfügbar:

Attention

• AttentionDotInfoBadgeStyle
• AttentionIconInfoBadgeStyle
• AttentionValueInfoBadgeStyle

Informational

• InformationalDotInfoBadgeStyle
• InformationalIconInfoBadgeStyle
• InformationalValueInfoBadgeStyle

Erfolg

• SuccessDotInfoBadgeStyle
• SuccessIconInfoBadgeStyle
• SuccessValueInfoBadgeStyle

Achtung

• CautionDotInfoBadgeStyle
• CautionIconInfoBadgeStyle
• CautionValueInfoBadgeStyle

Kritisch

• CriticalDotInfoBadgeStyle
• CriticalIconInfoBadgeStyle
• CriticalValueInfoBadgeStyle

Wenn eine Formatvorlage für ein info badge festgelegt ist und auch eine in Konflikt stehende Eigenschaft festgelegt ist, überschreibt die Eigenschaft den in Konflikt stehenden Teil der Formatvorlage, aber nicht in Konflikt stehende Stilelemente bleiben angewendet.

Wenn Sie z. B. die CriticalIconInfoBadgeStyle auf einen info badgeanwenden, aber auch festlegen InfoBadge.Value = "1", würden Sie am Ende eine info badge haben, die die Hintergrundfarbe "Kritisch" hat, aber die Zahl 1 darin anzeigt, anstatt das voreingestellte Symbol anzuzeigen.

In diesem Beispiel wird eine info badge erstellt, die die Farbe und das Symbol des voreingestellten Stils "Aufmerksamkeitssymbol" annimmt.

<InfoBadge Style="{ThemeResource AttentionIconInfoBadgeStyle}"/>

Zugriff

Für info badge das Steuerelement sind keine Funktionen für die Sprachausgabe oder die Benutzeroberflächenautomatisierung (User Interface Automation, UIA) integriert, da das Steuerelement nicht fokussierbar ist und nicht interagiert werden kann.

Wenn Sie eine in einem info badgenavigation viewverwenden, bietet integrierte navigation view Sprachausgabe- und Hilfstechnologieunterstützung. Wenn Sie mit der Tabulatortaste durch ein navigation view -Element navigieren und auf ein navigation view Element mit einem info badge darauf gelangen, gibt die Sprachausgabe an, dass für dieses Element ein info badge vorhanden ist. Wenn der info badge betreffende numerisch ist, gibt die Sprachausgabe auch den info badgeWert des an.

Wenn Sie einen info badge außerhalb von navigation viewverwenden, empfehlen wir Folgendes, um sicherzustellen, dass Auf Ihre App vollständig zugegriffen werden kann:

• Das übergeordnete Element des info badge sollte fokussierbar sein und über die Registerkarte zugänglich sein.
• Das übergeordnete Element gibt die an Die info badge Sprachausgabe an.
• Die App sendet eine UIA-Benachrichtigung, wenn die info badge zum ersten Mal angezeigt wird.
• Die App sendet eine UIA-Benachrichtigung, wenn ein info badge von der Benutzeroberfläche verschwindet.
• Die App sendet eine UIA-Benachrichtigung, wenn eine signifikante Änderung mit einem vorhandenen info badgeaufgetreten ist.
  • Die Definition von "signifikanter Änderung" liegt bei Ihnen als einzelnen Entwicklern. Beispiele hierfür sind: Ein info badge Wechsel zwischen verschiedenen Typen, eine info badge sich ändernde Farbe, um die status darzustellen, oder ein info badgeWert von s, der eine bestimmte signifikante Zahl überschreitet.

Um zu steuern, was das übergeordnete Element an Sprachausgaben ankündigt, können Sie angefügte Eigenschaften der AutomationProperties-Klasse verwenden. Für wird info badgeempfohlen, entweder die oder die AutomationProperties.FullDescriptionAutomationProperties.ItemStatus angefügten Eigenschaften für das übergeordnete Element festzulegen.

Sie können die info badgeAutomationPeer.RaiseAutomationEvent-Methode verwenden, um UIA-Benachrichtigungen nach dem Erscheinen oder Deren Entlassung zu senden.

Die info badge verfügt über eine Standardgröße, die den Anforderungen an die Barrierefreiheit entspricht. Sie können viele Aspekte von info badge anpassen, einschließlich der Höhe/Breite/Farbe usw., aber es ist wichtig, dass die Standardeinstellung info badge unseren Richtlinien für Barrierefreiheit für Größe und Farbe entspricht.

UWP und WinUI 2

Wichtig

Die Informationen und Beispiele in diesem Artikel sind für Apps optimiert, die das Windows App SDK und WinUI 3 verwenden, gelten jedoch allgemein für UWP-Apps, die WinUI 2 verwenden. In der UWP-API-Referenz finden Sie plattformspezifische Informationen und Beispiele.

Dieser Abschnitt enthält Informationen, die Sie zum Verwenden des Steuerelements in einer UWP- oder WinUI 2-App benötigen.

Für InfoBadge für UWP-Apps ist die Windows-UI-Bibliothek 2 erforderlich. Weitere Informationen, einschließlich Installationsanweisungen, finden Sie unter Windows UI Library (Windows-UI-Bibliothek). APIs für dieses Steuerelement sind im Microsoft.UI.Xaml.Controls-Namespace vorhanden.

• WinUI 2-Apis:InfoBadge-Klasse, IconSource-Eigenschaft, Value-Eigenschaft
• Öffnen Sie die WinUI 2-Katalog-App, und sehen Sie InfoBadge in Aktion. Die App WinUI 2-Katalog umfasst interaktive Beispiele für die meisten WinUI 2-Steuerelemente, -Features und -Funktionen. Rufen Sie die App aus dem Microsoft Store oder den Quellcode auf GitHub ab.

Zur Verwendung des Codes in diesem Artikel mit WinUI 2 stellen Sie die in Ihrem Projekt enthaltenen Windows-UI-Bibliothek-APIs mithilfe eines Alias in XAML dar (wir verwenden muxc). Weitere Informationen finden Sie unter Erste Schritte mit WinUI 2.

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<muxc:InfoBadge/>

Erstellen eines InfoBadge-Elements

Wichtig

Einige Informationen beziehen sich auf Vorabversionen, die vor dem Release ggf. grundlegend überarbeitet werden. Microsoft übernimmt hinsichtlich der hier bereitgestellten Informationen keine Gewährleistungen, seien sie ausdrücklich oder konkludent.

• Wichtige APIs:InfoBadge-Klasse, IconSource-Eigenschaft, Value-Eigenschaft

Öffnen Sie die WinUI 3-Katalog-App, und sehen Sie infoBadge in Aktion.

Die WinUI 3-Katalog-App umfasst interaktive Beispiele für die meisten WinUI 3-Steuerelemente, -Features und -Funktionen. Laden Sie die App aus dem Microsoft Store herunter, oder rufen Sie den Quellcode auf GitHub ab.

Sie können ein InfoBadge in XAML oder im Code erstellen. Die Art von InfoBadge, die Sie erstellen, wird anhand der eigenschaften bestimmt, die Sie festlegen.

Punkt

Verwenden Sie zum Erstellen eines InfoBadge-Punkts ein InfoBadge-Standardsteuerelement ohne festgelegte Eigenschaften.

<InfoBadge />

Symbol

Um ein InfoBadge-Symbol zu erstellen, legen Sie die IconSource-Eigenschaft fest.

<InfoBadge x:Name="SyncStatusInfoBadge">
    <InfoBadge.IconSource>
        <SymbolIconSource Symbol="Sync"/>
    </InfoBadge.IconSource>
</InfoBadge>

Numeric

Um ein numerisches InfoBadge zu erstellen, legen Sie die Value-Eigenschaft fest.

<InfoBadge x:Name="EmailInfoBadge" Value="{x:Bind numUnreadMail}"/>

In den meisten Szenarien binden Sie die Value Eigenschaft von InfoBadge an einen sich ändernden ganzzahligen Wert im Back-End Ihrer App, sodass Sie das InfoBadge basierend auf diesem bestimmten Wert problemlos erhöhen/dekrementieren und ausblenden können.

Hinweis

Wenn sowohl die -Eigenschaft als auch die IconValue -Eigenschaft festgelegt sind, hat die Value -Eigenschaft Vorrang, und infoBadge wird als numerisches InfoBadge angezeigt.

Verwenden eines InfoBadge in NavigationView

Wenn Sie eine NavigationView in Ihrer App verwenden, empfiehlt es sich, ein InfoBadge in NavigationView zu verwenden, um appweite Benachrichtigungen und Warnungen anzuzeigen. Um infoBadge auf einem NavigationViewItem-Objekt zu platzieren, weisen Sie das InfoBadge-Objekt der NavigationViewItem.InfoBadge -Eigenschaft zu.

Im Left-Expanded Modus wird infoBadge rechtsbündig am Rand des NavigationViewItem angezeigt.

Im modus Left-Compact wird infoBadge in der oberen rechten Ecke des Symbols überlagert angezeigt.

Im Modus Oben wird infoBadge an der oberen rechten Ecke des Gesamtelements ausgerichtet.

Es wird empfohlen, keine verschiedenen InfoBadges-Typen in einer NavigationView zu verwenden, z. B. das Anfügen eines numerischen InfoBadge an ein NavigationViewItem und einen Punkt InfoBadge an ein anderes NavigationViewItem in derselben NavigationView.

Beispiel: Erhöhen eines numerischen InfoBadge in einer NavigationView

In diesem Beispiel wird simuliert, wie eine E-Mail-App ein InfoBadge in einer NavigationView verwenden kann, um die Anzahl der neuen E-Mails im Posteingang anzuzeigen und die im InfoBadge angezeigte Zahl zu erhöhen, wenn eine neue Nachricht empfangen wird.

<NavigationView SelectionChanged="NavigationView_SelectionChanged">
    <NavigationView.MenuItems>
        <NavigationViewItem Content="Home" Icon="Home"/>
        <NavigationViewItem Content="Account" Icon="Contact"/>
        <NavigationViewItem x:Name="InboxPage" Content="Inbox" Icon="Mail">
            <NavigationViewItem.InfoBadge>
                <InfoBadge x:Name="bg1"
                                Value="{x:Bind mailBox.NewMailCount, Mode=OneWay}"
                                Visibility="{x:Bind mailBox.HasNewMail, Mode=OneWay}"/>
            </NavigationViewItem.InfoBadge>
        </NavigationViewItem>
    </NavigationView.MenuItems>
    <Frame x:Name="contentFrame" />
</NavigationView>

public sealed partial class MainWindow : Window
{
    MailBox mailBox = new MailBox();

    public MainWindow()
    {
        this.InitializeComponent();

    }

    private void NavigationView_SelectionChanged(NavigationView sender,
                               NavigationViewSelectionChangedEventArgs args)
    {
        if (args.SelectedItem == InboxPage)
        {
            mailBox.ResetNewMailCount();
        }
        else
        {
            mailBox.CheckMail();
        }
    }
}

public class MailBox : DependencyObject
{
    DispatcherQueueTimer timer;

    // Dependency Properties for binding.
    public int NewMailCount
    {
        get { return (int)GetValue(NewMailCountProperty); }
        set { SetValue(NewMailCountProperty, value); }
    }
    public static readonly DependencyProperty NewMailCountProperty =
        DependencyProperty.Register("NewMailCount", typeof(int), typeof(MailBox), new PropertyMetadata(0));

    public bool HasNewMail
    {
        get { return (bool)GetValue(HasNewMailProperty); }
        set { SetValue(HasNewMailProperty, value); }
    }
    public static readonly DependencyProperty HasNewMailProperty =
        DependencyProperty.Register("HasNewMail", typeof(bool), typeof(MailBox), new PropertyMetadata(false));

    public MailBox()
    {
        timer = this.DispatcherQueue.CreateTimer();
        timer.Interval = new TimeSpan(15000000);
        timer.Tick += (s, e) =>
        {
            NewMailCount++;
            if (HasNewMail == false) { HasNewMail = true; }
        };
        timer.Start();
    }

    public void ResetNewMailCount()
    {
        NewMailCount = 0;
        HasNewMail = false;
        timer.Stop();
    }

    public void CheckMail()
    {
        timer.Start();
    }
}

Hierarchie in NavigationView

Wenn Sie über eine hierarchische NavigationView verfügen und NavigationViewItems in anderen NavigationViewItems geschachtelt sind, folgen übergeordnete Elemente den gleichen Entwurfs-/Platzierungsmustern wie oben beschrieben.

Das übergeordnete NavigationViewItem- und das untergeordnete NavigationViewItem-Element verfügen jeweils über eine eigene InfoBadge-Eigenschaft. Sie können den Wert des InfoBadge-Elements des übergeordneten Elements an Faktoren binden, die die InfoBadge-Werte der untergeordneten Elemente bestimmen, z. B. die Summe der numerischen InfoBadges der untergeordneten Elemente im InfoBadge des übergeordneten Elements.

Diese Abbildung zeigt eine hierarchische NavigationView, deren PaneDisplayMode auf Top festgelegt ist, wobei das Element der obersten Ebene (übergeordnetes Element) ein numerisches InfoBadge anzeigt. Die App hat das übergeordnete Element InfoBadge so festgelegt, dass es darstellt, was in den InfoBadges der untergeordneten Elemente angezeigt wird, da die untergeordneten Elemente derzeit nicht erweitert (und daher nicht sichtbar) sind.

Verwenden eines InfoBadge in einem anderen Steuerelement

Möglicherweise möchten Sie Warnungen oder Benachrichtigungen für andere Elemente in Ihrer App als NavigationView anzeigen. Möglicherweise verfügen Sie über ein ListViewItem-Element , das besondere Aufmerksamkeit erfordert, oder ein Menüelement, das eine Benachrichtigung anzeigt. In diesen Fällen können Sie InfoBadge mit anderen Steuerelementen direkt in Ihre Benutzeroberfläche integrieren.

InfoBadge ist ein UIElement und kann daher nicht als freigegebene Ressource verwendet werden.

Verwenden Sie dazu InfoBadge wie jedes andere Steuerelement. Fügen Sie einfach das InfoBadge-Markup hinzu, wo es angezeigt werden soll. Da InfoBadge von Control erbt, verfügt es über alle integrierten Positionierungseigenschaften wie Rand, Ausrichtung, Abstand und mehr, mit denen Sie Ihr InfoBadge genau an der gewünschten Position positionieren können.

Wenn Sie ein InfoBadge innerhalb eines anderen Steuerelements platzieren, z. B. in einem Button - oder ListViewItem-Steuerelement, wird es wahrscheinlich zugeschnitten, wenn Sie es so positionieren, dass es über den Begrenzungsrahmen des übergeordneten Steuerelements hinaus erweitert wird. Wenn sich Ihr InfoBadge innerhalb eines anderen Steuerelements befindet, sollte es nicht über die Ecken des gesamten Begrenzungsrahmens des Steuerelements hinaus positioniert werden.

Beispiel: Platzieren eines InfoBadge in einem anderen Steuerelement

Hier sehen Sie eine Schaltfläche mit einem InfoBadge in der oberen rechten Ecke, wobei der Badge über dem Inhalt angeordnet ist. Dieses Beispiel kann auch auf viele andere Steuerelemente als Button angewendet werden. Es zeigt einfach, wie ein InfoBadge in einem anderen WinUI-Steuerelement platziert, positioniert und angezeigt wird.

<Button Width="200" Height="60" Padding="4"
        HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
    <Grid>
        <SymbolIcon Symbol="Sync"/>
        <InfoBadge x:Name="buttonInfoBadge"
                        Background="#C42B1C"
                        HorizontalAlignment="Right" 
                        VerticalAlignment="Top"
                        Width="16" Height="16">
            <InfoBadge.IconSource>
                <FontIconSource Glyph="&#xEA6A;"/>
            </InfoBadge.IconSource>
        </InfoBadge>
    </Grid>
</Button>

Verwalten von InfoBadge

Ein InfoBadge zeigt in der Regel eine vorübergehende Warnung an, daher ist es üblich, sie ein- oder auszublenden und den Stil regelmäßig zu ändern, während Ihre App ausgeführt wird.

Anzeigen und Ausblenden von InfoBadge

Sie können entweder die Visibility-Eigenschaft oder die Opacity-Eigenschaft verwenden, um ein InfoBadge basierend auf Benutzeraktionen, Programmlogik, Leistungsindikatoren usw. ein- und auszublenden.

Wie bei anderen UIElements nimmt infoBadge durch die Einstellung Visibility.Collapsed keinen Platz in Ihrem Layout ein, sodass sich möglicherweise andere Elemente bewegen, wenn sie angezeigt und ausgeblendet werden.

Wenn die Neupositionierung von Elementen ein Problem ist, können Sie die Opacity -Eigenschaft verwenden, um infoBadge ein- und auszublenden. Opacity ist standardmäßig auf 1.0 festgelegt. Sie können ihn auf 0 festlegen, um infoBadge auszublenden. Wenn Sie die Opacity -Eigenschaft verwenden, nimmt InfoBadge weiterhin Platz im Layout ein, auch wenn es derzeit ausgeblendet ist.

Ändern des InfoBadge-Stils

Sie können das Symbol oder die Zahl ändern, die in einem InfoBadge angezeigt wird, während es angezeigt wird. Das Dekrement oder Erhöhen eines numerischen InfoBadge basierend auf einer Benutzeraktion kann durch Ändern des Werts von InfoBadge.Valueerreicht werden. Das Ändern des Symbols eines InfoBadge-Objekts kann erreicht werden, indem auf ein neues IconSource Objekt festgelegt InfoBadge.IconSource wird. Stellen Sie beim Ändern von Symbolen sicher, dass das neue Symbol die gleiche Größe hat wie das alte Symbol, um einen visuellen Effekt zu vermeiden.

Standardverhalten

Wenn weder InfoBadge.Value noch InfoBadge.IconSource festgelegt sind, zeigt InfoBadge standardmäßig einen Punkt an (insbesondere, wenn Value auf -1 und IconSource auf nullfestgelegt ist, was die Standardwerte sind). Wenn sowohl die -Eigenschaft als IconSource auch die Value -Eigenschaft festgelegt sind, berücksichtigt infoBadge die Value -Eigenschaft und zeigt einen Zahlenwert an.

Sie können auch den Typ von InfoBadge ändern, während er angezeigt wird. Um den Typ von InfoBadge zu ändern, stellen Sie sicher, dass die entsprechende Eigenschaft (Value oder IconSource) des aktuellen Typs auf den Standardwert (-1 oder null) festgelegt ist, und legen Sie die Eigenschaft des neuen Typs auf einen entsprechenden Wert fest. Um den Typ von InfoBadge von numerisch oder symbol in einen Punkttyp InfoBadge zu ändern, stellen Sie sicher, dass InfoBadge.Value auf -1 und InfoBadge.IconSource auf nullfestgelegt ist.

Je nachdem, wie Sie Ihr InfoBadge positioniert haben, beachten Sie, dass dies dazu führen kann, dass sich Elemente verschieben, da sich größe und form des InfoBadge ändern können.

Verwandte Artikel

• NavigationView