RU2530272C2 - Способ и устройство создания пользовательского интерфейса - Google Patents
Способ и устройство создания пользовательского интерфейса Download PDFInfo
- Publication number
- RU2530272C2 RU2530272C2 RU2012137767/08A RU2012137767A RU2530272C2 RU 2530272 C2 RU2530272 C2 RU 2530272C2 RU 2012137767/08 A RU2012137767/08 A RU 2012137767/08A RU 2012137767 A RU2012137767 A RU 2012137767A RU 2530272 C2 RU2530272 C2 RU 2530272C2
- Authority
- RU
- Russia
- Prior art keywords
- layer
- layers
- image
- user interface
- color
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Image Generation (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
Изобретение относится к области, связанной с Интернетом, в частности к способу и устройству создания пользовательского интерфейса. Техническим результатом является повышение эффективности управления пользовательским интерфейсом. Устройство создания пользовательского интерфейса содержит следующие модули: модуль получения, служащий для получения подлежащих рисованию слоев и их стилей, причем слои содержат слой изображения и слой цвета, расположенный под слоем изображения; модуль создания слоев, предназначенный для извлечения информации об атрибутах всех слоев, причем информация об атрибутах включает прозрачность; модуль создания пользовательского интерфейса, служащий для объединения нарисованных слоев, при этом модуль создания слоев содержит: подмодуль извлечения, служащий для получения файла изображения, выбранного пользователем; и подмодуль рисования, служащий для рисования слоя изображения согласно файлу изображения, полученному подмодулем извлечения, и рисования слоя цвета согласно файлу изображения слоя изображения; причем устройство также содержит модуль изменения, служащий для периодического изменения прозрачности слоя изображения. 2 н. и 9 з.п. ф-лы, 18 ил.
Description
Данная заявка основана на китайской заявке №201010109033.1, поданной 11 февраля 2010 г.под названием "Способ и устройство создания пользовательского интерфейса", и испрашивает на приоритет по ней. Все содержание указанной заявки включено в данную заявку в виде ссылки.
ОБЛАСТЬ ИЗОБРЕТЕНИЯ
Настоящее изобретение относится к области, связанной с Интернетом, в частности к способу и устройству создания пользовательского интерфейса.
ПРЕДПОСЫЛКИ К СОЗДАНИЮ ИЗОБРЕТЕНИЯ
С развитием сетевых технологий и программного обеспечения все больше людей пользуется различным клиентским программным обеспечением, например программами обмена мгновенными сообщениями, музыкальными шкатулками, почтовыми ящиками и т.д. В отношении клиентского программного обеспечения следует отметить, что Пользовательский Интерфейс ПИ (UI) - это окно для взаимодействия с пользователем. Пользователи выполняют соответствующие функции с помощью клиентского программного обеспечения через ПИ (UI). При первоначальной разработке ПИ (UI) обычно реализуется программный интерфейс для удовлетворения требований большинства пользователей. Однако из-за различных привычек, существующих сред и слоев один ПИ (UI) не может удовлетворить требованиям всех пользователей. Кроме того, с увеличением числа пользователей эта проблема становится все более серьезной. При разработке ПИ (UI) ставится цель привлечь больше пользователей и обеспечить соответствие личным эстетическим привычкам. Чтобы обеспечить соответствие эстетическим привычкам и требованиям различных пользователей, все больше приложений поддерживают ПИ (UI), настраиваемый пользователем, т.е. ПИ (UI) с изменением обложки. Например, для программного обеспечения обмена мгновенными сообщениями, которое очень зависит от опыта пользователя, "изменение обложки" - это очень важная функция.
В реализациях на базе известного уровня техники в приложении заранее предусмотрено несколько интерфейсов ПИ (UI) с разными стилями для выбора пользователем. При необходимости изменить обложку пользователь выбирает один интерфейс ПИ (UI) из возможных и переключает обложку для ее изменения.
Из сказанного выше можно сделать вывод о том, что, поскольку в элементах интерфейса используются только простые ресурсы изображений, возможности демонстрации ограничены и не позволяют реализовывать все больше представлений в современном дизайне ПИ (UI). Кроме того, стили ресурсов изображений в одном наборе обложек должны поддерживаться согласованными. Следовательно, при изменении обложки все изображения необходимо загружать снова. Таким образом, количество изображений в ПИ (UI) приложения постоянно увеличивается. Программисты должны предусматривать большое количество изображений для пакета обложки, что существенно повышает стоимость. Таким образом, ПИ (UI) в реализациях на базе известного уровня техники является простым, и изменять обложку неудобно.
КРАТКОЕ ОПИСАНИЕ ИЗОБРЕТЕНИЯ
В реализациях настоящего изобретения предложен способ и устройство создания пользовательского интерфейса для предоставления различных пользовательских интерфейсов в соответствии с требованиями пользователя.
Согласно одной из реализаций настоящего изобретения предлагается способ создания пользовательского интерфейса. В этом способе предусмотрены следующие действия:
получение подлежащих рисованию слоев и их стилей;
извлечение информации об атрибутах каждого слоя согласно соответствующему ему стилю и рисование подлежащих рисованию слоев согласно извлеченной информации об их стилях для получения нарисованных слоев;
объединение нарисованных слоев для создания пользовательского интерфейса.
Согласно другой реализации настоящего изобретения предлагается устройство создания пользовательского интерфейса. Это устройство содержит следующие модули:
модуль получения, служащий для получения подлежащих рисованию слоев и их стилей;
модуль создания слоев, предназначенный для извлечения информации об атрибутах всех слоев согласно соответствующим им стилям и рисования всех подлежащих рисованию слоев согласно извлеченной информации об атрибутах для получения нарисованных слоев;
модуль создания пользовательского интерфейса, служащий для объединения нарисованных слоев с целью создания пользовательского интерфейса.
Согласно еще одной реализации настоящего изобретения предлагается способ создания пользовательского интерфейса. Пользовательский интерфейс содержит несколько слоев, и в способе предусмотрены следующие действия:
рисование фонового слоя;
рисование контроллерного слоя;
объединение нескольких слоев, включающих фоновый и контроллерный слои, для создания пользовательского интерфейса.
По сравнению с реализациями на базе известного уровня техники техническое решение, предлагаемое в реализациях настоящего изобретения, имеет следующие преимущества: в соответствии с требованиями пользователя создаются различные слои пользовательского интерфейса, которые накладываются друг на друга для получения окончательного пользовательского интерфейса. Пользовательский интерфейс может динамически изменяться при изменении атрибутов слоев. Таким образом, обеспечиваются разнообразие пользовательского интерфейса и простота изменения его обложки.
КРАТКОЕ ОПИСАНИЕ ИЗОБРАЖЕНИЙ
Чтобы техническое решение, используемое в настоящем изобретении или в уровне техники, стало понятнее, ниже кратко описываются изображения, поясняющие данное изобретение или прототип. Следует отметить, что описанные ниже рисунки поясняют только некоторые реализации. Специалисты в данной области могут на основе этих рисунков получить другие рисунки, ничего не изобретая.
На фиг.1 показана блок-схема, иллюстрирующая способ создания пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.2 приведено схематическое представление пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.3 приведено схематическое представление нескольких слоев пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.4 показана блок-схема, иллюстрирующая способ создания пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.5(а) приведено схематическое представление структуры слоя согласно реализации настоящего изобретения.
На фиг.5(b) приведено схематическое представление структуры с наложением друг на друга нескольких слоев согласно реализации настоящего изобретения.
На фиг.5(с) приведено схематическое представление пользовательского интерфейса, состоящего из нескольких наложенных друг на друга слоев, согласно реализации настоящего изобретения.
На фиг.6 приведено схематическое представление логического разделения слоев пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.7 приведено схематическое представление структуры слоев пользовательского интерфейса после логического разделения согласно реализации настоящего изобретения.
На фиг.8 показана блок-схема, иллюстрирующая способ создания пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.9 приведено схематическое представление структуры фонового слоя пользовательского интерфейса согласно реализации настоящего изобретения.
На фиг.10 приведено схематическое представление слоя изображения на фоновом слое согласно реализации настоящего изобретения.
На фиг.11 приведено схематическое представление слоя цвета фонового слоя согласно реализации настоящего изобретения.
На фиг.12 приведено схематическое представление текстурного слоя согласно реализации настоящего изобретения.
На фиг.13 приведено схематическое представление контроллерного слоя согласно реализации настоящего изобретения.
На фиг.14 приведено схематическое представление множительного шаблона слоя-маски согласно реализации настоящего изобретения.
На фиг.15 приведено схематическое представление слоя синего света слоя-маски согласно реализации настоящего изобретения.
На фиг.16 приведено схематическое представление устройства создания пользовательского интерфейса согласно реализации настоящего изобретения.
ПОДРОБНОЕ ОПИСАНИЕ ИЗОБРЕТЕНИЯ
Ниже приведено подробное описание настоящего изобретения с использованием прилагаемых изображений и реализаций, чтобы техническое решение и преимущества данного изобретения стали понятнее. Следует отметить, что приведенное ниже описание представляет только некоторые, а не все возможные реализации данного изобретения. На основе этих реализаций специалисты в данной области могут получить другие реализации, ничего не изобретая.
На фиг.1 показана блок-схема, иллюстрирующая способ создания пользовательского интерфейса согласно реализации настоящего изобретения. Как видно из фиг.1, в этом способе предусмотрено выполнение следующих действий.
На шаге 101 выполняется получение подлежащих рисованию слоев и их стилей.
На шаге 102 извлекается информация об атрибутах слоев в соответствии со стилями слоев и согласно этой информации рисуются слои для создания нарисованных слоев.
На шаге 103 нарисованные слои объединяются для создания пользовательского интерфейса.
На фиг.2 показан полный пользовательский интерфейс. Как видно из этого рисунка, пользовательский интерфейс содержит фоновое изображение с тигром и два контроллера - ОК и Cancel, служащие для взаимодействия с пользователем.
Для получения описанного выше технического решения в реализации настоящего изобретения предусмотрено также устройство создания пользовательского интерфейса. В этом устройстве базовыми элементами для создания пользовательского интерфейса являются слои. Так называемые слои - это несколько слоев рисования, отделенных от полного пользовательского интерфейса, каждый из которых образует один его слой. Все слои, в конечном счете, накладываются друг на друга и объединяются для получения пользовательского интерфейса. Содержимое некоторых слоев можно выборочно заменять и/или изменять. Как видно из фиг.3, путем разделения полного пользовательского интерфейса, показанного на фиг.2, можно получить несколько слоев, например фоновый слой с изображением тигра и контроллерный слой с контроллерами ОК и Cancel. Поэтому для создания пользовательского интерфейса необходимо создать все слои и объединить их. Эту задачу можно выполнить путем задания атрибутов слоев и наложения различных слоев друг на друга.
Ниже подробно описывается создание базового элемента "слой" пользовательского интерфейса.
Слой создают в следующем порядке: сначала извлекают информацию об атрибутах подлежащего рисованию слоя, затем в соответствии с этой информацией производят настройку подлежащего рисованию слоя, после чего создают слой. Как видно из фиг.4, в способе создания пользовательского интерфейса предусмотрены следующие шаги.
На шаге 401 выполняется получение подлежащих рисованию слоев и их стилей.
Под слоями понимаются слои рисования, отделенные от полного пользовательского интерфейса. Следовательно, при создании пользовательского интерфейса полный пользовательский интерфейс можно получить путем рисования всех составляющих пользовательский интерфейс слоев и объединения нескольких слоев, причем стилем каждого слоя является стиль соответствующего слоя рисования.
Пользовательский интерфейс создается в соответствии с заранее определенным стилем и состоит из нескольких слоев, причем каждый слой содержит часть стиля пользовательского интерфейса, то есть стиль слоя. Следовательно, для выполнения общей настройки пользовательского интерфейса необходимо получить стиль слоя, содержащийся в каждом слое.
На шаге 402 извлекается информация об атрибутах слоев в соответствии со стилями слоев. Подлежащие рисованию слои рисуются согласно извлеченной информации об атрибутах для получения нарисованных слоев.
Атрибуты слоев в основном содержат две категории: атрибуты, используемые для настройки стиля самого слоя, и атрибуты, используемые для покрытия другими слоями. Атрибуты обычно следующие: (1) атрибут содержимого изображения; (2) атрибут прозрачности; (3) атрибут режима рисования; (4) атрибут режима смешивания. Ниже подробно описываются функции перечисленных атрибутов.
(1) Атрибут содержимого изображения
Атрибут содержимого изображения, т.е. цветовые данные слоя, формирует содержимое изображения слоя посредством управления цветами на всем слое. Предпочтительно, получение атрибута содержимого изображения слоя осуществляется путем загрузки обычного файла изображения (или этот атрибут назначается посредством настройки конкретных цветовых данных). После загрузки файла изображения цветовые данные и размер слоя больше не изменяются.
(2) Атрибут прозрачности
Поскольку полный пользовательский интерфейс в реализации настоящего изобретения создается путем наложения и объединения нескольких слоев, верхний слой покрывает нижний. Следовательно, атрибут прозрачности слоя должен быть задан независимо от того, требуется ли он для самого слоя или для наложения и объединения нескольких слоев.
Предпочтительно, атрибут прозрачности слоя может изменяться динамически. Другие атрибуты слоя могут, конечно, также изменяться динамически. Например, при выполнении программы атрибут прозрачности может изменяться периодически. По существу, два слоя могут исчезать или появляться постепенно.
(3) Атрибут режима рисования
Согласно описанию атрибута содержимого изображения после выбора содержимого изображения слоя размер слоя изменяться не будет, но размер пользовательского интерфейса, образуемого слоем, обычно является настраиваемым. Например, в системе Windows размер окна (т.е. представление пользовательского интерфейса) может корректироваться произвольно. При этом способ заполнения слоем всего окна определяется согласно конфигурации атрибута режима рисования, причем этот атрибут предусматривает установку мозаичного режима, режима с наложением и т.д.
(4) Атрибут режима смешивания
При наложении слоев друг на друга данные двух цветов таких слоев необходимо смешать. Атрибут режима смешивания представляет собой формулу расчета смеси для управления цветом двух слоев. В результате расчета смеси получаются цветовые данные всего пространства наложенных слоев, т.е. новый цвет.
Информация об атрибутах слоев извлекается в соответствии со стилями слоев и согласно этой информации настраиваются атрибуты подлежащих рисованию слоев. Для создания нарисованного слоя выполняются следующие действия.
(1) Извлекается соответствующая слою информация об атрибутах согласно стилю слоя.
Например, режим рисования, соответствующий стилю слоя, может быть мозаичным, соответствующим содержимым изображения может быть назначенная картинка и т.д.
(2) Задаются атрибуты подлежащего рисованию слоя согласно извлеченной информации об атрибутах и создается нарисованный слой.
При извлечении информации об атрибутах слоя согласно его стилю может выполняться одно или несколько из следующих действий.
(1) Извлечение подлежащего загрузке файла изображения согласно стилю слоя и получение цветовых данных согласно этому файлу изображения, причем цветовыми данными является информация об атрибуте содержимого изображения подлежащего рисованию слоя.
(2) Извлечение информации об атрибуте прозрачности подлежащего рисованию слоя согласно стилю слоя и результату покрытия другими слоями.
(3) Извлечение информации об атрибуте режима рисования подлежащего рисованию слоя согласно стилю слоя и окну, где находится слой, причем атрибут режима рисования используется для определения режима, в котором подлежащий рисованию слой заполняет окно.
(4) Извлечение информации об атрибуте режима смешивания подлежащего рисованию слоя согласно стилю слоя и стилю слоя после наложения различных слоев, причем атрибут режима смешивания используется для получения цветовых данных фрейма слоя, подлежащего рисованию.
При рисовании слоя согласно извлеченной информации об атрибутах выполняются следующие действия.
(1) Просмотр извлеченной информации об атрибутах.
(2) Если информация об атрибутах не пустая, рисование согласно ей слоя, подлежащего рисованию.
Например, если содержимым изображения слоя, подлежащего рисованию, является назначенная картинка, она загружается, и извлекаются цветовые данные. Если режим рисования подлежащего рисованию слоя является мозаичным, слой будет покрывать окно мозаичным способом, если окно слоя большое, а слой небольшой во время использования.
На шаге 403 слои объединяются для создания пользовательского интерфейса.
На фиг.5(а) показан слой (в частности, слой n) согласно реализации настоящего изобретения. Как видно из фиг.5(b), n слоев накладываются друг на друга в порядке сверху вниз для получения полного пользовательского интерфейса, показанного на фиг.5(с). Пользовательский интерфейс состоит из слоев 1-n.
Следует отметить, что результат изображения нескольких слоев может использоваться в качестве отдельного слоя. Поэтому полный пользовательский интерфейс фактически имеет древовидную структуру, состоящую из нескольких слоев.
Ниже анализируется пользовательский интерфейс, показанный на фиг.1. Окончательный пользовательский интерфейс состоит из нескольких элементов представлений: фонового изображения, фонового цвета, формы фрейма изображения, затенения фрейма изображения и контроллера. Чтобы упростить получение любого пользовательского интерфейса, все его слои делятся на четыре логических слоя (см. фиг.6). Каждый логический слой может содержать несколько слоев. Представление каждого слоя не содержит специальных функций. Логический слой - это результат рисования нескольких слоев. Он служит для реализации определенной функции. В процессе создания пользовательского интерфейса последовательно создаются четыре логических слоя, которые по очереди накладываются друг на друга. Затем получается окончательный пользовательский интерфейс. Как видно из фиг.7, четырьмя логическими слоями могут быть следующие слои: (1) логический слой 1 - фоновый слой; (2) логический слой 2 - текстурный слой; (3) логический слой 3 - контроллерный слой; (4) логический слой 4 - слой-маска.
Ниже подробно описываются все логические слои с использованием прилагаемых рисунков.
Как видно из фиг.8, согласно реализации настоящего изобретения в способе создания пользовательского интерфейса предусмотрены следующие действия.
На шаге 801 рисуется фоновый слой пользовательского интерфейса.
Фоновый слой состоит из двух слоев - слоя цвета и слоя изображения. Основная функция этого логического слоя - рисование всего фона пользовательского интерфейса (например, окна Windows). Фоновый слой - это основная видимая область полного пользовательского интерфейса. Он может изменяться в зависимости от предпочтений пользователя. Цвет слоя цвета в фоновом слое должен быть совместим с общим цветом изображения слоя изображения, чтобы обеспечить визуальный эффект (можно, конечно, также назначить цвет для слоя цвета). Поэтому цвет фонового слоя вычисляется программой автоматически. Алгоритмом расчета обычно является постоянно используемый алгоритм квантификации цветов на основе октадерева, который вычисляет наиболее часто встречающийся цвет и получает средний цвет, близкий к общему цвету.
Как видно из фиг.9, фоновый слой содержит модуль 11 изменения изображения и модуль 13 вычисления цвета. Когда пользователь инициирует запрос на изменение фонового изображения, модуль 11 изменения изображения принимает этот запрос и изменяет изображение на изображение, выбранное пользователем. После изменения изображения пользователем модуль 11 изменения изображения информирует слой 12 изображения о необходимости повторно загрузить изображение и считать цветовые данные загруженного изображения. После чтения цветовых данных слой 12 изображения передает их модулю 13 вычисления цвета. Модуль 13 вычисления цвета вычисляет цвет, близкий к общему цвету изображения, и передает его слою 14 цвета. Слой 14 цвета сохраняет цветовые данные.
Модуль 11 изменения изображения и модуль 13 вычисления цвета не участвуют в процессе рисования изображения. После наложения друг на друга слой 12 изображения и слой 14 цвета используются в качестве основного фонового содержимого всего окна. Над фоновым слоем находится логический слой, представляющий другие детали.
Например, файл изображения, показанный на фиг.10, загружается в качестве слоя изображения, а слой цвета, представленный на фиг.11, получается в соответствии с файлом изображения.
На шаге 802 накладывается текстурный слой пользовательского интерфейса.
Текстурный слой - это слой, который имеет световой эффект и накладывается на фоновый слой. Поскольку фоновый слой - это просто наложение изображения и цвета, он представляет собой изображение с равномерным фоном во всей области представления. Обычное окно Windows состоит из строки заголовка, области пользователя, строки состояния и т.д. Текстурный слой представляет слой, имеющий только информацию об освещении на фоновом слое для изменения яркости фонового слоя. Таким образом, на фоновом слое можно различать все логические области окна Windows. Информация о яркости определяется по цветовым данным атрибута содержимого изображения.
Содержимое этого логического слоя не требует корректировки пользователем и, следовательно, является фиксированным.
Например, на фиг.12 показан текстурный слой, имеющий только информацию о яркости.
На шаге 803 накладывается контроллерный слой пользовательского интерфейса.
В каждом окне имеется контроллер, например кнопка, текстовое поле или список Windows. На этом слое рисуется контроллер окна. Для этого слоя требуется только извлечь атрибут содержимого изображения и получить заранее определенный стиль контроллера.
Пример контроллерного слоя приведен на фиг.13.
При наложении контроллерного слоя на фоновый и текстурный слои необходимо получить атрибут контроллерного слоя. Атрибуты содержимого изображения и прозрачности фонового слоя смешиваются с аналогичными атрибутами контроллерного слоя.
На шаге 804 накладывается слой-маска пользовательского интерфейса. Этот логический слой рисуется после рисования других слоев. Поэтому он может покрыть все контроллеры окна. Слой-маска используется в основном для предоставления фрейма для Window и обеспечения эффекта затенения для него. Соответственно, этот слой содержит слой формы фрейма и слой затенения фрейма.
Ниже подробно описываются две указанные выше функции.
(а) Слой формы фрейма
Перед рисованием этого слоя слой, сформированный ранее нарисованными слоями, обычно представляет собой прямоугольную область. Например, изображение и фоновый цвет фонового слоя представляются прямоугольной областью. Однако при общей разработке пользовательского интерфейса для обеспечения привлекательности его вида граница окна обычно представляется в виде закругленного угла или неровного края. Слой-маска должен определять границу окна на ранее полученном прямоугольном слое с помощью дополнительного слоя, чтобы сформировать фрейм окна. Предпочтительно, согласно атрибуту режима смешивания определение фрейма окна осуществляется путем смешивания информации об атрибутах дополнительного слоя и ранее полученного прямоугольного слоя.
Цветовые данные и данные прозрачности каждого пикселя изображения содержат четыре туннеля: а (прозрачный), r (красный), g (зеленый) и b (синий). Формулы смешивания следующие:
Dsta=Srсa ∗Dsta
Dstr=Srcr ∗Dstr
Dstg=Srсg ∗DStg
Dstb=Srсb ∗Dstb
Src - это слой, используемый для определения границы окна. Содержимым этого слоя является изображение с прозрачностью. Оно может быть определено пользовательским интерфейсом. Dst - это содержимое изображения нарисованных слоев.
В слое Src для полностью прозрачной части с пикселями (все четыре туннеля - a, r, g и b - имеют значения 0) вычисленный результат - полная прозрачность. Для полностью белой части с пикселями (все четыре туннеля - а, r, g и b - имеют значения 1) вычисленный результат - совместимость с ранее нарисованным содержимым. Следовательно, разработчик пользовательского интерфейса может управлять формой фрейма окна путем настройки содержимого изображения.
Предпочтительно, фрейм окна может рисоваться с помощью шаблона. Как видно из фиг.14, это множительный шаблон слоя-маски.
(b) Слой затенения фрейма
Чтобы выполнить прозрачное затенение на границе окна, необходимо только добавить слой с прозрачностью. Содержимым этого слоя может быть изображение, предусмотренное разработчиком пользовательского интерфейса. После обработки слоев изображения каждого слоя имеют определенную форму границы. Слой затенения требуется только для создания прозрачного слоя, соответствующего форме границы.
Например, как видно из фиг.15, это слой синего света слоя-маски, используемый для создания затенения фрейма окна.
Наконец, после рисования всех указанных выше слоев создается пользовательский интерфейс, показанный на фиг.2.
Следует отметить, что в рассмотренной выше реализации описано только извлечение основной информации об атрибутах слоев и рисование слоев согласно этой информации. Атрибуты каждого слоя не ограничиваются атрибутами, предусмотренными в реализации настоящего изобретения. В объем охраны настоящего изобретения включаются все атрибуты, которые могут извлекаться из стилей слоев и использоваться для рисования слоев, например атрибут аудио и т.д. Кроме того, указанные выше логические слои представляют только предпочтительную реализацию. В объем охраны настоящего изобретения включаются все слои, которые могут быть отделены от пользовательского интерфейса, например слой динамического эффекта и так далее.
Согласно реализации настоящего изобретения предлагается устройство создания пользовательского интерфейса. Это устройство 1600 содержит следующие модули:
модуль 1610 получения, служащий для получения подлежащих рисованию слоев и их стилей;
модуль 1620 создания слоев, предназначенный для извлечения информации об атрибутах слоев согласно соответствующим им стилям и рисования подлежащих рисованию слоев согласно извлеченной информации об атрибутах для получения нарисованных слоев;
модуль 1630 создания интерфейса, служащий для объединения нарисованных слоев с целью создания пользовательского интерфейса.
Нарисованными слоями являются один или несколько из следующих слоев: фоновый слой, текстурный слой, контроллерный слой и слой-маска.
Информация об атрибутах включает в себя следующие сведения: содержимое изображения, прозрачность, режим рисования и режим смешивания.
Модуль 1620 создания слоев содержит подмодуль 1621 извлечения, предназначенный для выполнения следующих действий:
получения подлежащего загрузке файла изображения согласно стилю слоя и получения цветовых данных согласно этому файлу изображения, причем цветовыми данными является информация об атрибуте содержимого изображения подлежащего рисованию слоя;
или извлечения информации об атрибуте прозрачности подлежащего рисованию слоя согласно стилю слоя и результату покрытия другими слоями; или извлечения информации об атрибуте режима рисования подлежащего рисованию слоя согласно стилю слоя и окну, где находится слой, причем атрибут режима рисования используется для определения режима, в котором подлежащий рисованию слой заполняет окно;
или извлечения информации об атрибуте режима смешивания подлежащего рисованию слоя согласно стилю слоя и стилю слоя после наложения различных слоев, причем атрибут режима смешивания используется для получения цветовых данных фрейма слоя, подлежащего рисованию.
Подмодуль 1621 извлечения служит для выполнения следующих действий: получения первых цветовых данных файла изображения согласно файлу изображения;
получения вторых цветовых данных, соответствующих первым цветовым данным, согласно файлу изображения.
Подмодуль 1621 извлечения служит для выполнения следующих действий: получения слоя формы фрейма согласно стилю слоя после наложения различных слоев;
получения цветовых данных нарисованных слоев и цветовых данных слоя формы фрейма;
смешивания цветовых данных нарисованных слоев и цветовых данных слоя формы фрейма согласно формуле смешивания цветов для получения цветовых данных фрейма слоя, подлежащего рисованию.
Модуль 1620 создания слоев содержит подмодуль 1622 рисования, предназначенный для выполнения следующих действий: просмотра извлеченной информации об атрибутах и рисования подлежащего рисованию слоя согласно этой информации, если она не пустая.
Модуль 1630 создания интерфейса предназначен для наложения друг на друга по крайней мере двух нарисованных слоев с целью создания пользовательского интерфейса.
Устройство также содержит модуль 1640 изменения, служащий для динамического изменения атрибутов нарисованных слоев.
Настоящее изобретение имеет следующие преимущества: различные слои пользовательского интерфейса создаются в соответствии с требованиями пользователя и накладываются друг на друга для получения окончательного пользовательского интерфейса. Пользовательский интерфейс может изменяться динамически при изменении атрибутов слоев. По существу, обеспечивается возможность создания разнообразных пользовательских интерфейсов, которые можно легко изменять. Кроме того, поскольку пользовательский интерфейс делится на несколько слоев, все его визуальное представление можно изменять просто путем изменения некоторых слоев. Пользователь может также настраивать интерфейс с помощью своих изображений. Стиль всего пользовательского интерфейса может изменяться автоматически в соответствии с настройкой пользователя. Следовательно, решение, предложенное в настоящем изобретении, позволяет не только легко изменять обложку, но и не требует предварительного сохранения большого числа изображений.
На основе приведенного выше описания специалисты в данной области поймут, что решение, использованное в настоящем изобретении, может быть реализовано программно на основе соответствующей аппаратной платформы. Его можно также реализовать аппаратно, но программная реализация предпочтительнее. Таким образом, решение, использованное в настоящем изобретении, или часть изобретательского вклада этого изобретения может быть представлена программным продуктом. Этот программный продукт может храниться в машиночитаемой среде хранения и содержит машиночитаемые команды, исполняемые оконечным устройством (например, сотовым телефоном, персональным компьютером, сервером, сетевым устройством и т.д.) для выполнения действий, предусмотренных в способе, предложенном в реализациях настоящего изобретения.
Все описанное и иллюстрированное здесь решение представляет пример изобретения наряду с некоторыми его вариантами. Использованные здесь термины, описания и рисунки предназначены только для иллюстрации и не служат в качестве ограничений.
Специалисты в данной области поймут, что модули, входящие в состав устройства реализаций данного изобретения, могут быть распределены по устройству или могут иметь разновидности и находиться в одном или нескольких устройствах. Модули могут быть объединены в одно целое или размещаться отдельно. Модули могут быть интегрированы в один модуль или разделены на несколько подмодулей.
Возможны многие вариации в рамках сущности и области применения настоящего изобретения, определяемого представленными ниже пунктами его формулы (и их эквивалентами), в которых все термины используются в самом широком подходящем смысле, если не указано иначе.
Claims (11)
1. Устройство создания пользовательского интерфейса, содержащее следующие модули:
модуль получения, служащий для получения подлежащих рисованию слоев и их стилей, причем слои содержат слой изображения и слой цвета, расположенный под слоем изображения;
модуль создания слоев, предназначенный для извлечения информации об атрибутах всех слоев согласно соответствующим им стилям и рисования всех подлежащих рисованию слоев согласно извлеченной информации об атрибутах для получения нарисованных слоев, причем информация об атрибутах включает прозрачность;
модуль создания пользовательского интерфейса, служащий для объединения нарисованных слоев с целью создания пользовательского интерфейса, при этом модуль создания слоев содержит:
подмодуль извлечения, служащий для получения файла изображения, выбранного пользователем; и
подмодуль рисования, служащий для рисования слоя изображения согласно файлу изображения, полученному подмодулем извлечения, и рисования слоя цвета согласно файлу изображения слоя изображения;
причем устройство также содержит модуль изменения, служащий для периодического изменения прозрачности слоя изображения, причем с увеличением прозрачности слоя изображения слой изображения становится прозрачным постепенно и слой цвета под слоем изображения проявляется постепенно, а при уменьшении прозрачности слоя изображения слой изображения становится непрозрачным постепенно и слой цвета под слоем изображения покрывается постепенно.
модуль получения, служащий для получения подлежащих рисованию слоев и их стилей, причем слои содержат слой изображения и слой цвета, расположенный под слоем изображения;
модуль создания слоев, предназначенный для извлечения информации об атрибутах всех слоев согласно соответствующим им стилям и рисования всех подлежащих рисованию слоев согласно извлеченной информации об атрибутах для получения нарисованных слоев, причем информация об атрибутах включает прозрачность;
модуль создания пользовательского интерфейса, служащий для объединения нарисованных слоев с целью создания пользовательского интерфейса, при этом модуль создания слоев содержит:
подмодуль извлечения, служащий для получения файла изображения, выбранного пользователем; и
подмодуль рисования, служащий для рисования слоя изображения согласно файлу изображения, полученному подмодулем извлечения, и рисования слоя цвета согласно файлу изображения слоя изображения;
причем устройство также содержит модуль изменения, служащий для периодического изменения прозрачности слоя изображения, причем с увеличением прозрачности слоя изображения слой изображения становится прозрачным постепенно и слой цвета под слоем изображения проявляется постепенно, а при уменьшении прозрачности слоя изображения слой изображения становится непрозрачным постепенно и слой цвета под слоем изображения покрывается постепенно.
2. Устройство по п.1, отличающееся тем, что нарисованными слоями также являются один или несколько из следующих слоев: текстурный слой, контроллерный слой и слой-маска;
информация об атрибутах также включает в себя сведения о содержимом изображения, режиме рисования и режиме смешивания.
информация об атрибутах также включает в себя сведения о содержимом изображения, режиме рисования и режиме смешивания.
3. Устройство по п.1, отличающееся тем, что подмодуль извлечения предназначен для выполнения следующих действий:
получения первых цветовых данных файла изображения согласно файлу изображения;
получения вторых цветовых данных, соответствующих первым цветовым данным, согласно файлу изображения.
получения первых цветовых данных файла изображения согласно файлу изображения;
получения вторых цветовых данных, соответствующих первым цветовым данным, согласно файлу изображения.
4. Устройство по п.1, отличающееся тем, что подмодуль рисования также служит для выполнения следующих действий:
просмотра извлеченной информации об атрибутах и рисования подлежащего рисованию слоя согласно этой информации об атрибутах, если она не пустая.
просмотра извлеченной информации об атрибутах и рисования подлежащего рисованию слоя согласно этой информации об атрибутах, если она не пустая.
5. Устройство по п.1, отличающееся тем, что модуль создания интерфейса настроен для смешивания информации об атрибутах нарисованных слоев один за другим для объединения этих слоев.
6. Способ создания пользовательского интерфейса, содержащего несколько слоев, причем в этом способе предусмотрены следующие действия:
рисование фонового слоя;
рисование контроллерного слоя;
объединение нескольких слоев, содержащих фоновый и контроллерный слои, для создания пользовательского интерфейса;
причем фоновый слой содержит слой рисования и слой цвета, расположенный под слоем рисования;
при этом дополнительно предусмотрено следующее действие:
периодическое изменение прозрачности слоя рисования, причем с увеличением прозрачности слоя изображения слой изображения становится прозрачным постепенно и слой цвета под слоем изображения проявляется постепенно, а при уменьшении прозрачности слоя изображения слой изображения становится непрозрачным постепенно и слой цвета под слоем изображения покрывается постепенно.
рисование фонового слоя;
рисование контроллерного слоя;
объединение нескольких слоев, содержащих фоновый и контроллерный слои, для создания пользовательского интерфейса;
причем фоновый слой содержит слой рисования и слой цвета, расположенный под слоем рисования;
при этом дополнительно предусмотрено следующее действие:
периодическое изменение прозрачности слоя рисования, причем с увеличением прозрачности слоя изображения слой изображения становится прозрачным постепенно и слой цвета под слоем изображения проявляется постепенно, а при уменьшении прозрачности слоя изображения слой изображения становится непрозрачным постепенно и слой цвета под слоем изображения покрывается постепенно.
7. Способ по п.6, отличающийся тем, что при рисовании фонового слоя выполняют следующие действия:
загрузка изображения для рисования слоя изображения;
вычисление цвета, чаще всего встречающегося в изображении, получение среднего цвета, близкого к общему цвету изображения, и рисование слоя цвета с использованием этого среднего цвета.
загрузка изображения для рисования слоя изображения;
вычисление цвета, чаще всего встречающегося в изображении, получение среднего цвета, близкого к общему цвету изображения, и рисование слоя цвета с использованием этого среднего цвета.
8. Способ по п.6, в котором дополнительно предусмотрено следующее действие: рисование текстурного слоя над контроллерным слоем.
9. Способ по п.6, в котором дополнительно предусмотрено следующее действие: рисование слоя-маски над контроллерным слоем.
10. Способ по п.9, отличающийся тем, что слой-маску используют для предоставления фрейма для пользовательского интерфейса и эффекта затенения для указанного фрейма, причем слой-маска содержит слой формы фрейма и слой затенения фрейма.
11. Способ по п.6, отличающийся тем, что при объединении нескольких слоев, содержащих фоновый и контроллерный слои, для создания пользовательского интерфейса выполняется следующее действие:
смешивание информации об атрибутах нескольких слоев, содержащих фоновый и контроллерный слои, один за другим для создания пользовательского интерфейса, при этом информация об атрибутах каждого слоя включает:
атрибуты, используемые для настройки самого слоя, и атрибуты, используемые для покрытия другими слоями.
смешивание информации об атрибутах нескольких слоев, содержащих фоновый и контроллерный слои, один за другим для создания пользовательского интерфейса, при этом информация об атрибутах каждого слоя включает:
атрибуты, используемые для настройки самого слоя, и атрибуты, используемые для покрытия другими слоями.
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010109033.1A CN102156999B (zh) | 2010-02-11 | 2010-02-11 | 一种用户界面的生成方法和装置 |
CN201010109033.1 | 2010-02-11 | ||
PCT/CN2011/070068 WO2011097965A1 (zh) | 2010-02-11 | 2011-01-07 | 一种用户界面的生成方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
RU2012137767A RU2012137767A (ru) | 2014-03-20 |
RU2530272C2 true RU2530272C2 (ru) | 2014-10-10 |
Family
ID=44367247
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
RU2012137767/08A RU2530272C2 (ru) | 2010-02-11 | 2011-01-07 | Способ и устройство создания пользовательского интерфейса |
Country Status (7)
Country | Link |
---|---|
US (1) | US20120313956A1 (ru) |
CN (1) | CN102156999B (ru) |
BR (1) | BR112012020136B1 (ru) |
CA (1) | CA2789684C (ru) |
MX (1) | MX2012009334A (ru) |
RU (1) | RU2530272C2 (ru) |
WO (1) | WO2011097965A1 (ru) |
Families Citing this family (33)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103150150A (zh) * | 2011-12-06 | 2013-06-12 | 腾讯科技(深圳)有限公司 | 一种展示天气信息的方法及装置 |
CN102541601B (zh) * | 2011-12-28 | 2014-09-24 | 深圳万兴信息科技股份有限公司 | 一种软件安装包安装界面美化的方法和装置 |
CN102929617A (zh) * | 2012-10-18 | 2013-02-13 | 广东威创视讯科技股份有限公司 | 一种Web软件UI界面的换肤方法 |
US9292264B2 (en) | 2013-03-15 | 2016-03-22 | Paschar Llc | Mobile device user interface advertising software development kit |
US20140325437A1 (en) * | 2013-04-25 | 2014-10-30 | Samsung Electronics Co., Ltd. | Content delivery system with user interface mechanism and method of operation thereof |
CN104331527B (zh) * | 2013-07-22 | 2018-10-02 | 腾讯科技(深圳)有限公司 | 图片生成方法及装置 |
TW201504969A (zh) * | 2013-07-24 | 2015-02-01 | Rui-Xiang Tian | 多層圖像疊合後之擬真及預覽系統 |
CN103544263B (zh) * | 2013-10-16 | 2017-05-10 | 广东欧珀移动通信有限公司 | 一种移动终端的渲染方法及装置 |
CN105094775B (zh) * | 2014-05-13 | 2020-08-04 | 腾讯科技(深圳)有限公司 | 网页生成方法和装置 |
CN105278795B (zh) * | 2014-06-06 | 2019-12-03 | 腾讯科技(北京)有限公司 | 一种显示功能栏的方法和装置 |
CN104866755B (zh) * | 2015-06-11 | 2018-03-30 | 北京金山安全软件有限公司 | 应用程序解锁界面背景图片的设置方法、装置及电子设备 |
CN104866323B (zh) * | 2015-06-11 | 2018-03-30 | 北京金山安全软件有限公司 | 一种解锁界面的生成方法、装置及电子设备 |
CN105094847B (zh) * | 2015-08-24 | 2018-09-07 | 佛吉亚好帮手电子科技有限公司 | 基于安卓系统的多图层可定制的按钮控件实现方法及系统 |
CN105608141A (zh) * | 2015-12-17 | 2016-05-25 | 北京金山安全软件有限公司 | 云端图片加载方法、装置及电子设备 |
CN105786506A (zh) * | 2016-02-26 | 2016-07-20 | 珠海金山网络游戏科技有限公司 | 一种用户界面自动生成的系统及方法 |
CN106204733B (zh) * | 2016-07-22 | 2024-04-19 | 青岛大学附属医院 | 肝脏和肾脏ct图像联合三维构建系统 |
CN107767838B (zh) | 2016-08-16 | 2020-06-02 | 北京小米移动软件有限公司 | 色域映射方法及装置 |
CN106341574B (zh) * | 2016-08-24 | 2019-04-16 | 北京小米移动软件有限公司 | 色域映射方法及装置 |
CN106484432B (zh) * | 2016-11-01 | 2023-10-31 | 武汉斗鱼网络科技有限公司 | 一种进度条定制方法、装置及进度条 |
CN108255523A (zh) * | 2016-12-28 | 2018-07-06 | 北京普源精电科技有限公司 | 图形用户界面创建方法、装置、系统及fpga |
CN108304169B (zh) * | 2017-01-11 | 2021-09-21 | 阿里巴巴集团控股有限公司 | 针对html5应用的实现方法、装置和设备 |
CN106933587B (zh) * | 2017-03-10 | 2019-12-31 | Oppo广东移动通信有限公司 | 一种图层绘制控制方法、装置及移动终端 |
CN108965975B (zh) * | 2017-05-24 | 2021-03-23 | 阿里巴巴集团控股有限公司 | 一种绘制方法及装置 |
CN110020336B (zh) * | 2017-08-01 | 2021-07-30 | 北京国双科技有限公司 | 遮罩层控制方法及装置 |
CN107577514A (zh) * | 2017-09-20 | 2018-01-12 | 广州市千钧网络科技有限公司 | 一种不规则图层裁剪拼接方法和系统 |
CN108777783A (zh) * | 2018-07-09 | 2018-11-09 | 广东交通职业技术学院 | 一种图像处理方法及装置 |
CN109808406A (zh) * | 2019-04-09 | 2019-05-28 | 广州真迹文化有限公司 | 书画作品在线装裱方法、系统及存储介质 |
WO2020215212A1 (zh) * | 2019-04-23 | 2020-10-29 | 华为技术有限公司 | 处理图层的方法和装置 |
CN111857900B (zh) * | 2019-04-26 | 2024-10-18 | 北京搜狗科技发展有限公司 | 一种信息设置方法、装置和电子设备 |
CN111522520B (zh) * | 2020-04-03 | 2024-04-19 | 广东小天才科技有限公司 | 软件仿类纸的处理方法、装置、设备和存储介质 |
CN112328130B (zh) * | 2020-09-04 | 2021-10-01 | 荣耀终端有限公司 | 显示处理方法及电子设备 |
CN113778304B (zh) * | 2021-11-11 | 2022-04-01 | 北京达佳互联信息技术有限公司 | 显示图层的方法、装置、电子设备及计算机可读存储介质 |
CN116954409A (zh) * | 2022-04-19 | 2023-10-27 | 华为技术有限公司 | 应用的显示方法、装置及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
RU2280334C2 (ru) * | 2001-12-13 | 2006-07-20 | Нокиа Корпорейшн | Связной терминал |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
RU2377663C2 (ru) * | 2003-10-23 | 2009-12-27 | Майкрософт Корпорейшн | Динамическая архитектура окон |
Family Cites Families (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6091505A (en) * | 1998-01-30 | 2000-07-18 | Apple Computer, Inc. | Method and system for achieving enhanced glyphs in a font |
CN1501712A (zh) * | 2002-11-12 | 2004-06-02 | 北京中视联数字系统有限公司 | 一种实现图文混合显示的方法 |
US7106343B1 (en) * | 2003-04-08 | 2006-09-12 | Carter Hickman | Method and process for virtual paint application |
US8631347B2 (en) * | 2004-11-15 | 2014-01-14 | Microsoft Corporation | Electronic document style matrix |
US20080018665A1 (en) * | 2006-07-24 | 2008-01-24 | Jay Behr | System and method for visualizing drawing style layer combinations |
US7663637B2 (en) * | 2007-01-31 | 2010-02-16 | Autodesk, Inc. | Overriding layer properties in computer aided design viewports |
US9638022B2 (en) * | 2007-03-27 | 2017-05-02 | Halliburton Energy Services, Inc. | Systems and methods for displaying logging data |
WO2009086235A2 (en) * | 2007-12-21 | 2009-07-09 | Wikiatlas Corporation | Contributor compensation system and method |
US8044973B2 (en) * | 2008-01-18 | 2011-10-25 | Autodesk, Inc. | Auto sorting of geometry based on graphic styles |
US8144251B2 (en) * | 2008-04-18 | 2012-03-27 | Sony Corporation | Overlaid images on TV |
CN101321240B (zh) * | 2008-06-25 | 2010-06-09 | 华为技术有限公司 | 多图层叠加的方法及其装置 |
JP5583127B2 (ja) * | 2008-09-25 | 2014-09-03 | コーニンクレッカ フィリップス エヌ ヴェ | 三次元画像データ処理 |
KR101502598B1 (ko) * | 2008-11-12 | 2015-03-16 | 삼성전자주식회사 | 깊이감 인지 향상을 위한 영상 처리 장치 및 방법 |
US20100231590A1 (en) * | 2009-03-10 | 2010-09-16 | Yogurt Bilgi Teknolojileri A.S. | Creating and modifying 3d object textures |
JP4808267B2 (ja) * | 2009-05-27 | 2011-11-02 | シャープ株式会社 | 画像処理装置、画像形成装置、画像処理方法、コンピュータプログラム及び記録媒体 |
-
2010
- 2010-02-11 CN CN201010109033.1A patent/CN102156999B/zh active Active
-
2011
- 2011-01-07 RU RU2012137767/08A patent/RU2530272C2/ru active
- 2011-01-07 CA CA2789684A patent/CA2789684C/en active Active
- 2011-01-07 BR BR112012020136-0A patent/BR112012020136B1/pt active IP Right Grant
- 2011-01-07 MX MX2012009334A patent/MX2012009334A/es active IP Right Grant
- 2011-01-07 WO PCT/CN2011/070068 patent/WO2011097965A1/zh active Application Filing
-
2012
- 2012-08-10 US US13/571,543 patent/US20120313956A1/en not_active Abandoned
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
RU2280334C2 (ru) * | 2001-12-13 | 2006-07-20 | Нокиа Корпорейшн | Связной терминал |
RU2377663C2 (ru) * | 2003-10-23 | 2009-12-27 | Майкрософт Корпорейшн | Динамическая архитектура окон |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CA2789684A1 (en) | 2011-08-18 |
BR112012020136B1 (pt) | 2021-09-21 |
CN102156999A (zh) | 2011-08-17 |
WO2011097965A1 (zh) | 2011-08-18 |
CA2789684C (en) | 2016-03-01 |
CN102156999B (zh) | 2015-06-10 |
US20120313956A1 (en) | 2012-12-13 |
RU2012137767A (ru) | 2014-03-20 |
MX2012009334A (es) | 2012-09-07 |
BR112012020136A2 (pt) | 2020-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
RU2530272C2 (ru) | Способ и устройство создания пользовательского интерфейса | |
CN106484396B (zh) | 夜间模式切换方法、装置和终端设备 | |
US10885677B2 (en) | Method and system for setting interface element colors | |
US20130207994A1 (en) | System and method for generating and applying a color theme to a user interface | |
US20140362105A1 (en) | Content adjustment in graphical user interface based on background content | |
CN107621966B (zh) | 图形用户界面显示方法、装置和终端设备 | |
KR20160021607A (ko) | 배경 화면을 디스플레이하는 방법 및 장치 | |
JP2014089751A (ja) | グラフィックオブジェクトの表示 | |
KR20150038518A (ko) | 사진을 이용한 운영체제 색상 세팅 | |
CN105892839B (zh) | 一种基于即时通信工具的截图处理方法和装置 | |
WO2022042180A1 (zh) | 壁纸生成方法、装置、终端及存储介质 | |
CN111814426B (zh) | 问卷页面配置方法、装置、计算机设备和存储介质 | |
US20140204125A1 (en) | Systems and methods for creating photo collages | |
CN107704300A (zh) | 信息处理方法及电子设备 | |
CN107943924A (zh) | 一种自动生成网页主题的方法、存储介质和电子设备 | |
CN111158834B (zh) | 界面自定义方法及计算机可读存储介质 | |
WO2015200441A1 (en) | Computerized systems and methods for rendering a user interface element | |
CN112541955A (zh) | 图像处理方法、装置及设备 | |
KR101911947B1 (ko) | 정보 가독성 향상과 배경 이미지 조화를 위한 화면 디자인 방법 및 그 시스템 | |
US9779529B2 (en) | Generating multi-image content for online services using a single image | |
CN106201838A (zh) | 视频下载进度显示方法及装置 | |
JP2023098878A (ja) | 画像提供サーバおよび画像提供方法 | |
CN107632746A (zh) | 一种应用界面显示方法和装置 | |
JP2023016585A (ja) | 室内装飾プランの可視提案システム | |
CN108549663B (zh) | 视频相册的绘制方法及装置 |