Рубрика «modern ui»

Если вы когда-либо создавали Windows 8 приложение используя XAML, то вы, скорее всего, могли видеть добавленный в ваше приложение файл с названием StandardStyles.xaml в папке Common. Так как я видел много разработанных приложений, то мне приходилось наблюдать, что люди довольно часто относят этот файл к системным компонентам и совершенно не изменяют его. Иногда это хорошо, но чаще это плохо. Среди приложений, которые мне попадались было множество таких, которые совершенно не используют стили из этого словаря ресурсов, но и не делают ничего, чтобы обрезать файл или удалить его совсем, так как он не нужен.
Это файл был добавлен в шаблоны проектов Windows 8 Visual Studio для того, чтобы помочь стилизовать некоторые области шаблона. В поисках повышения производительности Windows 8.1 мы отметили, что разработчики не удаляют этот файл или неиспользуемые стили из этого файла. Мы также заметили, что есть некоторые плюсы от включения этого файла во фреймворк, так как некоторые стили/шаблоны отложенной загрузки мы реализовали в самой Windows 8.1. По этой причине почти для всех приложений, которые мы наблюдали на практике, стили, имеющиеся в Windows 8/VS2012 StandardStyles.xaml файле, могут быть удалены из приложения и заменены на стили содержащиеся в XAML фреймворке.
Читать полностью »

Иногда бывает нужно из одной программы добраться до содержимого другой программы. Ну, например, получить из неё какой-нибудь контент, или автоматизировать действия. В случае классических приложений Windows эта проблема решается весьма просто — находим родительское окно через FindWindow, далее, зная его HWND, можем перечислить дочерние окна и элементы управления на них. А тут уже полная свобода — можем получить текст, написанный на этих элементах, изменить их размеры и положение, отправить сообщения для эмуляции клика мышью или набора текста с клавиатуры, даже удалить имеющиеся элементы и создать новые.

Доступ к контенту Modern приложения на HTML\JS из Desktop приложения под Windows 8Но для Modern-приложений всё иначе. Давайте возьмём, к примеру, приложение «Погода» из стандартного набора Windows8. Допустим, мы открыли его в боковой панели и хотим как-то узнать из нашего обычного (Desktop) приложения, а какую же оно показывает температуру. Если посмотреть на окно «Погоды» с помощью Spy++ мы увидим родительское окно типа Windows.UI.Core.CoreWindow и вложенное в него окно Web Platform Embedding. А значит перед нами Modern-приложение написанное на HTMLJs и живущее внутри встроенного компонента браузера. То есть вышеописанные манипуляции с Windows-контролами не имеют смысла — их в этом окне попросту нет, поскольку всё его содержимое рендерится целиком.

Но давайте же всё-таки попробуем вытащить из него текущую температуру.
Читать полностью »

Непрофессиональное аналитическое эссе о цели создания новой операционной системы Windows 8.

Её называют революционной. Ведущие ИТ-издания смело включают «восьмёрку» в число прорывов прошедшего года. Действительно, выход новой операционной системы от Microsoft сильно всколыхнул уже успокаивавшийся и становившийся более-менее ясным и прозрачно-понятным рынок операционных систем. Со дна поднялся мутный ил фактов и догадок, заставив всех, разом потерявших ориентиры, рассуждать, обсуждать, спорить в попытках рассеять полумрак и найти точку опоры.

В списке улучшений, который представила Microsoft, немало техники и технологии, как и должно быть. Усовершенствованный механизм печати, улучшенная графическая подсистема, встроенное взаимодействие с облаком, и, наконец, поддержка архитектуры ARM — но всё это второстепенное, потому что не революционное, не ошеломляюще новое. Главное же — то, по чему все встретили, поразившая всех новизной «одёжка». Интерфейс, впервые предложенный в маленьком кафе Windows Phone, теперь подают на стол пользователей ПК. Поначалу это блюдо называли Metro, а теперь, узнав настоящее имя, именуют «Modern UI». Поскольку русский перевод этого обозначения совершенно невзрачный и слишком длинный для использования что в письменной, что в устной речи, мы сократим его до короткого слова «Спин». Исходно физический термин будет здесь обозначать тот самый «Современный Пользовательский ИНтерфейс».

Компания Microsoft сосредоточила все усилия разработчиков Windows 8 на подготовке своего детища к битве против Android и iOS на их территории — рынке планшетов. Новое лицо по имени Спин создавалось как раз для максимально удобной работы на сенсорных экранах и должно было стать главным конкурентным преимуществом системы.

Однако за геометрическим рисунком начального экрана сохранился Рабочий стол. Так поступили с двоякой целью. Во-первых, чтобы сделать массовыми планшеты, на которых можно было бы запускать традиционные настольные приложения, обычно куда более функциональные, чем мобильные поделки, да более многочисленные. Это должно было стать вторым весомым преимуществом планшетноориентированной «восьмёрки». С другой стороны, никак нельзя было даже совсем чуть-чуть отступать с позиций на поле стандартных «бесчувственных», без поддержки сенсорных технологий то есть, настольных компьютеров и ноутбуков.

В результате именно попытка скрестить сугубо мобильный интерфейс со строго настольным, своего рода «бульдога» с «носорогом», оказалась наиболее спорным и раздражающим нововведением. Грамотные эксперты и аналитики критикуют не столько сам Спин, сколько его неудачное совмещение с Рабочим столом в пределах одной системы. Почему эти плитки нельзя отключить? Кому они нужны на обычном ПК? Напротив, как прикажете попадать в крошечные кнопочки на Рабочем столе планшета? К этому списку, на мой взгляд, примыкает ещё одна странность, не имеющая прямого отношения к интерфейсу. Как известно, в версии Windows RT, предназначенной исключительно для мобильных устройств, позволяется установить программы только из стандартного Магазина. Почему так? Изначально предполагалась и была бы куда более логичной возможность запуска вообще любых программ без надуманных ограничений.
Читать полностью »

В последнее время появилось довольно много инструментов для создания сайтов в духе Metro UI. К сожалению, лично у меня, использовать что-то из этого в реальных проектах не получилось: либо страдает качество и приходится вставлять «костыли», либо с качеством все нормально, но нет стилей для нужных компонентов приложения (например, нигде нет стилей для datepicker-а).

Верстка like Metro UI

Я попробовал написать свое с блэкджеком и шлюхами. Сначала это был просто набор стилей для компонентов, которые были нужны мне в первую очередь. Cейчас все становится похожим на довольно большой CSS framework.

Я пишу об этом сюда, надеясь, что для кого-то мои наработки окажутся полезными, а я получу обратную связь.

Стили в архиве и документация лежат здесь: milk.ecm7.ru, есть .LESS и CSS версии.

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js