Visual Studio Designer или другой дизайнер для .NET Core 3.0

Question

Недавно я слышал, что альфа-версия .NET Core (.NET Core 3.0) поддерживает Windows Forms и WPF.Но Visual Studio Designer (и Visual Studio) не поддерживает версию Windows Forms и WPF .NET Core.Есть ли способ заставить Visual Studio Designer (и Visual Studio) работать с .NET Core 3.0 или есть какой-либо другой дизайнер или IDE, который я могу использовать для работы с .NET Core 3?

Основная причина, по которой я спрашиваю об этом, заключается в том, что (мне и другим) очень трудно использовать редакторы кода (такие как VS Code и Atom).

Я надеюсь, что этохороший вопрос.

Answer 1

Если вы хотите увидеть предварительный просмотр вашего WPF XAML с Visual Studio 2019, просто попробуйте это расширение https://marketplace.visualstudio.com/items?itemName=GiessweinApps.FAMLDesigner.

. Он поддерживает .NET Core и .NET Framework:

Answer 2

Визуальный конструктор форм еще не доступен для проектов Windows Forms и WPF .NET CORE.Но, учитывая их план, дизайнер будет доступен как часть обновления Visual Studio 2019.

Для получения дополнительной информации см. WinForms и WPF .NET CORE.

Обходной путь - Использование конструктора форм Windows для .NET CORE WinFormsПроекты

В настоящее время существует обходной путь для использования Classic .NET Windows Forms Designer для проектов Windows Forms .NET CORE.

Обходное решение зависит отклассическое приложение WinForms и приложение CORE WinForms в одном решении с одинаковым корневым пространством имен.

Для добавления новых проектируемых элементов, каждый раз, когда вы хотите добавить новый элемент, вам необходимо добавить его в классический проект,затем переместите 3 сгенерированных файла (.cs, .designer.cs, .resx) в приложение CORE, а затем добавьте их как ссылку на классическое приложение.

Для редактирования, поскольку они доступны в виде ссылки вклассическое приложение, редактируйте их в конструкторе классического приложения.Все изменения видны в приложении CORE.

Подготовка решения для использования Windows Forms Designer для .NET Core Winforms App

1. Создание приложения Windows Forms .NET Core,( См. Шаги и требования .)
2. Откройте проект в Visual Studio и сохраните проект, включая решение.
3. Щелкните правой кнопкой мыши Solution и Add NewПроект → Из шаблонов выберите проект Windows Forms, назовите его тем же именем, что и Core app + ".Designer", и нажмите "ОК".
4. В свойствах проекта Framework Framework установите для пространства имен по умолчанию то же самоеПространство имен по умолчанию для основного приложения.
5. Удалить все существующие файлы в обоих проектах и ​​сохранить изменения.

Добавление формы или UserControl

Everyвремя, когда вы хотите добавить новую форму или пользовательский элемент управления, вам нужно выполнить следующие шаги:

1. В классическом проекте Framework, Добавить новый элемент
2. Выбрать Windows Form или UserControl
3. Внесите некоторые изменения в дизайн, например, измените размер формы, чтобы сгенерировать файл resx и сохранить.
4. В обозревателе решений щелкните правой кнопкой мыши форму и выберите Cut.
5. В основном приложении,вставьте все элементы. (форма, дизайнер, resx).
6. В классическом приложении щелкните правой кнопкой мыши и выберите «Добавить существующий элемент».
7. Просмотрите диалоговое окно открытия в основной папке приложения и выберите эти 3 добавленныефайлы и щелкните раскрывающийся список рядом с кнопкой добавления и выберите Добавить как ссылку
8. Скомпилируйте решение.
9. Переименуйте файлы в классическом приложении, используя Вложение файлов Mad Kristensen's *Расширение или путем редактирования файла проекта.

