Xamarin forms previewer как включить в visual studio
Эта ошибка может быть очень неприятной, поскольку она не позволяет вам предварительно просмотреть код перед экспортом на виртуальное устройство Android или любое другое используемое вами устройство.
По этой причине в этой статье мы рассмотрим некоторые проверенные методы исправления что-то пошло не так, соединение закрыто на Xamarin.
Только что открыл Xamarin.Forms Previewer и там написано: «Что-то пошло не так, соединение закрыто». Это свежая установка Visual Studio 2017 и пустой проект Xamarin Forms.
кто-нибудь знает, как решить эту проблему?
1. Проверьте настройки Visual Studio
- Откройте Visual Studio.
- Выберите меню Инструменты и выберите Параметры.
- В меню параметров прокрутите вниз список слева и выберите XAML конструктор (последний параметр в списке).
- Обязательно включите XAML Designer , установив флажок рядом с этим параметром.
- Перезапустите Visual Studio, чтобы изменения вступили в силу.
- Повторите действие, вызвавшее ошибку, чтобы убедиться, что проблема устранена.
2. Закройте и снова откройте файл XAML
- Закройте проблемный файл XAML.
- Подождите несколько секунд и снова откройте его.
- После перезапуска XAML-файла попробуйте его предварительно просмотреть и проверьте, сохраняется ли проблема.
3. Проверьте версию Xamarin.Forms.
4. Полностью удалите и переустановите последнюю версию Visual Studio
Вот как полностью удалить Visual Studio с вашего ПК:
- Нажмите клавиши Win Key + X на клавиатуре и выберите Приложения и функции.
- Найдите Visual Studio в списке программ, выберите его и нажмите Удалить.
- Подождите, пока процесс завершится, а затем перезагрузите компьютер.
В этой статье мы рассмотрели некоторые из лучших исправлений для Что-то пошло не так. Ошибка подключения на Xamarin и Visual Studio.
Пожалуйста, не стесняйтесь сообщить нам, если эта статья помогла вам решить вашу проблему, используя раздел комментариев ниже.
средство предварительного просмотра xaml является устаревшим в Visual Studio 2019 версии 16,8 и Visual Studio для Mac версии 8,8 и заменено функцией горячей загрузки xaml в Visual Studio 2019 версии 16,9 и Visual Studio для Mac версии 8,9. Дополнительные сведения о горячей загрузке XAML см. в документации.
Обзор
Предварительный просмотр XAML показывает, как Xamarin.Forms будет выглядеть страница XAML в iOS и Android. При внесении изменений в код XAML вы увидите, что они отображаются сразу рядом с кодом. предварительный просмотр XAML доступен в Visual Studio и Visual Studio для Mac.
Начало работы
Visual Studio 2019
Вы можете открыть предварительный просмотр XAML, щелкнув стрелки на панели разделенное представление. Если необходимо изменить поведение представления с разделением по умолчанию, воспользуйтесь инструментами > параметры > диалоговом окне Xamarin.Forms предварительного просмотра для Xamarin > XAML . В этом диалоговом окне можно выбрать представление документа по умолчанию и ориентацию разбиения.
При открытии XAML-файла редактор открывает полный размер или рядом с предварительным просмотром на основе параметров, выбранных в меню сервис > параметры > Xamarin > Xamarin.Forms XAML Preview Dialog. Однако разбиение можно изменить для каждого файла в окне редактора.
Элементы управления предварительным просмотром XAML
Выберите, следует ли просматривать код, предварительный просмотр XAML или оба эти кнопки на панели разделенное представление. С помощью средней кнопки можно поменять местами, на которых располагается предварительный просмотр и ваш код:
Можно изменить, разбивается ли экран по вертикали или по горизонтали, или полностью свернуть одну панель:
Включение или отключение предварительного просмотра XAML
Вы можете отключить средство предварительного просмотра XAML в диалоговом окне средства > параметры > Xamarin > Xamarin.Forms XAML , выбрав редактор XML по умолчанию в качестве редактора XAML по умолчанию. Это также выключает структуру документа, панель свойств и панель элементов XAML. Чтобы включить средство предварительного просмотра XAML и эти средства снова, измените редактор XAML по умолчанию на " Xamarin.Forms Предварительный просмотр".
Visual Studio для Mac
Кнопка Предварительный просмотр отображается в редакторе при открытии страницы XAML. Показать или скрыть предварительный просмотр, нажав кнопки предварительного просмотра или разбиения в левом нижнем углу окна документа XAML:
в более ранних версиях Visual Studio для Mac кнопка предварительный просмотр находится в правом верхнем углу окна.
Включение или отключение предварительного просмотра XAML
вы можете отключить предварительный просмотр XAML в диалоговом окне Visual Studio > предпочтения > текстовый редактор > xaml , выбрав редактор XML по умолчанию в качестве редактора XAML по умолчанию. Это также выключает структуру документа, панель свойств и панель элементов XAML. Чтобы включить средство предварительного просмотра XAML и эти средства снова, измените редактор XAML по умолчанию на " Xamarin.Forms Предварительный просмотр".
Параметры средства предварительного просмотра XAML
Ниже перечислены параметры, доступные в верхней части области просмотра.
- Android — отображение версии экрана Android
- ios — показывать версию ios на экране (примечание. если вы используете Visual Studio на Windows, для использования этого режима необходимо связать с компьютером Mac)
- Устройство -раскрывающийся список устройств Android или iOS, включая разрешение и размер экрана
- Книжная (значок) — использует книжную ориентацию для предварительного просмотра.
- Альбомная (значок) — использует альбомную ориентацию для предварительного просмотра
Обнаружить режим конструктора
Статическое DesignMode.IsDesignModeEnabled свойство сообщает, выполняется ли приложение в предварительном просмотре. С его помощью можно указать код, который будет выполняться только в том случае, если приложение не выполняется в предварительном просмотре:
Это свойство полезно при инициализации библиотеки в конструкторе страницы, которая не запускается во время разработки.
Устранение неполадок
Если предварительный просмотр не работает, проверьте указанные ниже проблемы и форумы Xamarin.
В средстве предварительного просмотра XAML не отображается или отображается ошибка
Пользовательские элементы управления не подготовится к просмотру
Попробуйте выполнить сборку проекта. Предварительный просмотр показывает базовый класс элемента управления, если он не может обработать элемент управления, или если создатель элемента управления выдаст представление о времени разработки. Дополнительные сведения см. в разделе Отрисовка пользовательских элементов управления в средстве предварительного просмотра XAML.
Есть ли способ просмотреть страницу форм Xamarin без предварительного развертывания на устройстве / эмуляторе?
Или есть способ редактировать страницу в реальном времени и где-нибудь видеть изменения (немного как Snoopy для WPF). Я пробовал Xamarin Studio + Visual Studio и не вижу дизайнера.
Обновление от 30 сентября 2016 г .:
Используя последнюю версию Xamarin, вы можете выполнить следующие действия:
Используйте меню Просмотр > Другие Windows > Xamarin.Forms Previewer в Visual Studio, чтобы открыть окно предварительного просмотра. Используйте Окно > Меню новой вертикальной группы вкладок , чтобы расположить их рядом, как показано на рисунке ниже:
Обратите внимание, что:
Средство предварительного просмотра требует, чтобы проект был построен до рендеринга страницы. Если в верхней части панели предварительного просмотра появляется ошибка «Недопустимый XAML», заново соберите приложение и повторите попытку.
Старый ответ для ссылки на другие решения:
Предварительный просмотр Xamarin.Forms в настоящее время доступен только в Xamarin Studio в альфа-канале. Следуйте этим инструкциям, чтобы изменить канал обновления.
В настоящее время не существует официального средства предварительного просмотра пользовательского интерфейса Xamarin Forms для Visual Studio. Однако в последнем Xamarin Evolve 2016 Xamarin объявили, что они работают над конструктором, который будет выпущен. Об этом будет объявлено .
Xamarin недавно выпустил Xamarin Previewer только для Xamarin Studio (Visual Studio появится позже), который позволяет предварительно просматривать XAML на iOS и Android. В настоящее время предварительная версия доступна через альфа-канал (29 апреля 2016 г.). Я постараюсь не забыть обновить его, когда он выйдет для Visual Studio.
В качестве неофициальной альтернативы вы можете попробовать:
Предварительный просмотр Xamarin.Forms доступен на стабильном канале в качестве предварительного просмотра.
Проектам требуется последняя версия пакета NuGet Xamarin.Forms для работы средства предварительного просмотра XAML.
Откройте Android SDK Manager и обновите SDK Tools и Platform-Tools.
Перестройте решение и создайте новую страницу xaml.
В Visual Studio: используйте меню «Просмотр»> «Другие окна»> «Xamarin.Forms Previewer», чтобы открыть окно предварительного просмотра. И вуаля
Я оставил здесь свои впечатления после собственное исследование по теме, попробовав:
- Xamarin Previewer
- Xamarin Forms Player
- Горилла игрок
Итог :
Я решил пойти с Gorilla Player. Единственный, который действительно работал со мной - хотя у него есть ограничение на работу только с XAML - это означает, что вы вынуждены кодировать свой пользовательский интерфейс с помощью XAML.
В Xamarin Studio есть средство предварительного просмотра XAML, я уже давно им пользуюсь.
Я использую Xamarin forms v2. 3.2.127 стабильный в Visual Studio 2015 в сообществе издания в операционной системе Windows 10. Каждый раз, когда я пытаюсь открыть xaml, предварительный просмотр Xamarin Forms ничего не показывает, просто синее поле, как на скриншоте ниже. Я также попытался создать новый проект даже в последнем канале предварительного выпуска, но он все тот же.
Как @jgoldberger сказал, XAML-код предпросмотра еще в начале развития. Однако, если вы находитесь на стабильном канале обновления Xamarin, возможно, стоит переключиться на канал бета-обновления.
были значительные улучшения в XAML previewer в следующем выпуске, который в настоящее время находится на 6-й RC-итерации (т. е. очень близко к конюшне). Таким образом, вы можете по крайней мере увидеть, исправляют ли улучшения предварительного просмотра вашу проблему. Вы всегда можете вернуться в канал стабильного обновления, если выбирать.
предварительный просмотр форм XAML по-прежнему выполняется и выпускается как предварительный выпуск. Вот это список текущих отчетов об ошибках, включая тот, который я только что подал, пытаясь проверить это сам.
вот несколько шагов по устранению неполадок:
попробуйте закрыть и повторно открыть файл XAML.
недопустимый XAML: проект Android должен быть построен раньше предварительный просмотр может быть создан. Предварительный просмотр требует, чтобы проект был построен перед отображением страницы. Если в верхней части панели предварительного просмотра появится ошибка, выполните повторную сборку приложения и повторите попытку.
в Xamarin имеет некоторые дополнительная документация на их веб-сайте для устранения неполадок Xamarin.Forms Previewer
убедитесь, что вы установите Xamarin.Формирует пакет NuGet >= v2.3 для ваших проектов Android iOS и PCL.
когда вы XFPageRendererView содержание вашего просмотра, попробуйте установить последний Java Development Kit (64-разрядная версия будет в порядке, даже если Visual Studio работает на 32bit). Затем перейдите к:Visual Studio > Инструменты > Параметры > Xamarin > настройки Android > изменить расположение Java Development Kit на недавно установленный один.
в последнем обновлении Xamarin он исправлен автоматически. Убедитесь, что установлена 64-разрядная версия Java SDK. А также нужно построить / перестроить проект перед открытием файла XAML. Для деталей, вы можете проверить my пост здесь. Спасибо.
Если вы загружаете последнюю версию Java SDK, в это время это 9.x, а затем Xamarin Forms не поддерживает эту версию.
мы пошли в Xamarin Forms Live. Это сработало из коробки.
Как и многие другие ответы, Xamarin Forms находится в предварительном просмотре прямо сейчас.
в качестве альтернативы я использую LiveXAML. Это не предварительный просмотр формы, но использует другой, во многих случаях улучшенный подход. Инструмент позволяет вносить изменения в файлы XAML во время работы приложения, и вы видите изменения, почти сразу отраженные в приложении. Итак, то, что вы видите, - это не предварительный просмотр, а представление о реальной вещи.
Это позволяет вам взаимодействовать с вы приложение, как вы обычно бы и внести изменения на лету.
Xamarin XAML Language Tutorial Реализация XAML Preview в Visual Studio
Каждый раз для просмотра эффекта файла XAML путем компиляции и запуска требуется много времени. Если разработчик использует XAML для макета и проектирования пользовательского интерфейса, XAML можно просмотреть в предварительном просмотре. В этом разделе объясняется, как реализовать предварительный просмотр в Visual Studio и Xamarin Studio.
Предварительный просмотр в Visual Studio
Ниже мы возьмем проект Hello в качестве примера для реализации предварительного просмотра в Visual Studio. При реализации предварительного просмотра вам необходимо выбрать команду «Просмотр (V)» | «Другие окна (E)» | Xamarin.Forms Previewer, чтобы открыть окно Forms Previewer, как показано на рисунке 1.17.
Примечание. При первой загрузке файла XAML разработчику необходимо некоторое время терпеливо подождать. В это время окно Forms Previewer будет читать SDK iOS или Android, как показано на рисунке 1.18.
На этом этапе мы увидим, что в окне Forms Previewer есть 6 опций. Функции этих 6 опций следующие:
Телефон: Представлен на экране размером с мобильный телефон.
Планшет: присутствует на экране планшета (обратите внимание, что в правом нижнем углу панели есть элемент управления масштабированием).
Android: отображение экрана версии Android.
iOS: отображение экрана версии iOS.
Portait (значок): используйте книжную ориентацию для предварительного просмотра.
Альбомная (значок): используйте альбомную ориентацию для предварительного просмотра.
Разработчики могут выбирать эти параметры в соответствии с требованиями собственного кода. Рисунок 1.18 выбирает режимы «Телефон», «iOS» и «Портативный» (значок).
Примечание. Весьма вероятно, что содержимое XAML не будет отображаться в открытом окне средства просмотра форм. Если есть проблема с отображением, разработчик может предложить два решения:
Перед попыткой предварительного просмотра файла XAML проект должен быть собран (скомпилирован).
Попробуйте закрыть и снова открыть файл XAML.
Предварительный просмотр в Xamarin Studio
Если разработчик хочет реализовать предварительный просмотр в Xamarin Studio, он может щелкнуть кнопку предварительного просмотра в файле .xaml, и окно предварительного просмотра появится справа от кода XAML, как показано на рисунке 1.19.
Читайте также: