#2 — Создание дизайна для окна авторизации
В ходе урока мы создадим окно для авторизации пользователя в системе. Мы добавим объекты, пропишем стили, а также создадим различные обработчики событий. По итогу мы получим полностью измененное приложение с хорошим дизайном.
Видеоурок
Полезные ссылки:
- подборка цвета — color picker ;
- иконки для приложений — iconfinder ;
При разработке дизайна всегда стоит подготавливать макет готовой программы. Такой макет можно создать в PhotoShop , Figma, Sketch или в любых других программах, которые отвечают за разработку дизайна. Имея готовый макет вам будет проще расставлять объекты, добавлять к ним цвета, устанавливать форму и производить другие манипуляции.
На основе WinForms можно создавать абсолютно любой дизайн программы. Пример программы:
Библиотеки
Помимо использования стандартных стилей, вы всегда можете воспользоваться сторонними библиотеками, которые позволят быстрее создавать еще более красивые дизайны для приложений.
Несколько таких библиотек приведено ниже:
- Специализированная библиотека Bunify ;
- Фреймворк WPF ;
- Xamarin Forms .
Создание дизайна
В основе своей, создание дизайна разбивается на несколько этапов:
- Добавление объектов на главное окно;
- Добавление стилей для объектов. Можно добавить стили не только стандартные, но и стили из различных библиотек;
- Добавление обработчиков событий.
Звучит просто, хотя на деле все сложнее. Вам стоит самостоятельно попрактиковаться и создать несколько вариантов дизайна программы.
Дизайн Windows Forms C#?
Всем привет, пишу курсач на C#, (тема АИС «Мебельный магазин», программа «построена» на контейнере MDI, кода мало, в основном все за счет «конструктора») в целом ничего не обычного, так вот хотелось бы хоть какой-то приятный вид придать, что-то в стиле Materia, Metro, Fluent. Нашел Telerik UI, но в случае его использования необходимо все заново делать да и с ним не особо склеилось, в процессе гугления ничего подходящего не нашел или плохо искал, в основном все про WPF. Может кто сталкивался с похожим вопросом?
- Вопрос задан более трёх лет назад
- 9374 просмотра
4 комментария
Простой 4 комментария
Foggy Finder @FoggyFinder
teuchezh @teuchezh Автор вопроса
Foggy Finder, MaterialSkin сразу отпадает, попробую ModernUI
# @mindtester Куратор тега C#
MaterialSkin сразу отпадает, попробую ModernUI
Может кто сталкивался с похожим вопросом?
Решения вопроса 0
Ответы на вопрос 1
cyber_roach @cyber_roach
UX дизайнер INEDIapps
Объясню на пальцах
1) Windows Forms родились во времена Windows 95 когда над дизайном окон в windows думали единицы.
Внедрение возможно, но это сродни пыткам и БДСМ, а какой-нибудь material Style вообще могут единицы на нем сделать, хотя в итоге выглядеть будет все равно как китайская подделка (присмотритесь к кривизне материал у телерика на формах в сравнении с андроидом, поймете о чем я)
2) MDI контейнер не используется с 2003го. (как вышел .net), вместо него сейчас более перспективные Docking либо tab-компоновка (см любой браузер) либо Ribbon.
Есть конечно исключения, например в Photoshop можно включить что-то вроде MDI режима, но это очень специфичные кейсы использования.
Уже только 2 этих фактора лишают вас каких либо современных методов/библиотек для интеграции кастомных дизайнов в проект
3) WPF.
Почему вы видите информацию в разрезе десктопного дизайна только про него.
Ну потому что, там оптимальное соотношение цена/время/качество в интеграции.
Можно сделать почти все что угодно, но для хардкора нужен большой скилл (как и везде впрочем)
Примеры можно посмотреть у меня https://inediapps.com/portfolio/
В будущем рекомендую переходить на данную платформу, хотя некоторые олдфаги могут тут со мной поспорить. Насчет актуальности — он быстрее форм, его Microsoft сейчас активно поддерживает, он opensource, поддержка тача и hiDPI, перспектива кроссплатформенности (Avalonia, Unity3D, Xamarin+.net5 …)
Вывод.
Понять, простить и забыть о дизайне MDI + WinForm.
Изменение внешнего вида Windows Forms
Внешний вид приложений Windows Forms можно настраивать различными способами. Например, можно изменять границы, прозрачность, форму, стиль или фоновое изображение.
В этом разделе
Ссылка
Form
Описывает данный класс и предоставляет ссылки на все его члены.
FormBorderStyle
Описывается это перечисление и все его члены.
VisualStyleRenderer
Описывает данный класс и предоставляет ссылки на все его члены.
Image
Описывает данный класс и предоставляет ссылки на все его члены.
Region
Описывает данный класс и предоставляет ссылки на все его члены.
Color
Описывает данный класс и предоставляет ссылки на все его члены.
Связанные разделы
Настройка размера и масштаба формы Windows Forms
Ссылки на разделы, в которых показано, как изменить размер и масштаб формы.
Объекты Graphics и Drawing в Windows Forms
Ссылки на разделы, в которых описываются способы рисования в Windows Forms.
Элементы управления со встроенной поддержкой рисования владельцем
Описывается поддержка рисования владельцем в элементах управления Windows Forms.
Совместная работа с нами на GitHub
Источник этого содержимого можно найти на GitHub, где также можно создавать и просматривать проблемы и запросы на вытягивание. Дополнительные сведения см. в нашем руководстве для участников.
Как превратить Windows 11 в macOS Monterey. Все настраивается за 5 минут
В закладки
Пользователи Windows во все времена любили кастомизировать операционную систему под себя и всячески менять внешний вид стандартных элементов интерфейса. Особой популярностью пользуются темы оформления (так называемые паки), которые одним махом превращают “винду” в Linux, macOS или какую-нибудь мобильную операционную систему.
Я и сам лет 15 назад всячески “украшал” рабочий стол своего Windows-PC, перенося на него диковинную док-панель из мира OS X.
Сегодня кастомизация вышла на новый уровень. Вместо самостоятельной сборки из нескольких слабо совместимых между собой утилит и ручной замены системных файлов появились комплексные решения, которые делают все в автоматическом режиме.
Одним из таких решений мы и воспользуемся сегодня, чтобы превратить Windows 11 (или Windows 10 при желании) в операционную систему Apple.
Как настроить внешний вид Windows в стиле macOS
Для простоты и удобства воспользуемся комплексным решением от китайских разработчиков. Они выпустили утилиту MyDockFinder, которая маскирует большинство элементов рабочего стола Windows и добавляет недостающие модули из macOS вроде док-панели или меню Launchpad.
Не стоит переживать насчет содержимого утилиты. Её исходный код доступен на GitHub, а коммерческая версия приложения даже продается в Steam за 277 руб.
Для проверки работоспособности и ознакомления рекомендуем воспользоваться сборкой с GitHub, а в дальнейшем при желании отблагодарить создателей всегда сможете купить MyDockFinder в Steam.
2. Распакуйте загруженный архив и перенесите его на системный диск. Желательно, чтобы в названии пути не встречалась кириллица.
3. Запустите приложение Mydock. Еще в данной папке расположен установщик Microsoft Visual C++. Запустите его, если еще не устанавливали данный пакет библиотек. Они необходимы для полноценной работы MyDockFinder.
4. Выдайте необходимые разрешения при первом запуске приложения.
5. Сразу же увидите узнаваемые элементы операционной системы macOS: док-панель и строку меню. В верхнюю панель переехали все иконки и индикаторы из трея Windows.
Для перехода к параметрам приложения нужно вызвать контекстное меню в месте разделительной панели Дока и выбрать пункт Preferences.
6. Настроек у приложения MyDockFinder даже больше, чем у аналогичных элементов в macOS.
В разделе параметров Global settings указывается размер элементов интерфейса, тема оформления, цветовой акцент и возможность автоматического запуска утилиты при старте системы.
7. В меню General можно изменить размер Док-панели, включить или отключить увеличение иконок при наведении и задать ряд других дополнительных настроек.
Как и в оригинальной macOS панель с иконками может располагаться у нижнего края экрана или у одной из боковых граней.
8. В блоке настроек Advanced есть аналог фишки Активные углы, который позволяет задать действия при наведении курсора в выбранную область рабочего стола.
9. В разделах Minimize window и Window Preview настраивается поведение окон и приложений в док-панели. Можно настроить привычную для Windows группировку окон или скрывать их в иконку приложения, как в macOS.
10. Особого внимания заслуживает блок параметров Audio. Здесь можно изменить стандартную графику для регулировки уровня громкости компьютера. Можно оставить классический Windows-индикатор, стандартное меню из macOS или минималистичный боковой слайдер из iOS.
Здесь же можно назначить клавиши управления громкостью при отсутствии мультимедийных кнопок на клавиатуре.
11. Раздел настроек Monitor позволяет добавить в строку меню системные индикаторы. Прямого аналога данной фишке в macOS нет, но разработчики явно вдохновлялись утилитой iStat Menus.
Можно вывести индикатор загруженности процессора, оперативной памяти, видеоадаптера и свободное место на накопителе.
12. После настройки всех элементов останется найти и установить подходящие обои. Не забудьте перезагрузить компьютер для вступления в силу новых параметров.
В качестве финального штриха можете отключить отображение системных иконок на рабочем столе ОС. Чаще всего там остается мусорная корзина. Отключаются иконки по пути Системные настройки – Персонализация – Темы – Параметры значков рабочего стола.
После перезагрузки рабочий стол вашего Windows-компьютера будет на 99% походить на новую macOS Monterey.
Как работать в Windows после установки MyDockFinder
Как видите, приложение для изменения внешнего вида операционной системы является комплексным и переносит не только док-панель, но и ряд других элементов macOS.
Во-первых, вы получаете удобную строку меню, в которой содержатся все настройки утилиты и некоторые параметры запускаемых приложений. К сожалению, перенести все пункты меню разных программ в верхний бар невозможно.
Во-вторых, строка меню в стиле macOS является более функциональным аналогом трея из Windows. Здесь предусмотрены всплывающие меню для разных системных индикаторов вроде Wi-Fi, Bluetooth, индикатора громкости и т.п.
Особого внимания заслуживает Пункт управления, который с первого взгляда не отличить от оригинального “яблочного”. Все элементы здесь функционируют и управляют параметрами системы.
В-третьих, MyDockFinder заменяет некоторые системные меню и диалоговые окна, которые начинают выглядеть более эстетично и не выбиваются из общей стилистики.
В-четвертых, появляется некий аналог Launchpad. Сюда придется вручную перенести ярлыки нужных вам приложений. Можете поискать программы в папке Program Files либо выполнить общий поиск файлов *.exe на системном диске и перетянуть в меню нужные.
После настройки меню выглядит с точно как родной “ланчпэд” из macOS. Вы сможете в любой момент отредактировать набор приложений в нем.
В-пятых, основные элементы операционной системы Windows будут доступны из нового интерфейса. Так при запуске Finder будет открываться привычный файловый менеджер от Microsoft, вместо поиска Spotlight в строке меню будет запускаться глобальный поиск по Windows, а нажатие на одноименную кнопку откроет стандартное меню Пуск.
Не забывайте и о скрытых пунктах меню за индикатором , там есть стандартное меню выключения и перезагрузки компьютера, доступ к системным параметрам и Microsoft Store.
Лично мне понравилось приложение MyDockFinder. Это качественная комплексная утилита для изменения операционной системы Windows “все в одном”. Единое приложение меняет большое количество элементов и делает систему максимально схожей с macOS.
Вам не придется устанавливать с десяток приложений, менять системные файлы и возиться с подстройкой элементов. Все параметры задаются в одном понятном меню настроек, а фишки не конфликтуют друг с другом. Удаляется MyDockFinder быстро и беспроблемно. Нужно просто отключить утилиту из контекстного меню и удалить содержащую все файлы папку.
Если вы большую часть времени работаете с macOS, но периодически заглядываете в Windows – можете смело устанавливать MyDockFinder, чтобы быстрее адаптироваться в данной операционной системе.