Поделиться через

Отладка XAML в Blend

  • Статья

Средства можно использовать в Blend для Visual Studio для отладки XAML в приложении. При сборке проекта все ошибки отображаются на панели Результаты. Для поиска разметки, относящейся к ошибке, дважды щелкните ошибку. Если требуется больше места для работы, можно скрыть панель результатов , нажав клавишу F12.

синтаксические ошибки;

Синтаксические ошибки возникают, если XAML или файлы с выделенным кодом не соответствуют правилам форматирования данного языка. По описанию ошибки можно понять способ ее устранения. В этом списке также указывается имя файла и номер строки, где возникает ошибка. Ошибки XAML перечислены на вкладке Разметка панели Результаты.

Совет

Язык разметки XAML основан на XML и следует правилам синтаксиса XML.

Вот несколько наиболее распространенных причин синтаксических ошибок XAML:

  • Ошибка в написании ключевого слова или неправильный регистр.

  • Отсутствуют кавычки вокруг атрибутов или текстовых строк.

  • У элемента XAML отсутствует закрывающий тег.

  • Элемент XAML находится в недопустимом месте.

Дополнительные сведения об общем синтаксисе XAML см. в разделе Руководство по синтаксису XAML.

Вы также можете определить и устранить простые синтаксические ошибки кода, ошибки компиляции и ошибки во время выполнения в Blend. Однако обнаружить и исправить ошибки кода программной части, возможно, легче в Visual Studio.

Отладка примера кода XAML

В следующем примере описан простой сеанс отладки XAML в Blend.

Создание проекта

  1. В Blend откройте меню "Файл " и нажмите кнопку "Создать проект".

    В левой части диалогового окна Создание проекта отображается список типов проектов. При выборе типа проекта щелчком связанные с этим типом шаблоны проектов отображаются справа.

  2. В списке типов проектов щелкните Windows Universal.

  3. В списке шаблонов проектов щелкните Пустое приложение (универсальное приложение Windows).

  4. В текстовом поле "Имя" введите DebuggingSample.

  5. В текстовом поле Расположение проверьте расположение проекта.

  6. В списке Язык выберите Visual C# и нажмите ОК для создания проекта.

  7. Щелкните правой кнопкой мыши на поверхности разработки, затем нажмите Показать исходный код, чтобы переключиться в представление Разделить.

  8. Скопируйте следующий код, нажав ссылку Копировать в правом верхнем углу области кода.

    <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>

  9. Найдите элемент Grid по умолчанию и вставьте код между открывающим и закрывающим тегами Grid. В результате ваш код должен выглядеть примерно следующим образом.

    <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>

  10. Нажмите клавиши CTRL+SHIFT+B, чтобы создать проект.

    Появится сообщение об ошибке, извещающее о том, что проект не может быть собран, а в нижней части приложения отобразится панель Результаты с перечнем ошибок.

    Debug XAML in Blend for Visual Studio

Устранение ошибок XAML

При обнаружении ошибок XAML поверхность разработки отображает оповещение о том, что проект содержит недопустимую разметку. По мере разрешения ошибок перечень ошибок на панели Результаты обновляется. После разрешения всех ошибок поверхность разработки включается, и на ней отображается ваше приложение.

Устранение ошибок XAML

  1. Двойным щелчком выберите первую ошибку в списке. Описание — "Значение< "" недопустимо в атрибуте". При двойном щелчке по ошибке указатель находит соответствующее расположение в коде. Элемент < перед Button допустим, а не является атрибутом, как говорится в сообщении об ошибке. Если рассмотреть предыдущую строку кода, можно увидеть, что отсутствуют закрывающие кавычки для атрибута Top. Введите закрывающие кавычки. Обратите внимание, что перечень ошибок на панели Результаты обновляется в соответствии с внесенными изменениями.

  2. Дважды щелкните описание "'0" недопустимо в начале имени". Margin="0,149,0,0" представляется хорошо сформированным. Тем не менее обратите внимание, что цветовая кодировка элемента Margin не соответствует другим элементам Margin в коде. Поскольку в предыдущей паре имени и значения отсутствуют закрывающие кавычки (VerticalAlignment="Top), элемент Margin=" читается как часть значения предыдущего атрибута, а 0 читается как начало пары имени и значения. Введите закрывающие кавычки для Top. Перечень ошибок на панели Результаты обновляется в соответствии с внесенными изменениями.

  3. Дважды щелкните оставшуюся ошибку: "Закрывающий XML-тег "Кнопка" не совпадает". Указатель находится в закрываемом теге Сетки (</Grid>), предполагая, что ошибка находится внутри Grid объекта. Обратите внимание, что у второго объекта Button отсутствует закрывающий тег. После добавления закрывающего символа / список на панели Результаты обновляется. Теперь, после устранения этих первоначальных ошибок, обнаруживаются две дополнительные ошибки.

  4. Дважды щелкните "Содержимое" члена не распознается или недоступно". content В c поле должно быть верхний регистр. Замените строчный символ "c" прописным "c".

  5. Дважды щелкните "Свойство Mame" не существует в http://schemas.microsoft.com/winfx/2006/xaml пространстве имен". "M" в "Mame" должен быть "N". Замените "M" на "N". Теперь, когда XAML можно проанализировать, приложение появится на поверхности конструктора.

    Debugging XAML in Blend for Visual Studio

    Нажмите клавиши CTRL+SHIFT+B, чтобы создать проект, и убедитесь, что оставшиеся ошибки отсутствуют.

Отладка в Visual Studio

Вы можете открыть проекты Blend в Visual Studio, чтобы упростить отладку кода в приложении. Чтобы открыть проект Blend в Visual Studio, щелкните правой кнопкой мыши проект на панели "Проекты " и выберите команду "Изменить" в Visual Studio. Завершив сеанс отладки в Visual Studio, нажмите клавиши CTRL+SHIFT+S, чтобы сохранить все изменения, а затем вернитесь в Blend. Вам будет предложено перезагрузить проект. Нажмите кнопку "Да" для продолжения работы в Blend.

Дополнительные сведения об отладке приложения см. в статье "Отладка приложений UWP" в Visual Studio.

Справка

Если вам нужна дополнительная помощь по отладке приложения Blend, вы можете искать форумы сообщества приложений UWP для сообщений, связанных с вашей проблемой, или опубликовать вопрос.