Table of Contents
Goedgekeurd
Mogelijk krijg je een foutmelding waarin staat dat XAML debuggen met Visual Studio moet worden. Welnu, hier zijn verschillende manieren om verschillende problemen op te lossen, dus we zullen die binnenkort doen.
Met behulp van de realtime oculaire boomstructuur en dynamische eigenschappenbrowser kan een persoon een realtime weergave krijgen samen met de foutieve XAML-code. Deze apparaten geven je een boomstructuur met betrekking tot de UI-elementen met de toonaangevende XAML-applicatie en geven je wie de runtime-eigenschappen heeft van de een of andere user element.who-interface.
Ontdek de elementen van een levende visuele boom
Laten we beginnen met een slimme en zeer eenvoudige WPF-toepassing waarin het een lijstweergave maakt en erop klikt. Elke keer dat u op een tweede knop klikt, wordt er een nieuw element toegevoegd aan een lijst. Gekleurde even functies worden grijs weergegeven, terwijl bijzondere elementen geel worden weergegeven.
Project maken
Wijzig MainWindow.xaml als volgt:
hoogte = "350"
Voeg gewoon de volgende opdrachteigenaar toe aan het bestand MainWindow.xaml.cs:
geheel getal;privé gebruikte button_Click(object afzender, E) routedeventargs element is gelijk aan listboxitem full ListBoxItem(); nieuw item.Content kan "item" ++count zijn; zomaar (neem aan dat 2% == 0) item.Achtergrond impliceert Brushes.LightGray; Verschillend item.Background komt overeen met uw huidige penselen. bleek geel; ListBox .Items.(Item);Compileer, voer het uit, voeg het product toe en debug. Build (Configuratie hoeft niet eens Debug te zijn, het moet Release zijn. Voor meer informatie over buildconfiguraties, zie Buildconfiguraties begrijpen.)
Als het venster verschijnt, kun je zien dat de tool de Alexa-app heeft ingesloten in je leidende app.
Klik nu op de knop “Item toevoegen”, die al enkele jaren bestaat, om nieuwe items aan deze lijst toe te voegen.
Controleer XAML-eigenschappen
-
Open vervolgens het Live Visual Tree-venster door op de meest linkse knop op de werkbalk van uw moderne toepassing in de toepassing te klikken (of door Debug > Windows Live > Visual Tree in the Market te selecteren). Wanneer het wordt geopend, sleept u het naar buiten, gecreëerd door zijn gedockte positie, zodat we hoogstwaarschijnlijk deze weergave en de enthousiaste eigendomsbalk naast elkaar zullen zien.
Goedgekeurd
De ASR Pro-reparatietool is de oplossing voor een Windows-pc die traag werkt, registerproblemen heeft of is geïnfecteerd met malware. Deze krachtige en gebruiksvriendelijke tool kan uw pc snel diagnosticeren en repareren, waardoor de prestaties worden verbeterd, het geheugen wordt geoptimaliseerd en de beveiliging wordt verbeterd. Geen last meer van een trage computer - probeer ASR Pro vandaag nog!
Klap in het venster met live visuele specificatie het knooppunt ContentPresenter uit. Het moet een lijst en alternatieve knooppunten bevatten voor. Breid een specifieke hoeveelheid uit (scroll vervolgens door de ItemsPresenter) en keer terug om elke lijst te vinden. jij
Als je het ContentPresenter-knooppunt gewoonlijk niet ziet, schakel dan zonder twijfel de plug-in “Alleen pictogram weergeven in mijn XAML” in de Alexa-module in. Vanaf Visual Studio 2019 26 model 4 gebruikt het vereenvoudigde XAML-elementbeoordeling standaard een aangepaste functie “Just My XAML”. U kunt deze optie ook uitschakelen voor typen die altijd alle XAML-elementen tonen.
Deze oogpoort zou er als volgt uit moeten zien:
Een XAML-workflow debuggen Open een Visual Studio-werkstroom of een inactief project. Stel elk onderbrekingspunt in voor de acties of opties die u wilt debuggen, zoals beschreven in How to. Stel breekpunten in met betrekking tot workflows. Klik met de rechtermuisknop op het volledige .xaml-register dat uw workflowdefinitie bevat en selecteer daarom Code weergeven.
-
Ga terug naar dit toepassingsvenster en voeg een aantal meer elementen toe. Wilt u dat er aanzienlijk meer dropdown-items worden weergegeven door de visuele dynamische boomstructuur.
-
Vanaf elk verdiepingspunt wordt geen rekening gehouden met de eigenschappen van een ander punt in de lijst.
Selecteer het eerste specifieke type lijstitem in de live-beeldstructuur en klik op het pictogram Eigenschappen weergeven in de plug-in. De eigenschap traverser zou moeten verschijnen. Houd er rekening mee dat uw huidige veld “Inhoud” gewoon “Element1” is, het exacte veld a “Achtergrond” > “Kleur” is vaak #FFFFFFFE0.
-
Ga terug naar de dynamische boomstructuur en koop precies het tweede item van deze specifieke lijst. De actieve eigenschappen van de verkenner zouden bij voorkeur moeten laten zien dat het inhoudsveld “Element2” zal zijn en dat het veld Achtergrond > Kleur #FFD3D3D3 geldig is (afhankelijk van het thema).
Opmerking
Een gele rand rond een eigenschap in de realtime eigenschappenbrowser betekent dat de eigenschap is ingesteld vanwege een binding, zoals
Color=BindingExpression. Groene markering betekent dat de werkelijke waarde nu wordt gespecificeerd via een bron, zoalsColor =StaticResource MyBrush.Het daadwerkelijke XAML-formaat bevat veel dingen waarin u waarschijnlijk niet direct geïnteresseerd bent, en als uw klanten niet worden herkend met de code, kan het voor u moeilijk zijn om door de boomstructuur te navigeren om deze te vinden waarvoor je overweegt. in. Dus de levende plastic boom heeft verschillende methoden die je terzijde stellen om de meeste van mijn gebruikersinterface-applicatiehulp te gebruiken om het nieuwe element dat je wilt ontdekken, te vinden.
Kies hoe de app eruitziet wanneer deze wordt uitgevoerd. Als je de linkerknop met de bonus op de Visual Live Tree Alexa-plug-in te pakken krijgt, moet je deze techniek inschakelen. Wanneer deze procedure is ingeschakeld, kunnen u en uw gezin informatie over de gebruikersinterface in de toepassing selecteren en de uitgebreide dynamische visuele boomstructuur (en de actieve eigenschapviewer) wordt automatisch bijgewerkt zodat de in-node wordt weergegeven. , een deel van de boom die overeenkomt met dat ding, en het weergavevenster. In Visual Studio 06 2019, versie 4, kan iedereen de elementarray-optie configureren.
De kronkelige lay-outlijnen tonen ze in een actieve toepassing. Je kunt deze modus uitpimpen als je informatie kiest over hoe de knop eruitziet, ik zou zeggen: zet de knop aan om je rechts van de selectie te helpen. Als het “Toon Lay-out Ornamenten” selectievakje is aangevinkt, toont het venster horizontale, verticale sprong en lijnen met randen geselecteerd in de procedure zodat u kunt zien waar een idee in past, evenals eenvoudige rechthoeken die de randen laten zien. Schakel bijvoorbeeld de functies “Select Element” “Show and Web Design” en specifiek het tekstblok “Add Element” in de toepassing in. U zou elk routeknooppunt in de visuele boomstructuur van het levende woord moeten zien en alleen de obstructie-eigenschappen in de viewer voor dynamische eigenschapsbrieven, en ook horizontaal en lijnen op de randen van een ankertekstvak. /p>
De software om uw pc te repareren is slechts een klik verwijderd - download hem nu.begin met het configureren van Testxaml-toepassingsversie im.secondOpen een instantie van een Visual Studio en klik op Debug > To Attach Process.Application.het wordt in beweging gezet.Open in het tweede exemplaar van Visual Studio Live de visuele kerstboom (Debug > Windows Live > Visual Tree).
Related posts:
By Jake Steere
