Blend'de XAML hatalarını ayıklama

Makale
08/25/2023

uygulamanızdaki XAML'de hata ayıklamak için Visual Studio için Blend araçlarını kullanabilirsiniz. Bir proje oluşturduğunuzda, sonuçlar panelinde tüm hatalar görüntülenir. Hatayla ilgili işaretlemeyi bulmak için bir hataya çift tıklayın. Çalışmak için daha fazla alan gerekiyorsa F12 tuşuna basarak Sonuçlar panelini gizleyebilirsiniz.

Sözdizimi hataları

XAML veya arka planda kod dosyaları dilin biçimlendirme kurallarına uymuyorsa söz dizimi hataları oluşur. Hatanın açıklaması, nasıl düzeltileceğini anlamanıza yardımcı olabilir. Liste ayrıca dosyanın adını ve hatanın oluştuğu satır numarasını belirtir. XAML hataları Sonuçlar panelindeki İşaretle sekmesinde listelenir.

İpucu

XAML, XML tabanlı bir işaretleme dilidir ve XML söz dizimi kurallarını izler.

XAML söz dizimi hatalarının bazı yaygın nedenleri şunlardır:

Bir anahtar sözcük yanlış yazılmıştır veya büyük harf ayrımı yanlıştır.
Özniteliklerin veya metin dizelerinin çevresinde tırnak işaretleri eksik.
XAML öğesinde bir kapatma etiketi eksiktir.
XAML öğesi, izin verilmeyen bir konumda bulunmaktadır.

Yaygın XAML söz dizimi hakkında daha fazla bilgi için bkz . Temel XAML söz dizimi kılavuzu.

Ayrıca Blend'de basit arka planda kod temelli söz dizimi hatalarını, derleme hatalarını ve çalışma zamanı hatalarını belirleyebilir ve çözebilirsiniz. Ancak, Visual Studio'da arka planda kod oluşturma hatalarını tanımlamak ve çözmek daha kolay olabilir.

Örnek XAML kodunda hata ayıklama

Aşağıdaki örnek, Blend'de basit bir XAML hata ayıklama oturumunda size yol gösterir.

Bir proje oluşturmak için

Blend'de Dosya menüsünü açın ve Yeni Proje'ye tıklayın.

Yeni Proje iletişim kutusunda, sol tarafta proje türlerinin listesi görüntülenir. Bir proje türüne tıkladığınızda, onunla ilişkilendirilmiş proje şablonları sağ tarafta görünür.
Proje türleri listesinde Windows Evrensel'e tıklayın.
Proje şablonları listesinde Boş Uygulama (Evrensel Windows) seçeneğine tıklayın.
Ad metin kutusuna yazınDebuggingSample.
Konum metin kutusunda projenin konumunu doğrulayın.
Dil listesinde Visual C# öğesine tıklayın ve ardından Tamam'a tıklayarak projeyi oluşturun.
Tasarım yüzeyine sağ tıklayın ve ardından Kaynağı Görüntüle'ye tıklayarak Bölünmüş görünüme geçin.

Kodun sağ üst köşesindeki Kopyala bağlantısına tıklayarak aşağıdaki kodu kopyalayın.

<Grid HorizontalAlignment="Left" Height="222" VerticalAlignment="Top>
     <Button content="Button" x:Mame="Home" HorizontalAlignment="Left" VerticalAlignment="Top"/>
     <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,38,0,0">
     <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,75,0,0"/>
     <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,112,0,0"/>
     <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top Margin="0,149,0,0"/>
</Grid>

Varsayılan Kılavuz'u bulun ve kodu Kılavuz etiketlerini açma ve kapatma arasına yapıştırın. İşiniz bittiğinde kodunuz aşağıdaki gibi görünmelidir:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
     <Grid HorizontalAlignment="Left" Height="222" VerticalAlignment="Top>
          <Button content="Button" x:Mame="Home" HorizontalAlignment="Left" VerticalAlignment="Top"/>
          <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,38,0,0">
          <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,75,0,0"/>
          <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,112,0,0"/>
          <Button Content="Button" HorizontalAlignment="Left" VerticalAlignment="Top Margin="0,149,0,0"/>
     </Grid>
</Grid>

Projeyi oluşturmak için Ctrl+Shift B tuşlarına+basın.

