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

Пошаговое руководство. Создание расширения темы

  • Статья

В этом пошаговом руководстве демонстрируется создание расширения темы для LightSwitch. Расширение темы определяет цвет шрифта и палитру для LightSwitch оболочки.

Чтобы создать расширение темы, необходимо выполнить следующие действия:

  1. Создайте проект с расширением темы.

  2. Указать отображаемое имя и описание.

  3. Укажите тему.

  4. Выполните расширение темы.

Обязательные компоненты

  • Visual Studio 2013 Professional

  • Пакет SDK Visual Studio 2013

  • Набор средств LightSwitch расширяемости для Visual Studio 2013

Создайте проект с расширением темы

Первым этапом является создание проекта и добавление шаблон Тема LightSwitch.

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

  1. В Visual Studio в строке меню выберите Файл, Создать, Проект.

  2. В диалоговом окне Создание проекта разверните узел Visual Basic или Visual C#, разверните узел LightSwitch и выберите узел Расширение среды, а затем выберите шаблон Библиотеки DLL расширения LightSwitch.

  3. В поле Имя введите TestThemeExtension в качестве имени для вашей библиотеки расширения. Это имя отображается на вкладке Расширения LightSwitch Конструктор приложений.

  4. Нажмите кнопку ОК, чтобы создать решение, содержащее 7 проектов, необходимых для расширения.

Выбрать тип расширения

  1. В Обозреватель решений выберите проект TestThemeExtension.Lspkg.

  2. В меню Проект выберите Добавить новый элемент.

  3. В диалоговом окне Добавить новый элемент выберите Тема LightSwitch.

  4. В поле Имя введите TestTheme в качестве имени для расширения.

  5. Нажмите кнопку ОК. Файлы будут добавлены в нескольких проектов в решении.

Указать отображаемое имя и описание.

Имя по умолчанию для темы «TestTheme» и описание по умолчанию TestTheme «описание». Оба этих отображаются в конструкторе приложений во время разработки. Поэтому следует изменить их на что-нибудь более осмысленное.

Указать отображаемое имя и описание.

  1. В Обозреватель решений выберите проект TestThemeExtension.Common.

  2. Разверните узлы Метаданные и Темы, чтобы открыть контекстное меню для файла TestTheme.lsml и выберите команду Открыть с помощью.

  3. В диалоговом окне Открыть с помощью выберите Редактор (текстовый) XML, а затем нажмите кнопку ОК.

  4. В элементе Theme замените значение DisplayName на Выполните тему и замените значение Description на Это первое my try на создание темы. Следующим образом.

    <Theme Name="TestTheme">
    <Theme.Attributes>
      <DisplayName Value="Test Theme"/>
      <Description Value="This is my first try at creating a theme."/>
    </Theme.Attributes>
  </Theme>

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

На этом этапе создан темы, и его можно тестировать в приложении LightSwitch.

Укажите тему

Шаблон проекта Тема LightSwitch добавляется в проект TestThemeExtension.Client файл TestTheme.xaml. Этот файл содержит каталог ресурса для оболочки LightSwitch; значения по умолчанию и стили определяют внешний вид LightSwitch тема blue (по умолчанию) темы, по умолчанию для приложений LightSwitch. Необходимо определить собственную тему можно изменять некоторые или все значения в этом файле. Дополнительные сведения об этих правилах см. в разделе Элементы управления для тем LightSwitch.