Теперь, когда вам нужно использовать Designer для одного из файлов базовой формы или UserControl, просто откройте связанные файлы в проекте Classic Framework с помощьюКлассический конструктор форм Windows.

Answer 3

Для проекта WinForms вы можете обратиться к этому видео

Как исправить WinForms Designer, не поддерживающий .net core 3.0 visual studio 2019

Поскольку это видеодать более подробную информацию, нам нужно, мы можем следовать шаг за шагом.Он также основан на официальном проекте Microsoft github dotnet/winforms

dotnet / winforms - Использование классического конструктора WinForms в WinForms Core

Сделан соответствующий код (проект VS)мной уже подтолкнули на github:

.netCore-WinForms_Designer

Для проекта WPF вы можете использовать XAML Designerкак показано ниже:

Обходной путь для использования конструктора в WPF Core App

Ссылка:

dotnet / samples - образец WPF Hello World ссвязанные файлы

Установка против версии 2019 Professional / Enterprise

Во-первых, необходимо установить версию против версии 2019 Professional / Enterprise.Затем требуется установка .net core 3.0 SDK.Теперь вы можете попытаться создать основное WPF-приложение .net,

После установки соответствующего имени проекта и пути к хранилищу оно появится:

Установите флажок «Использовать SDK предварительного просмотра» в .NET core в параметрах VS

После завершения настройки перезапуститепротив вступления в силу.

Используйте встроенный шаблон VS, создайте проект WPF с именем "CoreHiWPF" из .net core

В рамках созданного решения используйте встроенный шаблон VS для создания нового WPF-проекта "HiWPF" .NET Framework типа

Теперь файловая структура решения приведена ниже:

Обновить имя сборки .net core WPF "CoreHiWPF", сделать сборку Имена двух проектов одинаковы

Щелкните правой кнопкой мыши проект CoreHiWPF, выберите Properties, затем измените его Assembly Name до HiWPF.

Затем щелкните проект правой кнопкой мыши и выберите «Редактировать CoreHiWPF.csproj».

Добавьте код, указанный ниже:

  <ItemGroup>
    <ApplicationDefinition Include="..\HiWPF\App.xaml" Link="App.xaml">
      <Generator>MSBuild:Compile</Generator>
    </ApplicationDefinition>
    <Compile Include="..\HiWPF\App.xaml.cs" Link="App.xaml.cs" />
  </ItemGroup>

  <ItemGroup>
    <Page Include="..\HiWPF\MainWindow.xaml" Link="MainWindow.xaml">
      <Generator>MSBuild:Compile</Generator>
    </Page>
    <Compile Include="..\HiWPF\MainWindow.xaml.cs" Link="MainWindow.xaml.cs" />
  </ItemGroup>

Убедитесь, что .net core WPF проект CoreHiWPF установлен как начальный проект

Если .net core WPF проект CoreHiWPF уже выделен, вы можете игнорировать тогда.Или вам нужно выбрать проект CoreHiWPF, затем щелкнуть правой кнопкой мыши Set As Start up project.

Попробуйте XAML Designer

Теперь закройте все открытые файлы.Нажмите на файл MainWindow.xaml проекта HiWPF.Теперь вы можете увидеть пустое окно WPF в конструкторе XAML.

Измените файл MainWindow.xaml и связанные файлы .cs, если необходимо

Затем я добавляю две строки в Grid файла MainWindow.xaml: - Одна строка - это Label, поддерживающая перенос - Другая строка - кнопка Exit.

Затем я добавилСобытие Click для кнопки Exit, добавление события Loaded к Window.

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

Код также уже передан на github:

.netCore-WPF_Designer .

Вы можете клонировать его напрямую, чтобы посмотреть.

Answer 4

Хотя официальный репозиторий WPF GitHub заявляет, что:

Примечание. Визуальный дизайнер WPF еще не доступен и станет частью VisualОбновление Studio 2019.

Это пример видео , в котором используется визуальный дизайнер.

Надеюсь, это поможет!