Bereiche des Arbeitsbereichs in Blend
Wenn Sie mit Blend nicht vertraut sind, nehmen Sie sich kurz Zeit, um sich mit dem Blend-Arbeitsbereich vertraut zu machen. In diesem Abschnitt erhalten Sie eine kurze Führung.
In diesem Abschnitt:
Überblick über den Arbeitsbereich
Überblick über die Zeichenfläche
Überblick über die Werkzeuge
Überblick über den Objektbereich
Überblick über die Bereiche Objekte und Zeitachse
Überblick über den Bereich Eigenschaften
Überblick über den Projektbereich
Überblick über den Gerätebereich
Überblick über den Arbeitsbereich
Blend hat zwei Standardarbeitsbereiche, den Designarbeitsbereich und den Animationsarbeitsbereich. Durch Drücken von Strg-F11 können Sie zwischen diesen wechseln.
Der Schwerpunkt des Design-arbeitsbereichs liegt auf allgemeinen Erstellungsaufgaben. Im Animationsarbeitsbereich befindet sich das Panel Objekte und Zeitachsen unterhalb der Zeichenfläche. Somit steht mehr Platz für die Anzeige der Zeitachse zur Verfügung.
Der Designarbeitsbereich (links) und der Animationsarbeitsbereich (rechts)
Menüs |
Zeichenfläche |
||
Werkzeugbereich |
Projektbereich, Eigenschaftsbereich und Ressourcenbereich |
||
Bereich für Objekte und Zeitachsen |
Ergebnisbereich (im Bereich Objekte und Zeitachse im Arbeitsbereich Animation) |
Ein Arbeitsbereich in Blend for Visual Studio besteht aus allen visuellen Schnittstellenelementen. Dazu gehören die Zeichenfläche, Panels, Arbeitsbereichskonfigurationen, Erstellungsansichten und Menüs.
Dokumentregisterkarten In diesem Bereich werden alle zurzeit geöffneten Projektdokumente angezeigt. Dies schließt Fenster, Seiten, Ressourcenverzeichnisse und Benutzersteuerelemente ein. |
|
Aktive Dateien: In diesem Bereich wird das zurzeit auf der Zeichenfläche geöffnete Dokument festgelegt, und alle in den Dokumentregisterkarten geöffneten Dateien werden aufgeführt. |
|
Ansichten In diesem Bereich wird eine der drei Echtzeit-Erstellungsumgebungen verwendet:
|
Der Arbeitsbereich von Blend ist anpassbar und skalierbar. Sie können die Panelausrichtung ändern, Panels andocken oder frei verschieben, die Größe der Panels durch Ziehen der Rahmen ändern, die Zeichenfläche vergrößern und das Andocken von Objekten auf der Zeichenfläche ein- und ausschalten. Außerdem können Sie das Farbschema des Arbeitsbereichs mithilfe der Theme-Eigenschaft im Dialogfeld Optionen (im Menü Werkzeuge) ändern.
Überblick über die Zeichenfläche
Die Zeichenfläche ist Ihre Arbeitsoberfläche. Entwerfen Sie visuell ein Dokument, indem Sie Objekte zeichnen und diese anpassen.
Grafische Designoberfläche Legen Sie die Zeichenflächenoptionen, z. B. das Ändern der Hintergrundfarbe, im Dialogfeld Optionen fest. |
|
XAML-Editor Bearbeiten Sie den XAML-Code im XAML-Editor. |
|
Steuerelemente der Zeichenfläche Verwenden Sie diese Steuerelemente, um die Ansicht der Zeichenfläche zu vergrößern oder zu verkleinern, das Rendern der Effekte zu aktivieren, die Andockoptionen festzulegen und Dateianmerkungen zu aktivieren. |
|
Dokumentregisterkarten Wenn Sie auf der Zeichenfläche mehr als ein Dokument geöffnet haben, können Sie zwischen den Dokumenten wechseln, indem Sie auf die entsprechende Registerkarte klicken. |
|
Schaltflächen für Ansicht Verwenden Sie diese Schaltflächen, um zwischen den Ansichten Design, XAML und Teilen umzuschalten. |
|
Objekthandles Verwenden Sie die Objekthandles, um das Objekt mithilfe der Maus zu ändern. |
Sehen Sie sich ein kurzes Video an (womöglich nur in englischer Sprache): Die Zeichenfläche.
Überblick über die Werkzeuge
Mit dem Werkzeugpanel in Blend for Visual Studio können Sie Objekte in der Anwendung erstellen und ändern. Die Objekte werden erstellt, indem Sie ein Werkzeug auswählen und die Objekte mit der Maus auf die Zeichenfläche ziehen.
Auswahlwerkzeuge Wählen Sie Objekte und Pfade. Verwenden Sie das Werkzeug Direktauswahl wird verwendet, um geschachtelte Objekte und Pfadsegmente auszuwählen. |
Pinsel mit Farbverlauf und die Werkzeuge |
||
Ansichtswerkzeuge Mit diesen Werkzeugen kann die Ansicht der Zeichenfläche beispielsweise zum Schwenken und Zoomen verwendet werden. |
Pfadwerkzeuge |
||
Pinselwerkzeuge Dienen zum Bearbeiten der visuellen Attribute eines Objekts, beispielsweise Pinseltransformationen, Zeichnen eines Objekts oder Auswählen der Attribute eines Objekts zur Übertragung auf ein anderes Objekt. |
Formenwerkzeuge |
||
Objektbibliothekswerkzeuge Dienen zum Zeichnen der gängigsten Objekte auf der Zeichenfläche, z. B. Pfade, Formen, Layoutbereiche, Text und Steuerelemente. |
Layoutbereiche |
||
Objektwerkzeuge Ermöglichen den Zugriff auf das Objektepanel und die Anzeige des zuletzt verwendeten Objekts aus der Bibliothek. |
Textsteuerelemente |
||
Allgemeine Steuerelemente |
Sehen Sie sich ein kurzes Video an (womöglich nur in englischer Sprache): Die Symbolleiste.
Überblick über den Objektbereich
Der Bereich Werkzeuge zeigt die am häufigsten verwendeten Steuerelemente an, aber Sie finden alle Steuerelemente im Bereich Elemente. In der Tat finden Sie alles, das Sie zur Zeichenfläche hinzufügen können, einschließlich der Steuerelemente, Stile, Medien, Verhalten und Effekte.
Suchfeld Verwenden Sie das Feld Suchen zum Filtern der Liste der Objekte. |
|
Gittermodus und Listenmodus Wechseln Sie zwischen der Ansicht Gittermodus und Listenmodus der Objekte. |
|
Objektkategorien Klicken Sie auf eine Kategorie oder Unterkategorie, um die Liste der Objekte in dieser Kategorie anzuzeigen. |
|
Formatvorlagen Zeigt alle Stile an, die im Ressourcenverzeichnis enthalten sind. |
|
Beschreibung Zeigen Sie eine Beschreibung der ausgewählten Objektkategorie oder Unterkategorie an. |
Überblick über die Bereiche Objekte und Zeitachse
Verwenden Sie diesen Bereich, um die Objekte auf der Zeichenfläche zu organisieren und gegebenenfalls zu animieren.
Objektansicht Zeigt die visuelle Struktur eines Dokuments an. Sie können einen Drilldown zu verschiedenen Detailebenen durchführen. Sie können auch zum Organisieren von Objekten auf der Zeichenfläche weitere Ebenen hinzufügen. Auf diese Weise können Sie sie sperren und als Gruppe ausblenden. |
|
Anzeige für Aufzeichnungsmodus Zeigt an, wenn Sie Eigenschaftenänderungen in einer Zeitachse aufzeichnen. |
|
Storyboardauswahl Zeigt eine Liste der von Ihnen erstellten Storyboards an. |
|
Storyboard schließen Schließt das aktuelle Storyboard. |
|
Storyboard-Optionen Erstellen, Kopieren, Umkehren, Löschen, Umbenennen oder Schließen eines Storyboards. |
|
Wiedergabesteuerelemente Navigieren durch die Zeitachse. Sie können die Position auch ziehen, um auf der Zeitachse zu navigieren oder Scrubbing auszuführen. |
|
Bereich zurücksetzen auf Setzt die Objektansicht wieder zurück zum vorherigen Stammobjekt oder Bereich. Dies ist nur beim Ändern von Stilen oder Vorlagen möglich. |
|
Keyframe aufzeichnen Zeichnet einen Snapshot der Eigenschaften des ausgewählten Objekts zum aktuellen Zeitpunkt auf. |
|
Andockoptionen Legt Andock-Zeitachse, Andockauflösung fest und deaktiviert das Andocken der Zeitachse. |
|
Einblenden/Ausblenden, Sperren/Entsperren Zeigt die Sichtbarkeits- und Sperroptionen für die Objektansicht oder blendet sie aus. |
|
Position auf der Zeitachse zeigt die aktuelle Zeit in Millisekunden an. Wenn Sie zu einem bestimmten Zeitpunkt springen möchten, können Sie auch direkt einen Zeitwert in dieses Feld eingeben. Die Präzision ist von der unter Andockoptionen festgelegten Auflösung zum Andocken abhängig. |
|
Position Zeigt den Zeitpunkt der Animation an. Sie können die Position über die Zeitachse ziehen, um eine Vorschau der Animation anzuzeigen. |
|
Für Zeitachsen festgelegte Keyframes Ändert den Wert einer Eigenschaftsänderung zu einem bestimmten Zeitpunkt. |
|
Änderungsreihenfolge von Objekten Legt die Anzeigereihenfolge von Objekten fest. Klicken Sie auf diese Schaltfläche, um Objekte in der Strukturansicht gemäß der Z-Reihenfolge (von vorne nach hinten) oder gemäß der Markupreihenfolge (entspricht der Reihenfolge in der XAML-Ansicht) anzuordnen. |
|
Zeitachsenzoom Legt die Zoomauflösung der Zeitachse fest. Durch Vergrößern können Sie eine detailliertere Animation bearbeiten, während Sie beim Verkleinern eine Übersicht der Ereignisse über einen längeren Zeitraum hinweg anzeigen können. Wenn Sie beim Vergrößern kein Keyframe zum gewünschten Zeitpunkt festlegen können, stellen Sie sicher, dass die Auflösung zum Andocken hoch genug eingestellt ist. |
|
Zeitachsen-Erfassungsbereich Zeigt die Zeitachse an und ermöglicht Ihnen das Verschieben der Keyframes durch Ziehen oder Verwenden der Kontextmenüs. |
Überblick über den Bereich Eigenschaften
Verwenden Sie diesen Bereich, um die Eigenschaften eines Objekts anzuzeigen und zu ändern. Sie können sie auch direkt auf der Zeichenfläche festlegen. Wenn Sie dies tun, werden die Änderungen im Bereich Eigenschaften angezeigt.
Kategorien Erweitert und Reduziert Kategorien von Eigenschaften. Klicken Sie auf Erweitern und auf Reduzieren , um Kategoriedetails anzuzeigen oder auszublenden.
Name und Typ Zeigt das Symbol, den Namen und den Typ des ausgewählten Objekts an. |
|
Anordnen nach Anordnet Eigenschaften alphabetisch nach Namen, Quelle oder Kategorie an. |
|
Pinseleigenschaften Legt die visuellen Eigenschaften für Pinselarten (Füllung, Strich und Vordergrund) fest. |
|
Farb-Editor Wird für Volltonfarben- und Farbverlaufspinsel verwendet. |
|
Farbauswahl Wählt eine Farbe aus. |
|
Farbchips Zeigt die Ausgangsfarbe, aktuelle Farbe und letzte Farbe an. |
|
Formatpipetten Verwenden die Farbe eines Elements auf dem Bildschirm. Die Verlaufspipette ist verfügbar, wenn der Farbverlaufspinsel ausgewählt ist. Die Verlaufspipette ist verfügbar, wenn der Farbverlaufspinsel ausgewählt ist. |
|
Eigenschaften und Ereignisse Legt Eigenschaften oder Ereignisse für ein ausgewähltes Element fest. |
|
Suchfeld Sucht nach Eigenschaften. Filtert die Eigenschaften, die angezeigt werden, durch die Eingabe in das Feld Suche. |
|
Pinsel-Editor-Registerkarten Zum Auswählen eines Pinsel-Editors. Sie können Keine Pinsel, Mit Volltonfarbe, Farbverlaufspinsel, Kacheleffekt und/oder Pinselressource auswählen. |
|
Farbressourcen Wendet genau dieselbe Farbe auf verschiedene Eigenschaften an. Die Registerkarte Farbressourcen enthält Lokale Ressourcen und Systemressourcen. |
|
RGB-Farbspektrum Sie können die Farbe ändern, indem Sie die Werte für R-, G- oder B-Zahlen-Editoren (Rot, Grün, Blau) anpassen. |
|
Alphakanal Ändern Sie den Alphawert, indem Sie den Zahleneditor neben A verwenden. |
|
Farbe in Ressource konvertieren Konvertiert die ausgewählte Farbe in eine Farbressource. Farbressourcen sind verfügbar, wenn Sie auf die Farbressourcenregisterkarte klicken. |
|
Farbtonwert Zeigt den hexadezimalen Wert der angezeigten Farbe an. |
|
Schieberegler für Farbverlauf Erscheint nur, wenn ein Farbverlaufspinsel ausgewählt ist. |
|
Erweiterte Eigenschaften einblenden Zeigt Kategorien von Eigenschaften an, die weniger häufig verwendet werden. |
Sehen Sie sich ein kurzes Video an (womöglich nur in englischer Sprache): Eigenschaftenbereich.
Überblick über Projektbereich
Verwenden Sie den Projektbereich, um die Dateien in Ihrem Projekt zu verwalten.
Suchfeld Geben Sie in das Feld Suchen Text ein, um die Liste der Projektdateien zu filtern. |
|
Projektmappe Enthält das Anwendungsprojekt und die entsprechenden Dateien. |
|
Verweise Umfasst Projektverweise wie z. B. DLL-Dateien. |
|
Ziellink Ein Pfeil wird über einem Ziellink-Symbol angezeigt, um zu kennzeichnen, dass das Element im Projektordner nicht vorhanden ist. |
|
SampleData Umfasst generierte Beispieldatendateien |
|
MainWindow.xaml Die CodeBehind-Datei für das Hauptdokument. |
|
ResourceDictionary Ein Gruppe von Ressourcen, die im gesamten Projekt genutzt werden können. |
Sehen Sie sich ein kurzes Video an (womöglich nur in englischer Sprache): Der Projektbereich.
Überblick über den Gerätebereich
In diesem Bereich können Sie verschiedene Ansichten Ihrer Anwendung bei der Ausführung simulieren.
Anzeige Zeigen Sie eine Vorschau der verschiedenen Anzeigegrößen und Auflösungen für die App an. |
|
Ausrichtung Zeigen Sie eine Vorschau der verschiedenen Ausrichtungen für die App an: Querformat oder Hochformat. |
|
Rand Zeigen Sie eine Vorschau der verschiedenen Randausrichtungen für die App an: Beide, Links, Rechts, oder Keine. |
|
Hoher Kontrast Zeigen Sie eine Vorschau der App anhand der gewählten Kontrasteinstellung an. Diese Einstellung überschreibt, sofern der Wert nicht auf Standard festgelegt ist, die in App.xaml. festgelegte RequestedTheme-Eigenschaft. |
|
Skalierung überschreiben Zeigen Sie eine Vorschau der App anhand einer vergrößerten Anzeigeskalierung an. Bei einer Anzeigeskalierung von 100 % wird durch Auswählen von Skalierung überschreiben eine Anzeigeskalierung von 140 % simuliert. Bei einer Anzeigeskalierung von 140 % beträgt die simulierte Skalierung 180 %. |
|
Design Zeigen Sie eine Vorschau der App anhand des ausgewählten Designs an. |
|
Mindestbreite Zeigen Sie eine Vorschau der App anhand der Mindestbreiteneinstellung an. Die Mindestbreite kann in App.xaml geändert werden. |
|
Chrom anzeigen Aktivieren bzw. deaktivieren Sie das Kontrollkästchen Chrom anzeigen, um den simulierten Tablet-Rahmen um die App in der Entwurfsansicht ein- bzw. auszuschalten. |
|
Auf Bildschirm zuschneiden ermöglicht das Zuschneiden des gesamten Dokuments oder das Anzeigen der Dokumentenansicht. |
|
Ziel bereitstellen Wählen Sie das Zielgerät aus, auf dem die App bereitgestellt werden soll. |
Helfen Sie uns dabei, unsere Inhalte zu verbessern!
Wenn Sie ein Video oder einen Artikel gefunden haben, die Ihnen geholfen haben, sich mit dem Arbeitsbereich in Blend vertraut zu machen, teilen Sie uns dies mit. Wenn wir den Inhalt überprüfen, fügen wir u. U. einen Link hinzu, damit andere Benutzer von Ihrer Entdeckung profitieren können.
Wir freuen uns auch, wenn Sie uns ein neues Video vorschlagen. Wenn wir ähnliche Anforderungen von anderen erhalten, erstellen wir ein eigenes Video, wenn die Zeit und unsere Prioritäten dies erlauben.
Niemand kennt Ihr Unternehmen besser als Sie. Also bitte teilen Sie uns mit, welche Ressourcen Ihnen geholfen haben, sich mit dem Arbeitsbereich in Blend vertraut zu machen, und welche Bereiche von uns oder einer Person in unserer Community nicht gut erklärt wurden, damit wir unsere Inhalte weiterentwickeln und Sie besser unterstützen können.
Hier können Sie Ihre Vorschläge einreichen.