Определить тему

  1. В Обозреватель решений выберите проект TestThemeExtension.Client.

  2. Разверните узлы Презентация и Темы и откройте файл TestTheme.xaml.

  3. В строке меню выберите Изменить, Найти и заменить, Быстрая замена.

  4. В диалоговом окне Найти и заменить введите Пользовательский интерфейс Segoe, Arial в поле Найти и введите Скрипт Segoe в поле Заменить на.

  5. Выберите Текущий документ в списке Поиск в, а затем выберите Заменить все.

    Будут заменены 11 вхождений, задав значение Segoe Script для всех значений шрифта.

  6. В файле TestTheme.xaml найдите элемент TextBoxBackgroundBrush и замените <SolidColorBrush x:Key="TextBoxBackgroundBrush" Color="White"/> на <SolidColorBrush x:Key="TextBoxBackgroundBrush" Color="Yellow"/>.

  7. Найдите элемент ToolbarBackgroundBrush и замените <SolidColorBrush x:Key="ToolbarBackgroundBrush" Color="#FFE9EDF1"/ на <SolidColorBrush x:Key="ToolbarBackgroundBrush" Color="Red"/.

    Обратите внимание, что значения цвета можно ввести либо как значение System.Drawing.Color или значение цвета шестнадцатеричной системе счисления.

    Совет

    Можно также открыть xaml-файла в Microsoft Expression Blend 4 и изменение цвета в визуальном конструкторе.

На этом этапе создан зачаточная темы, и его можно тестировать в приложении LightSwitch.

Выполните расширение темы

Можно тестировать расширения темы в экспериментальном экземпляре Visual Studio. Если вы еще не применяются другой проект LightSwitch расширяемости, необходимо включить экспериментальный экземпляр первым.

Включить экспериментальный экземпляр

  1. В Обозреватель решений выберите проект BusinessTypeExtension.Vsix.

  2. В строке меню выберите Проект, BusinessTypeExtension.Vsix Properties.

  3. На вкладке Отладка в группе Действие при запуске выберите Запуск внешней программы.

  4. Введите путь к исполняемому файлу Visual Studio, devenv.exe.

    По умолчанию в 32-разрядной системе, путь C: \Program Files\Microsoft Visual Studio 12.0\Common7\IDE\devenv.exe; на 64-разрядной системе это C: \Microsoft Visual Studio 12.0\Common7\IDE\devenv.exe файлов \Program (x86).

  5. В поле Аргументы командной строки введите /rootsuffix Exp.

    Примечание

    Все последующие проектов расширяемости LightSwitch также будут использовать этот параметр по умолчанию.

Выполнить тему

  1. В меню Отладка выберите Начать отладку. Откроется экспериментальный экземпляр Visual Studio.

  2. В экспериментальном экземпляре, в строке меню выберите Файл, Создать, Проект.

  3. В диалоговом окне Открыть проект выберите существующий проект приложения LightSwitch и откройте его.

  4. В строке меню выберите Проект, СвойстваProjectName.

  5. В конструкторе проектов, на вкладке Расширения выберите флажок TestThemeExtension.

  6. Откройте вкладку Общие свойства и в списке Тема выберите Тема теста.

  7. В меню Отладка выберите Начать отладку. Отслеживание изменений по виду в выполняемом приложении.

Следующие действия

В данном пошаговом руководстве, расширения темы. теперь необходимо иметь при работе с тем, которое можно использовать в любом проекте LightSwitch. Конечно, может потребоваться изменить стили, чтобы сделать тему несколько более приятным в глаза; пошаговое руководство предназначено только показывать необходимые методы.

Если планируется распределенного расширение, пары несколько шагов, которые необходимо выполнить. Чтобы убедиться, что данные, отображаемые для расширения в конструкторе проектов и в Диспетчер расширений верны, обновить свойства для пакета VSIX. Для получения дополнительной информации см. Практическое руководство. Задание свойств пакета VSIX. Кроме того, несколько задач, которые необходимо учитывать при многократной распределенного расширение для открытого доступа. Для получения дополнительной информации см. Практическое руководство. Распространение расширения LightSwitch.

См. также

Задачи

Практическое руководство. Задание свойств пакета VSIX

Практическое руководство. Распространение расширения LightSwitch

Основные понятия

Элементы управления для тем LightSwitch

Набор средств расширения LightSwitch для Visual Studio 2013