Наборы средств для проектирования и примеры приложений для WindowsDesign toolkits and samples for Windows apps

Основы оформления

Скачиваемые файлы, связанные с проектированием и пользовательским интерфейсом, для приложений для Windows и Fluent Design.Design and UI-related downloads for Fluent Design/Windows apps. Дополнительные средства, такие как Visual Studio, можно найти на главной странице скачиваемых файлов.For additional tools, such as Visual Studio, see our main downloads page.

Наборы инструментов для проектированияDesign toolkits

Эти наборы средств предоставляют элементы управления и макеты для проектирования приложений для Windows.These toolkits provide controls and layout templates for designing Windows apps.

Набор инструментов FigmaFigma toolkit
WinUI 2.4, май 2020 г.WinUI 2.4, May 2020
СкачатьDownload

Набор инструментов для создания эскизовSketch toolkit
Версия 1810, октябрь 2018 г.v1810, October 2018
СкачатьDownload

Набор инструментов Adobe XDAdobe XD toolkit
Версия 1901, январь 2019 г.v1901, January 2019
СкачатьDownload

Наборы средств разработчика и библиотекиDeveloper toolkits and libraries

эскиз для библиотеки WinUI Библиотека пользовательского интерфейса WindowsWinUI library thumbnail Windows UI Library
Элементы управления и другие элементы пользовательского интерфейса для приложений для Windows.Controls and other UI elements for Windows apps.
Инструкции по установкеInstallation instructions

эскиз для сообщества Windows Набор средств сообщества WindowsWindows community thumbnail Windows Community Toolkit
Функции вспомогательных приложений, настраиваемые элементы управления и службы приложений.Helper functions, custom controls, and app services.
Инструкции по установкеInstallation instructions

Эскиз для Windows Template Studio Windows Template StudioWindows Template Studio thumbnail Windows Template Studio
Быстрое создание шаблонов приложения UWP с помощью пользовательского интерфейса на основе мастера.Quickly scaffold a UWP app using a wizard-based UI.
СкачатьDownload

FontsFonts

ИнструментыTools

Download the tile and icon generator

Генератор плиток и значков для Adobe Photoshop. Этот набор действий для Adobe Photoshop позволяет сгенерировать 68 рекомендуемых ресурсов плиток и значков всего из семи файлов.Tile and icon generator for Adobe Photoshop This set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Скачать генератор плиток и значковDownload the tile and icon generator

примерыSamples

Изображение редактора тем Fluent XAML Редактор тем Fluent XAMLFluent XAML Theme Editor image Fluent XAML Theme Editor
Редактор тем Fluent XAML — это инструмент, который позволяет продемонстрировать гибкость системы Fluent Design. Он поддерживает процесс разработки приложений путем создания разметки XAML для платформы ResourceDictionary, используемой в приложениях для Windows.The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Windows applications. Скачать пример инструментаDownload the tool sample
Ознакомиться с инструментом на сайте GitHubCheck out the tool on GitHub

Изображение VanArsdel VanArsdelVanArsdel image VanArsdel
Полный пример приложения для Windows Van Arsdel, Ltd. был разработан, чтобы продемонстрировать следующее поколение системы Microsoft Fluent Design.The Van Arsdel, Ltd. end-to-end Windows sample app was built to showcase the next wave of the Microsoft Fluent Design System. В нем широко используется повышенная плотность и новые элементы управления из библиотеки пользовательского интерфейса Windows, а также мощные базовые функции платформы и компоновки пользовательского интерфейса.It makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the ux framework and composition. В примере показано, как создать многофункциональный и эффективный пользовательский интерфейс для приобретения устройств Интернета вещей и управления ими (в данном случае это лампы).The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Скачать пример VanArsdelDownload the VanArsdel sample
Ознакомиться с примером VanArsdel на сайте GitHubCheck out the VanArsdel sample on GitHub

Изображение BuildCast BuildCastbuild cast image BuildCast
BuildCast — это полный пример, созданный для демонстрации возможностей системы Fluent Design и Windows.BuildCast is an end-to-end sample built to showcase the Fluent Design System and Windows. Он позволяет искать, скачивать и воспроизводить видеоподкасты, включая подборку самых популярных подкастов Channel 9 и каналы некоторых технических экспертов по Windows.It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. Он также поддерживает рукописные заметки, закладки и удаленное воспроизведение.It also features ink notes, bookmarks, and remote playback. Пример был первоначально показан на конференции Build 2017 г. во время обсуждения Создание потрясающих приложений с помощью системы проектирования Fluent.This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Скачать пример BuildCastDownload the BuildCast sample
Ознакомиться с примером BuildCast на сайте GitHubCheck out the BuildCast sample on GitHub

Lunch Scheduler Lunch SchedulerLunch Scheduler Lunch Scheduler
Пример приложения для Windows для планирования обедов с друзьями и коллегами.A Windows app sample that schedules lunches with your friends and coworkers. Вы создаете обед, приглашаете друзей в интересующий вас ресторан, а приложение управляет всеми остальными аспектами для всех участников.You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. Это приложение для Windows содержит элементы системы Fluent Design, такие как акрил, эффект отображения и подключенные анимации.This app incorporates elements of the Fluent Design System in a Windows app, including acrylic, reveal, and connected animations.
Скачать пример Lunch SchedulerDownload the Lunch Scheduler sample
Ознакомиться с примером Lunch Scheduler на сайте GitHubCheck out the Lunch Scheduler sample on GitHub

XAML Controls Gallery XAML Controls GalleryXaml controls gallery XAML Controls Gallery
Этот пример представляет собой интерактивную демонстрацию всех элементов управления XAML.This sample provides an interactive demo of all of the XAML controls. Он показывает различные макеты — от базового до адаптивного — и отображает разметку, которую можно скопировать в собственный проект.It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. Примечание. Файл для скачивания и репозиторий GitHub для этого примера приложения в настоящий момент названы "Основы пользовательского интерфейса (XAML)".Note: The download file and the GitHub repository currently refer to this sample app as "UI Basics (XAML)."
Скачать пример XAML Controls GalleryDownload the XAML Controls Gallery sample
Ознакомиться с примером XAML Controls Gallery на сайте GitHubCheck out the XAML Controls Gallery sample on GitHub
Скачать пример XAML Controls Gallery из StoreDownload the XAML Controls Gallery app from the Store

Вам нужно больше примеров кода?Want more code?

Полный список всех наших примеров приложений для Windows вы можете найти на странице примеров Windows.Check out the Windows sample page for complete list of all our Windows app samples. Перейти на портал примеровGo to the samples portal