Описание тега fluent-design

Fluent Design System - новый язык дизайна Microsoft для приложений Windows 10 и UWP.
3 ответа

Акриловый материал только для CSS от Fluent Design System

С появлением Microsoft Fluent Design System и распространением нового акрилового материала в экосистеме Windows, я подумал, что было бы здорово использовать его в некоторых веб-макетах. Согласно спецификации, состав акрилового слоя: Итак, я попробов…
3 ответа

Как использовать Acrylic Accent в Windows 10 Creators Update?

Я не могу найти подробный документ для использования Acrylic Accent ( CreateBackdropBrush). Я нашел сообщение в Stackru, которое несколько полезно, но не помогает начать работу. Поэтому, пожалуйста, создайте подробный ответ на этот пост, чтобы кажды…
1 ответ

Как включить выделение подсветки в `GridView`

Я занимаюсь разработкой приложения UWP с целевой сборкой и минимальной сборкой 16299. Согласно документации GridView должен автоматически показывать выделение для FCU. Но я ничего не видел. AutoSuggestBox тоже не работает. Тем не мение, NavigationVi…
23 дек '17 в 13:42
2 ответа

Microsoft Fluent Design прозрачность

Как создать прозрачность Microsoft Fluent Design с помощью CSS или других инструментов? Мне нравится этот язык дизайна и я хочу добавить некоторые элементы на мою веб-страницу.
1 ответ

Строка заголовка с плавной системой проектирования - UWP App

Я разрабатываю новое приложение UWP с Fluent Design System, и я хочу, чтобы мой фон с акриловым материалом, и я использую <Grid Background="{ThemeResource SystemControlBaseHighAcrylicWindowBrush}"> Я также хочу, чтобы строка заголовка моего пр…
26 дек '17 в 11:12
4 ответа

Акриловый материал в приложении win32

Microsoft недавно представила свой новый "свободный" дизайн языка, и одной из его частей является "акриловый" материал. Этот эффект делает элемент прозрачным и размывает фон. Он может быть применен либо к окну, так что части нижних окон светятся (фо…
12 май '17 в 07:21
1 ответ

UWP условное XAML давая свойство не найдена ошибка

Я создаю приложение uwp, используя Windows Template Studio и меню гамбургера, изначально созданное инструментарием сообщества uwp. И я хочу добавить в свое приложение некоторые плавные функции дизайна. потому что моя минимальная версия - это обновле…
14 ноя '17 в 10:04
1 ответ

Как применить запасной цвет к акрилу в обновлении создателей

После этого поста: Как использовать Acrylic Accent в Windows 10 Creators Update? Я успешно добавил акрил в свое приложение в обновлении Creators. К сожалению, когда прозрачность отключена в настройках цвета в Windows, фон моего приложения является л…
1 ответ

Всплывающее окно с Fluent Design System - приложение UWP

У меня есть приложение UWP в Microsoft/Windows Store, и я хочу добавить всплывающее окно. Это всплывающее окно появляется, когда я нажимаю кнопку. Возможно ли для всплывающего окна использовать Fluent Design System (прозрачный фон)?
04 янв '18 в 19:20
1 ответ

UWP беглый дизайн в XamarinForms

Я создаю решение XamarinFroms и хочу реализовать Fluent Design или его патчи в своем приложении UWP. Как вы, возможно, знаете, большинство строительных блоков Fluent Design являются ThemeResources. поэтому я попытался сделать: if (Windows.Foundation…
1 ответ

Приложение UWP с "нормальным" дизайном и системой Fluent Design

У меня есть приложение UWP (опубликовано в Магазине Windows), и у моего приложения "нормальный" дизайн, мне нравится обновлять свое приложение для Fluent Design System. Но я хотел бы добавить опцию в настройках моего приложения, чтобы пользователь м…
03 окт '17 в 18:04
1 ответ

Как добавить AcrylicBrush на панель инструментов только в UWP

Как сделать нанесение акрилового материала на TitleBar только в UWP (так же, как Microsoft Edge). В сценариях типа Pivots. Вы используете расширить представление до строки заголовка. Но что, если это обычное одностраничное приложение, и вы хотите сд…
0 ответов

Tkinter Windows 10 Темная полоса прокрутки

Я обновлял виджеты tkinter, чтобы обновить стиль моих приложений. Я делаю это на основе пользовательского интерфейса Win10 Fluent Design, и с помощью событий, рамок и изображений я смог сделать практически каждый элемент интерфейса, но проблема возн…
03 июл '18 в 12:58
3 ответа

Отключить тень только при наведении на отключенную кнопку

Я создаю кнопки с помощью генератора кнопок Bootstrap. Это беглые кнопки дизайна, и я заметил, что когда :disabled кнопка все еще отбрасывает тень на :hover, Мои вопросы: Как мне остановить тень, когда кнопка отключена? Это нормально делать это? Мне…
06 июл '18 в 08:18
1 ответ

Как использовать свободный дизайн и при этом поддерживать старые версии Windows 10

Я хочу использовать свободный дизайн в своих пользовательских элементах управления, когда это возможно, и при этом поддерживать старые системы. Как мне это сделать? Это требует, чтобы я изменил свои существующие XAML-файлы, и когда я это сделаю, он …
15 окт '17 в 08:31
1 ответ

Приложение UWP с Fluent Design System и без нее (зависит от версии Windows 10)

Я разрабатываю новое приложение UWP и хочу, чтобы это новое приложение имело Fluent Design System в поддерживаемых версиях (Creators Update и Fall Creators Update), но я также хочу, чтобы предыдущие версии Windows 10 также имели доступ к приложению,…
27 дек '17 в 09:49
1 ответ

UWP изменить высоту NavigationViewItem

На изображении выше вы можете увидеть мое приложение (слева) и Groove Player (справа). Я хочу сделать NavigationViewItem большим, как Groove Player, но не знаю как. Я пытался играть с Padding и MinHeight, но это не выглядело одинаково. Я хочу сдела…
3 ответа

Fluent Design - эффект лифта карты

Я хочу добавить эффект поднятия карт к моим картам начальной загрузки с плавными стилями дизайна при наведении курсора. Вы можете увидеть, что я имею в виду на веб-сайте Microsoft Design. Вот что я попробовал, но чего-то не хватает, и я не могу это …
05 июл '18 в 06:40
1 ответ

UWP-навигация с использованием Fluent Design

Как разместить мой контент, чтобы он был рядом с свернутой или развернутой навигацией. Я попытался поиграть со свойством Width определения столбца, и я не могу заставить его работать так, как я хочу. <Grid> <Grid.ColumnDefinitions> <C…
27 ноя '18 в 22:53
1 ответ

Только для CSS и дружественный к макету Reveal Focus от Fluent Design System

В разделе " Выявить": Но, как документы Выявление фокуса увеличивает размер визуального фокуса, что может вызвать проблемы с макетом пользовательского интерфейса. В некоторых случаях вы захотите настроить эффект фокуса "Выявить", чтобы оптимизироват…
12 май '18 в 10:47