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

Отладка XAML в Blend

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

Ошибка синтаксиса

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

Подсказка

XAML — это язык разметки на основе XML и соответствует правилам синтаксиса XML.

Ниже приведены некоторые распространенные причины ошибок синтаксиса XAML:

  • Ключевое слово было неправильно или заглавная буква неправильно.

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

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

  • Элемент XAML существует в расположении, где он не разрешен.

Дополнительные сведения об общем синтаксисе XAML см. в руководстве по синтаксису BASIC 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 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, чтобы создать проект.

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

    Отладка XAML в Blend для Visual Studio

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

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

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

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

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

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

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

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

    Отладка XAML в Blend для 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 для сообщений, связанных с вашей проблемой, или опубликовать вопрос.