Freigeben über


Gewusst wie: Entwerfen eines Silverlight-Bildschirms mithilfe des Bildschirm-Designers

Sie können die Darstellung eines Bildschirms im Bildschirm-Designer bearbeiten.Im Bildschirm-Designer können Sie die folgenden Entwurfsaufgaben ausführen.

Entwurfsaufgaben für Felder und Befehle

  • Hinzufügen einer Informationsgruppe zu einem Bildschirm

  • Ändern des Layouts einer Gruppe

  • Hinzufügen von Schaltflächen

  • Hinzufügen von Elementen

  • Entfernen von Elementen

  • Verschieben von Elementen

  • Ändern des Anzeigenamens für ein Element

  • Ändern der Bezeichnungsposition eines Elements

  • Ändern der Größe eines Elements

  • Ein- oder Ausblenden eines Elements

  • Ändern des Steuerelementtyps für ein Element

  • Hinzufügen eines benutzerdefinierten Steuerelements zu einem Bildschirm

  • Rückgängigmachen von Änderungen

Entwurfsaufgaben für Datensammlungen

  • Ändern der anfänglichen Datenanzeige in einer Auflistung beim ersten Laden eines Bildschirms

  • Aktivieren und Deaktivieren des Paging

  • Aktivieren und Deaktivieren der Sortierung

  • Aktivieren und Deaktivieren der Suche

Weitere Informationen zum Umsetzen von Entwurfsaufgaben, während die Anwendung ausgeführt wird, finden Sie unter Gewusst wie: Anpassen eines Silverlight-Bildschirms in einer ausgeführten Anwendung.

Hinzufügen einer Informationsgruppe zu einem Bildschirm

  1. Wählen Sie in der Struktur der Bildschirminhalte eine Gruppe aus, der Sie eine Gruppe von Informationen hinzufügen möchten.

  2. Klicken Sie am oberen Rand des Bildschirm-Designers auf Layoutelement hinzufügen und anschließend auf Gruppe.

    Eine neue Gruppe wird angezeigt.

  3. Ziehen Sie Elemente in die Gruppe.Sie können Elemente aus der Liste der Bildschirm-Member des Designers oder aus anderen Bereichen der Struktur der Bildschirminhalte ziehen.

Ändern des Layouts einer Gruppe

  1. Klicken Sie in der Struktur der Bildschirminhalte neben einer Gruppe, die Sie ändern möchten, auf den Pfeil nach unten.

    Eine Dropdownliste wird angezeigt.In der Dropdownliste werden alle Steuerelementtypen angezeigt, die für die Gruppe verfügbar sind.

  2. Klicken Sie in der Dropdownliste der Steuerelemente auf einen Steuerelementtyp.

    Der ausgewählte Steuerelementtyp beeinflusst das Layout der Gruppe.Weitere Informationen zu einzelnen Steuerelementtypen finden Sie unter Erläuterung: Bildschirm-Designer-Eigenschaften.

Hinzufügen von Schaltflächen

  1. Wählen Sie in der Struktur der Bildschirminhalte einen beliebigen Knoten vom Typ Befehlsleiste aus.

  2. Klicken Sie am oberen Rand des Bildschirm-Designers auf Layoutelement hinzufügen und anschließend auf Schaltfläche.

    Eine Schaltfläche wird unter dem Knoten Befehlsleiste angezeigt.

  3. Fügen Sie Code hinzu, der beim Klicken auf die Schaltfläche ausgeführt wird.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Befehls zu einem Silverlight-Bildschirm.

Hinzufügen von Elementen

  • Ziehen Sie im Bildschirm-Designer aus der Liste der Bildschirm-Member ein Element (z. B. ein Feld oder einen Befehl) an die gewünschte Position in der Struktur der Bildschirminhalte.

    TippTipp

    Die Struktur der Bildschirminhalte ist die Hierarchie der Bildschirmobjekte, die in der Mitte des Designers angezeigt werden.

    Beim Ziehen des Elements ändert sich der Mauszeiger, um anzuzeigen, ob das Element an einer bestimmten Stelle eingefügt werden kann.Wenn der Mauszeiger sich in einen Kreis mit einem Schrägstrich ändert, können Sie das Element an der entsprechenden Position nicht ablegen.

    Sie können einem Bildschirm auch benutzerdefinierte Felder hinzufügen.Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen einer lokalen Eigenschaft zu einem Silverlight-Bildschirm.