Projenin oluşturulamadığı konusunda sizi uyaran bir hata iletisi görüntülenir ve hataların listelendiği Sonuçlar paneli uygulamanın en altında görüntülenir.

XAML hatalarını çözme

XAML hataları algılandığında tasarım yüzeyi projenizin geçersiz işaretleme içerdiğine dair bir uyarı görüntüler. Hataları düzelttıkça Sonuçlar panelindeki hata listesi güncelleştirilir. Tüm hataları çözdüğünüzde tasarım yüzeyi etkinleştirilir ve uygulamanız tasarım yüzeyinde görüntülenir.

XAML hatalarını çözmek için

Listedeki ilk hataya çift tıklayın. Açıklama şudur: "'' değeri< bir öznitelikte geçerli değil." Hataya çift tıkladığınızda, işaretçi kodda ilgili konumu bulur. Yukarıdaki <Button geçerli ve hata iletisinde önerilen bir öznitelik değil. Yukarıdaki kod satırına bakarsanız, özniteliğin Top kapanış tırnak işaretlerinin eksik olduğunu fark edersiniz. Kapanış tırnak işaretlerini yazın. Sonuçlar panelindeki hata listesinin değişikliklerinizi yansıtacak şekilde güncelleştirildiğini fark edin.
"'0' bir adın başında geçerli değil" Margin="0,149,0,0" açıklamasına çift tıklayın. iyi biçimlendirilmiş gibi görünüyor. Ancak, renk kodlamasının Margin koddaki diğer örnekleriyle Margin eşleşmediğini fark edin. Yukarıdaki ad/değer çiftinde ()VerticalAlignment="Top kapanış tırnak işaretleri eksik olduğundan, Margin=" önceki özniteliğin değerinin bir parçası olarak okunur ve 0, bir ad/değer çiftinin başlangıcı olarak okunur. için Topkapanış tırnak işaretlerini yazın. Sonuçlar panelindeki hata listesi, değişikliklerinizi yansıtacak şekilde güncelleştirilir.
Kalan "'Düğme' kapanış XML etiketi uyuşmuyor" hatasını çift tıklatın. İşaretçi, hatanın nesnenin içinde Grid olduğunu öneren kapanış Kılavuz etiketinde ()</Grid> bulunur. İkinci Button nesnenin kapanış etiketi eksik olduğuna dikkat edin. Kapanışı /ekledikten sonra Sonuçlar paneli listesi güncelleştirilir. Bu ilk hatalar çözümlendiğine göre iki ek hata daha belirlendi.
"'İçerik' üyesi tanınmıyor veya erişilebilir değil" seçeneğine çift tıklayın. in ccontent büyük harf olmalıdır. Küçük harf "c"yi büyük harf "c" ile değiştirin.
"'Mame' özelliği ad alanında http://schemas.microsoft.com/winfx/2006/xaml yok" öğesine çift tıklayın. "Mame" içindeki "M" bir "N" olmalıdır. "M" yerine "N" yazın. Artık XAML ayrıştırılabildiğine göre uygulama tasarım yüzeyinde görünür.

Projenizi oluşturmak ve kalan hata olmadığını onaylamak için Ctrl+Shift B tuşlarına+basın.

Visual Studio’da hata ayıklama

Uygulamanızdaki kodun hatalarını daha kolay ayıklamak için Visual Studio'da Blend projelerini açabilirsiniz. Bir Blend projesini Visual Studio'da açmak için Projeler panelinde projeye sağ tıklayın ve ardından Visual Studio'da Düzenle'ye tıklayın. Visual Studio'da hata ayıklama oturumunuzu tamamladıktan sonra, tüm değişikliklerinizi kaydetmek için Ctrl+Shift+S tuşlarına basın ve ardından Blend'e geri dönün. Projeyi yeniden yüklemeniz istenir. Blend'de çalışmaya devam etmek için Tümüne Evet'e tıklayın.

Uygulamanızda hata ayıklama hakkında daha fazla bilgi için bkz . Visual Studio'da UWP uygulamalarında hata ayıklama.

Yardım alma

Blend uygulamanızda hata ayıklama konusunda daha fazla yardıma ihtiyacınız varsa, sorununuzla ilgili gönderiler için UWP uygulama topluluğu forumlarında arama yapabilir veya bir soru gönderebilirsiniz.

Share via