Xamarin Forms Previewer is missing
The issue occurred on Visual Studio Community 2019 version 16.9.1.
The VS version mentioned above was just downloaded. I am trying to develop a mobile app, but the Xamarin Forms Previewer is missing and I can not enable it from the Option Tools.
For more information, please see the attached files.
Can you help me with a solution? Thank you in advance!
2 Answers 2
The XAML Previewer has been deprecated in Visual Studio 2019 version 16.8 and Visual Studio for Mac version 8.8, and replaced by the XAML Hot Reload feature in Visual Studio 2019 version 16.9 and Visual Studio for Mac version 8.9.
For now, it use the Hot Reload insead and provide a live visual tree to receive a real-time view of your running XAML code. It shows a tree view of the UI elements of your running Xamarin.Forms application.
When you debug you project, by default, it appears on the IDE’s left. If you don’t see it, use Debug > Windows > Live Visual Tree to show it.
Xamarin forms previewer как включить в visual studio
так что разобрался сам. Это довольно просто. Публикую здесь на всякий случай, если кому-то это понадобится в будущем. Нам просто нужно перейти в Инструменты -> Расширения и обновления, а затем включить Xamarin.forms Previewer и готово! 
Xamarin forms previewer как включить в visual studio
Asked by:
Question
I’m running version 15.7.3 of VS2017 and the Forms Preview Option is missing under View -> Other Windows. Has this been moved or is my visual studio playing up?
In the Mac version of VS I can see the Preview button which shows the preview fine.
All replies
Does anyone have a solution to this as well? I’ve had to migrate to LiveXAML just to be able to preview my XAML changes live (13 days trial). It appears that the latest versions of VS2017 have removed it. I’m using 15.8.2.
Hi @nstayte @Mitinho87
Any solution? Same issue.
I ended up updating to 15.9 when it came out. The previewer is now a part of the XAML designer.
@AnthonyRamirez said: @nstayte Thanks!
They’ve decided to focus on the previewer rather than LiveReload so the previewer is here to stay. sadly.
@NMackay haha. I still use Xamarin Forms Player 😀
It’s not fancy but gets the job done for me 🙂
Eagerly waiting for something better.
@AnthonyRamirez said: @NMackay haha. I still use Xamarin Forms Player 😀
It’s not fancy but gets the job done for me 🙂
Eagerly waiting for something better.
Yeah, both features are needed but MS in their infinite wisdom decided we need the previewer and not hotreload even though the community is crying out for it, which is why most of us spend money on LiveXAML or OSS alternatives.
VS barely does basics out of the box, each dev in our team needs rehsharper (apart from one..you know who you are 🙂 ) and live XAML.
Русские Блоги
Xamarin XAML Language Tutorial Реализация XAML Preview в Visual Studio
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.
Insta Dev
If you have recently installed this tool and have problem running this properly on your VS, you need to keep reading this short post .
So here is a step by step running this awesome tool.
You just need to consider to install or upgrade some sdk versions
So i also had your problem running this tool and now here is my configurations and this is now working on my VS
PLEASE PAY ATTENTION TO INSTALL 64BIT OF JDK
so after upgrading these SDKs and NDK you need to make sure your that you have installed android 7.0 and have upgraded you Android SDK Tools, so open your Android SDK Manager and install make sure you have installed these two things in the image below :
After upgrading your SDK manger , you need to target your android project to Android version 7.0
so this is my android project properties screenshot :