Entfernen von Elementen

  1. Wählen Sie in der Struktur der Bildschirminhalte das Element (z. B. ein Feld oder einen Kommentar) aus, das Sie aus dem Bildschirm entfernen möchten.

  2. Klicken Sie am oberen Rand der Struktur der Bildschirminhalte auf die Schaltfläche Löschen.

Verschieben von Elementen

  • Ziehen Sie in der Struktur der Bildschirminhalte das Element (z. B. ein Feld oder einen Kommentar) an die gewünschte Position in der Liste der Elemente.

    Ziehen Sie z. B. das Feld PostalCode, um es unter dem Feld Country anzuordnen, oder ziehen Sie die Schaltfläche Bearbeiten, um sie über der Schaltfläche Löschen anzuordnen.

    HinweisHinweis

    Beim Ziehen eines Felds ändert sich der Mauszeiger, um anzuzeigen, ob das Element an einer bestimmten Stelle eingefügt werden kann.Wenn der Mauszeiger sich in einen Kreis mit einem Schrägstrich ändert, können Sie das Element an der entsprechenden Position nicht ablegen.

Ändern des Anzeigenamens für ein Element

  1. Wählen Sie in der Struktur der Bildschirminhalte das Element aus (z. B. ein Feld oder einen Kommentar).

  2. Wählen Sie im Eigenschaftenfenster das Textfeld unter Anzeigename aus, und geben Sie den gewünschten Elementnamen ein.

    Bei Änderungen des Anzeigenamens ändert sich der Name des Elements nicht.Es wird nur der Name des Elements geändert, das im Bildschirm angezeigt wird.

Ändern der Bezeichnungsposition eines Elements

  1. Wählen Sie in der Struktur der Bildschirminhalte das Feld aus.

  2. Klicken Sie im Eigenschaftenfenster auf die Dropdownliste Bezeichnungsposition, und wählen Sie die gewünschte Position aus.

    In der folgenden Tabelle sind die einzelnen Optionen beschrieben.

    Bezeichnungsposition

    Beschreibung

    Linksbündig

    Die Bezeichnung wird links neben dem Steuerelement angezeigt.

    Rechtsbündig

    Die Bezeichnung wird rechts neben dem Steuerelement angezeigt.

    Top

    Die Bezeichnung wird über dem Steuerelement angezeigt.

    Bottom

    Die Bezeichnung wird unter dem Steuerelement angezeigt.

    Kein

    Für das ausgewählte Datenfeld wird keine Bezeichnung angezeigt.

    Collapsed

    Das Feld wird in dem Bereich platziert, der andernfalls für die Bezeichnung reserviert wäre.

Ändern der Größe eines Elements

  1. Wählen Sie in der Struktur der Bildschirminhalte das Element aus (z. B. ein Feld oder einen Kommentar).

  2. Wählen Sie im Eigenschaftenfenster unter Größenanpassung das gewünschte Maß für die Breite und Höhe des Steuerelements aus.

    Informationen zu den einzelnen Einstellungen finden Sie unter Erläuterung: Bildschirm-Designer-Eigenschaften.

Ein- oder Ausblenden eines Elements

  1. Wählen Sie in der Struktur der Bildschirminhalte das Element aus (z. B. ein Feld oder einen Kommentar).

  2. Aktivieren oder deaktivieren Sie im Eigenschaftenfenster die Eigenschaft Ist sichtbar.

    Wenn Sie Ist sichtbar aktivieren, ist das Element auf dem Bildschirm sichtbar, sobald die Anwendung ausgeführt wird.Wenn Sie Ist sichtbar deaktivieren, ist das Element auf dem Bildschirm nicht sichtbar, sobald die Anwendung ausgeführt wird.

    HinweisHinweis

    Die Bezeichnung (Nicht sichtbar) wird neben Elementen angezeigt, die auf dem Bildschirm nicht sichtbar sind, wenn die Anwendung ausgeführt wird.

Ändern des Steuerelementtyps für ein Element

  1. Wählen Sie in der Struktur der Bildschirminhalte die Dropdownliste neben dem Element aus.

  2. Wählen Sie in der Dropdownliste den gewünschten Steuerelementtyp aus.

    Die meisten Steuerelementtypen sind integrierte Steuerelementtypen.Sie können den Steuerelementtyp auch auf ein benutzerdefiniertes Steuerelement festlegen, das Sie mit anderen Tools erstellt haben.Weitere Informationen zu benutzerdefinierten Steuerelementen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem Silverlight-Bildschirm.

Hinzufügen eines benutzerdefinierten Steuerelements zu einem Bildschirm

  1. Wählen Sie in der Struktur der Bildschirminhalte eine beliebige Gruppe aus.

  2. Klicken Sie am oberen Rand des Bildschirm-Designers auf Layoutelement hinzufügen und dann auf Benutzerdefiniertes Steuerelement.

    Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen eines benutzerdefinierten Steuerelements zu einem Silverlight-Bildschirm.

Rückgängigmachen von Änderungen

  • Klicken Sie im Menü Bearbeiten auf Rückgängig.

    TippTipp

    Wenn Sie im Bildschirm-Designer versehentlich eine Bearbeitung rückgängig machen, klicken Sie im Menü Bearbeiten auf Wiederherstellen.

Ändern der anfänglichen Datenanzeige in einer Auflistung beim ersten Laden eines Bildschirms

  1. Wählen Sie im Bildschirm-Designer in der Liste der Bildschirm-Member die Überschrift einer Auflistung aus (z. B. die Überschrift OrderCollection).

  2. Deaktivieren Sie im Eigenschaftenfenster das Kontrollkästchen Abfrage automatisch ausführen, wenn die Auflistung beim Öffnen des Bildschirms keine Daten anzeigen soll.Aktivieren Sie das Kontrollkästchen Abfrage automatisch ausführen, wenn in der Auflistung beim Öffnen des Bildschirms Daten enthalten sein sollen.

Aktivieren und Deaktivieren des Paging

  1. Wählen Sie im Bildschirm-Designer in der Liste der Bildschirm-Member die Überschrift einer Auflistung aus (z. B. die Überschrift OrderCollection).

  2. Deaktivieren Sie im Eigenschaftenfenster das Kontrollkästchen Unterstützung von Paging, wenn alle Zeilen einer Abfrage auch dann angezeigt werden sollen, wenn die Auflistung der Zeilen sehr umfangreich ist.Aktivieren Sie das Kontrollkästchen Unterstützung von Paging, falls Sie die Anzahl von für Benutzer angezeigten Datensätzen einschränken möchten, wenn bei einer Abfrage eine große Anzahl von Datensätzen zurückgegeben wird.

  3. Wenn Sie Unterstützung von Paging gewählt haben, geben Sie unter Anzahl der pro Seite angezeigten Elemente die Anzahl von Zeilen an, die dem Benutzer angezeigt werden sollen.

    HinweisHinweis

    Benutzer können durch Zeilensätze navigieren, indem sie auf einen Link im Bildschirm klicken.

Aktivieren und Deaktivieren der Sortierung

  1. Wählen Sie im Bildschirm-Designer in der Liste der Bildschirm-Member die Überschrift einer Auflistung aus (z. B. die Überschrift OrderCollection).

  2. Deaktivieren Sie im Eigenschaftenfenster das Kontrollkästchen Unterstützung von Sortierung, wenn für die Daten der Auflistung keine Sortieroption verfügbar sein soll.Aktivieren Sie das Kontrollkästchen Unterstützung von Sortierung, wenn für die Daten der Auflistung eine Sortieroption verfügbar sein soll.

Aktivieren und Deaktivieren der Suche

  1. Wählen Sie im Bildschirm-Designer in der Liste der Bildschirm-Member die Überschrift einer Auflistung aus (z. B. die Überschrift OrderCollection).

  2. Deaktivieren Sie im Eigenschaftenfenster das Kontrollkästchen Unterstützung der Suchfunktion, wenn über der Auflistung kein Suchfeld angezeigt werden soll.Aktivieren Sie das Kontrollkästchen Unterstützung der Suchfunktion, wenn über der Auflistung ein Suchfeld angezeigt werden soll.Weitere Informationen zum Bereitstellen einer Datensuche für Benutzer finden Sie unter How to: Enable the User to Search Data.

Siehe auch

Aufgaben

Gewusst wie: Anpassen eines Silverlight-Bildschirms in einer ausgeführten Anwendung

Gewusst wie: Hinzufügen einer lokalen Eigenschaft zu einem Silverlight-Bildschirm

Gewusst wie: Hinzufügen eines benutzerdefinierten Befehls zu einem Silverlight-Bildschirm

Gewusst wie: Hinzufügen von Daten zu einem Bildschirm

Weitere Ressourcen

Bildschirme: Die Benutzeroberfläche Ihrer Anwendung