RU2790027C1 - Способ, система и устройство для адаптивного конфигурирования пользовательского интерфейса и носитель информации - Google Patents

Способ, система и устройство для адаптивного конфигурирования пользовательского интерфейса и носитель информации Download PDF

Info

Publication number
RU2790027C1
RU2790027C1 RU2021133986A RU2021133986A RU2790027C1 RU 2790027 C1 RU2790027 C1 RU 2790027C1 RU 2021133986 A RU2021133986 A RU 2021133986A RU 2021133986 A RU2021133986 A RU 2021133986A RU 2790027 C1 RU2790027 C1 RU 2790027C1
Authority
RU
Russia
Prior art keywords
user interface
panel
adaptive
areas
screen
Prior art date
Application number
RU2021133986A
Other languages
English (en)
Inventor
Ди У
Original Assignee
Шанхай Лилит Текнолоджи Корпорейшен
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Шанхай Лилит Текнолоджи Корпорейшен filed Critical Шанхай Лилит Текнолоджи Корпорейшен
Application granted granted Critical
Publication of RU2790027C1 publication Critical patent/RU2790027C1/ru

Links

Images

Abstract

Настоящее техническое решение относится к области вычислительной техники. Технический результат заключается в адаптивном конфигурировании пользовательского интерфейса в зависимости от разрешения экрана устройства. Технический результат достигается за счёт того, что соответствующим образом устанавливают соответствие между указанным одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели; осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, и осуществляют операцию перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса. 4 н. и 5 з.п. ф-лы, 3 ил., 1 табл.

Description

Область техники, к которой относится изобретение
Настоящее изобретение относится к области отображения пользовательского интерфейса, и, в частности, к способу, системе и устройству для адаптивного конфигурирования пользовательского интерфейса, и к носителю информации.
Уровень техники
При разработке пользовательского интерфейса, разработчикам пользовательского интерфейса необходимо учитывать различные возможности для адаптации пользовательского интерфейса к многочисленным устройствам множества пользователей, поскольку указанные многочисленные устройства множества пользователей обычно имеют разное разрешение. В этом случае задействованы высокие эксплуатационные расходы.
В существующем техническом решении, обычно сначала задается доступная область, после чего разрабатываются различные логические средства пользовательского интерфейса для разного разрешения в указанной доступной области. В существующем процессе конфигурирования пользовательского интерфейса, необходимо принимать во внимание разнообразные пограничные вопросы, в результате чего этапы разработки пользовательского интерфейса являются трудоемкими, работоспособность находится на низком уровне, и адаптивное конфигурирование пользовательского интерфейса не может быть реализовано.
Раскрытие изобретения
Задача настоящего изобретения состоит в том, чтобы предложить способ, систему и устройство для адаптивного конфигурирования пользовательского интерфейса, и носитель информации, для упрощения этапов разработки пользовательского интерфейса, повышения работоспособности и реализации адаптивного конфигурирования пользовательского интерфейса.
В настоящем изобретении раскрыт способ адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между указанным одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Опционально, панель имеет N×M областей, скомпонованных в виде N×M, причем N и М, оба, представляют собой целые положительные числа.
Опционально, соответствующее установление соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели включает в себя: в соответствии с каждой центральной точкой каждого компонента пользовательского интерфейса, установление соответствия между каждым компонентом пользовательского интерфейса и областью, в которой находится указанная центральная точка.
Опционально, осуществление операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществление операции перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию, включает в себя:
получение высоты панели и ширины панели для указанной панели;
получение высоты экрана и ширины экрана пользовательского оборудования;
вычисление степени растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели;
осуществление операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения;
если отношение высоты экрана к высоте панели меньше, чем отношение ширины экрана к ширине панели, перемещение области крайнего левого столбца влево к краю экрана пользовательского оборудования, и перемещение области крайнего правого столбца вправо к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
если отношение высоты экрана к высоте панели больше, чем отношение ширины экрана к ширине панели, перемещение области первой строки вверх к краю экрана пользовательского оборудования и перемещение области последней строки вниз к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
Опционально, соответствующее расположение одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса включает в себя:
при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определение взаимного расположения между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью; и
в соответствии с указанным взаимным расположением, расположение центральной точки каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
В настоящем изобретении раскрыта система для адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем система содержит:
модуль соответствия компонентов, выполненный с возможностью соответствующего установления соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
модуль растяжения и перемещения, выполненный с возможностью: осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, и осуществления операции перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
модуль создания интерфейса, выполненный с возможностью соответствующего расположения одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Опционально, панель имеет N×M областей, скомпонованных в виде N×M, где N и М, оба, представляют собой положительные целые числа.
Опционально, модуль соответствия компонентов выполнен так, чтобы в соответствии с каждой центральной точкой каждого компонента пользовательского интерфейса, устанавливать соответствие между каждым компонентом пользовательского интерфейса и областью, в которой находится указанная центральная точка.
Опционально, модуль растяжения и перемещения выполнен с возможностью: получения высоты панели и ширины панели для указанной панели; получения высоты экрана и ширины экрана пользовательского оборудования; вычисления степени растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели; осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения; если отношение высоты экрана к высоте панели меньше, чем отношение ширины экрана к ширине панели, перемещения области крайнего левого столбца влево к краю экрана пользовательского оборудования и перемещения области крайнего правого столбца вправо к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и если отношение высоты экрана к высоте панели больше, чем отношение ширины экрана к ширине панели, перемещения области первой строки вверх к краю экрана пользовательского оборудования, и перемещения области последней строки вниз к краю экрана пользовательского оборудования для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
Опционально, модуль соответствия компонентов выполнен так, чтобы: при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определять взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью; причем модуль создания интерфейса выполнен так, чтобы: в соответствии с указанным взаимным расположением, располагать каждую центральную точку каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
В настоящем изобретении раскрыто устройство для адаптивного конфигурирования пользовательского интерфейса, причем устройство содержит память, в которой хранится исполняемая компьютером инструкция, и процессор, причем процессор выполнен с возможностью исполнения инструкции для реализации способа адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
В настоящем изобретении раскрыт компьютерный носитель информации, закодированный компьютерной программой, причем компьютерная программа содержит инструкцию, исполняемую более чем одним компьютером для реализации способа адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Основные отличия и результаты вариантов осуществления настоящего изобретения по сравнению с существующим уровнем техники заключаются в следующем.
Согласно настоящему изобретению, разработчик пользовательского интерфейса может добавлять и изменять компоненты пользовательского интерфейса на панели с единообразным разрешением в ходе этапов установления соответствия компонентов, этапов растяжения и перемещения, и этапов создания интерфейса, с целью создания базового пользовательского интерфейса. Это позволяет упростить этапы разработки пользовательского интерфейса, исключить необходимость в учете слишком большого количества пограничных вопросов, повысить работоспособность и обеспечить возможность реализации адаптивного конфигурирования пользовательского интерфейса в зависимости от пользовательского оборудования.
Краткое описание чертежей
На фиг. 1А - 1Н представлены структурные схемы адаптивного конфигурирования пользовательского интерфейса.
На фиг. 2 представлена блок-схема способа адаптивного конфигурирования пользовательского интерфейса.
На фиг. 3 показана принципиальная структурная схема системы для адаптивного конфигурирования пользовательского интерфейса.
Осуществление изобретения
В нижеследующем описании изложены многочисленные технические характеристики, которые позволят читателям лучше понять данную заявку. Однако специалисту в данной области техники будет понятно, что даже без этих технических характеристик и различных изменений и модификаций, основанных на нижеследующих вариантах осуществления, возможна реализация технических решений, подпадающих под защиту, заданную формулой изобретения данной заявки.
Для того чтобы прояснить цели, технические решения и преимущества настоящего изобретения, ниже более подробно со ссылкой на прилагаемые чертежи описаны различные варианты осуществления настоящего изобретения.
При разработке пользовательского интерфейса, разработчик пользовательского интерфейса может добавлять и изменять компоненты пользовательского интерфейса на панели с единообразным разрешением для создания базового пользовательского интерфейса (далее именуемого как пользовательский интерфейс).
На фиг. 1А - 1Н представлены структурные схемы адаптивного конфигурирования пользовательского интерфейса. Как показано на фиг. 1А, пользовательский интерфейс 100 представляет собой окно подтверждения и содержит панель 101 и три компонента 102, 103, 104 пользовательского интерфейса, расположенных на панели 101.
Опционально, пользовательский интерфейс 100 может содержать информацию о компонентах 102, 103, 104 пользовательского интерфейса, такую как идентификатор (ID), категория, цвет, размер, содержание и положение. Например, информация о компонентах 102, 103, 104 пользовательского интерфейса записана в таблице:
Figure 00000001
Первый вариант осуществления настоящего изобретения относится к способу адаптивного конфигурирования пользовательского интерфейса. На фиг. 2 показана блок-схема способа адаптивного конфигурирования пользовательского интерфейса.
Как показано на фиг. 2, способ 200 включает в себя следующие этапы.
На этапе 202 соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей.
Опционально, панель содержит N×M областей, скомпонованных в виде N×M, где N и М, оба, являются положительными целыми числами, причем N и М могут быть одинаковыми или разными.
Опционально, панель имеет девять областей, скомпонованных в виде 3×3. Панель может быть разделена на область крайнего левого столбца, область среднего столбца и область крайнего правого столбца, а также область первой строки, область средней строки и область последней строки в ходе такого разделения, так чтобы обеспечить возможность осуществления операции перемещения в области крайнего левого столбца и области крайнего правого столбца или области первой строки и области последней строки на последующих этапах, в то время как положение области среднего столбца или области средней строки может оставаться неизменным.
Опционально, размеры множества областей могут быть одинаковыми или разными.
Опционально, множество областей может иметь правильную форму или неправильную форму.
Как показано на фиг. 1В, панель 101 имеет девять областей, скомпонованных в виде 3×3, причем девять областей соответствующим образом пронумерованы цифрами от 1 до 9.
Опционально, в соответствии с каждой центральной точкой каждого компонента пользовательского интерфейса, устанавливают соответствие между каждым компонентом пользовательского интерфейса и областью, в которой находится указанная центральная точка. Если центральная точка компонента пользовательского интерфейса находится на общей границе множества областей, может быть установлено правило соответствия компонентов или в соответствии с инструкцией пользователя может быть установлено соответствие между компонентом пользовательского интерфейса и одной областью из множества областей панели.
Опционально, в соответствии с точкой позиционирования каждого компонента пользовательского интерфейса, устанавливают соответствие между каждым компонентом пользовательского интерфейса и областью, в которой находится точка позиционирования. Точка позиционирования представляет собой любую точку компонента пользовательского интерфейса.
Опционально, в соответствии с инструкцией пользователя, соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, причем указанная одна область представляет собой любую область во множестве областей, что позволяет персонализировать пользовательский интерфейс более продвинутым способом.
Как показано на фиг. 1С, в соответствии с центральной точкой компонента 102 пользовательского интерфейса, устанавливают соответствие между компонентом 102 пользовательского интерфейса и областью 7, в которой находится указанная центральная точка; в соответствии с центральной точкой компонента 103 пользовательского интерфейса устанавливают соответствие между компонентом 103 пользовательского интерфейса и областью 9, в которой находится указанная центральная точка; в соответствии с центральной точкой компонента 104 пользовательского интерфейса устанавливают соответствие между компонентом 104 пользовательского интерфейса и областью 2, в которой находится указанная центральная точка.
На этапе 202 панель может иметь множество областей, так что операции растяжения и перемещения могут быть осуществлены во всех или некоторых из областей, выбранных на следующих этапах. В отличие от выполнения операции адаптации с использованием панели целиком, в данной заявке можно осуществлять различные операции адаптации в центральной области и краевой области панели. Кроме того, соответствующим образом можно устанавливать соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, так что один или более компонентов адаптивного пользовательского интерфейса могут быть соответствующим образом расположены в соответствующих областях адаптивной панели на следующих этапах, с целью создания адаптивного пользовательского интерфейса. Один или более компонентов адаптивного пользовательского интерфейса в адаптивном пользовательском интерфейсе и один или более компонентов пользовательского интерфейса в пользовательском интерфейсе могут быть расположены в одних и тех же соответствующих областях.
На этапе 204 осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
Опционально, получают высоту панели и ширину панели для указанной панели; получают высоту экрана и ширину экрана пользовательского оборудования; вычисляют степень растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели; осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения; если отношение высоты экрана к высоте панели меньше отношения ширины экрана к ширине панели, область крайнего левого столбца перемещают влево к краю экрана пользовательского оборудования, а область крайнего правого столбца перемещают вправо к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и если отношение высоты экрана к высота панели больше, чем отношение ширины экрана к ширине панели, область первой строки перемещают вверх к краю экрана пользовательского оборудования, и область последней строки перемещают вниз к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
Опционально, если отношение высоты экрана к высоте панели равно отношению ширины экрана к ширине панели, не выполняют операцию перемещения во множестве областей.
Как показано на фиг. 1D, получают высоту Нпанель панели и ширину Wпанель панели указанной панели 101; получают высоту Нэкран экрана и ширину Wэкран экрана указанного экрана 111 пользовательского оборудования; вычисляют степень растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты Нэкран экрана к высоте Нпанель панели и отношения ширины Wэкран экрана к ширине Wпанель панели; и выполняют операцию растяжения в девяти областях 1 - 9 в соответствии со степенью растяжения.
Кроме того, на фиг. 1D не показано, что операцию растяжения осуществляют на трех компонентах 102, 103, 104 пользовательского интерфейса в соответствии со степенью растяжения, для создания трех компонентов 102', 103', 104' адаптивного пользовательского интерфейса.
Как показано на фиг. 1Е, если отношение высоты Нэкран экрана к высоте Нпанель панели меньше отношения ширины Wэкран экрана к ширине Wпанель панели, области 1, 4, 7 крайнего левого столбца перемещают влево к краю экрана 111 пользовательского оборудования и области 3, 6, 9 крайнего правого столбца перемещают вправо к краю экрана 111 пользовательского оборудования для создания адаптивной панели 101'.
Как показано на фиг. 1F, если отношение высоты Нэкран экрана к высоте Нпанель панели больше отношения ширины Wэкран экрана к ширине Wпанель панели, области 1, 2 и 3 первой строки перемещают вверх к краю экрана 111 пользовательского оборудования, и области 7, 8 и 9 последней строки перемещают вниз к краю экрана 111 пользовательского оборудования для создания адаптивной панели 101'.
На этапе 204 могут быть созданы адаптивная панель и один или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию. По сравнению с существующей конфигурацией пользовательского интерфейса, в данной заявке необходимо вычислить только отношение высоты Нэкран экрана к высоте Нпанель панели и отношение ширины Wэкран экрана к ширине Wпанель панели, причем требуются только операция растяжения и операция перемещения. Таким образом, отпадает необходимость учитывать слишком большое количество пограничных вопросов, повышается работоспособность, и обеспечивается возможность реализации самонастраивающегося конфигурирования пользовательского интерфейса в зависимости от пользовательского оборудования.
На этапе 206 соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели, для создания адаптивного пользовательского интерфейса.
Опционально, при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определяют взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью; и в соответствии с указанным взаимным расположением, каждую центральную точку каждого компонента адаптивного пользовательского интерфейса располагают в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
Опционально, взаимное расположение между центральной точкой и соответствующей областью может относиться к координатам в процентах центральной точки в соответствующей области. Например, координаты в процентах центральной точка представляют собой (50% Wсоответ.обл., 10% Нсоответ.о6л.), то есть, центральную точку получают следующим образом: принимают точку в нижнем левом углу соответствующей области в качестве исходной точки, перемещают вправо на 50% Wсоответ.о6л., и далее перемещают на 10% Нсоответ.о6л., причем Wсоответ.о6л. представляет собой ширину соответствующей области, а Нсоответ.обл. представляет собой высоту соответствующей области. После осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса, координаты в процентах могут оставаться неизменными.
Опционально, при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определяют взаимное расположение между точкой позиционирования каждого компонента пользовательского интерфейса и соответствующей областью; и в соответствии с указанным взаимным расположением, точку позиционирования каждого компонента адаптивного пользовательского интерфейса располагают в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса. По аналогии с указанным взаимным расположением между центральной точкой и соответствующей областью, как раскрыто выше, можно определить взаимное расположение между точкой позиционирования и соответствующей областью.
Опционально, при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, в соответствии с инструкцией пользователя, можно определить взаимное расположение между каждой центральной точкой или каждой точкой позиционирования каждого компонента пользовательского интерфейса и соответствующей областью; и в соответствии с указанным взаимным расположением, располагают каждую центральную точку или каждую точку позиционирования каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
Опционально, в соответствии с инструкцией пользователя, один или более компонентов адаптивного пользовательского интерфейса соответствующим образом располагают в одной области адаптивной панели для создания адаптивного пользовательского интерфейса, причем указанная одна область представляет собой любую область во множестве областей, так что адаптивный пользовательский интерфейс можно персонализировать более продвинутым способом.
Как показано на фиг. 1G и 1Н, компонент 102' адаптивного пользовательского интерфейса располагают в соответствующей области 7 адаптивной панели 101', компонент 103' адаптивного пользовательского интерфейса располагают в соответствующей области 9 адаптивной панели 101', а компонент 104' адаптивного пользовательского интерфейса располагают в соответствующей области 2 адаптивной панели 101', для создания адаптивного пользовательского интерфейса 100'.
Опционально, адаптивный пользовательский интерфейс 100' может содержать информацию о компонентах 102', 103', 104' пользовательского интерфейса, такую как идентификатор (ID), категорию, цвет, размер, содержание и положение.
Посредством этапа 206, может быть создан адаптивный пользовательский интерфейс. Один или более компонентов адаптивного пользовательского интерфейса в адаптивном пользовательском интерфейсе и один или более компонентов пользовательского интерфейса в пользовательском интерфейсе можно расположить в одних и тех же соответствующих областях, и, кроме того, один или более компонентов адаптивного пользовательского интерфейса в адаптивном пользовательском интерфейсе и один или более компонентов и один или более компонентов пользовательского интерфейса в пользовательском интерфейсе можно расположить в одинаковых положениях в одних и тех же соответствующих областях.
Второй вариант осуществления настоящего изобретения относится к системе для адаптивного конфигурирования пользовательского интерфейса. На фиг. 3 показана принципиальная структурная схема системы для адаптивного конфигурирования пользовательского интерфейса.
Как показано на фиг. 3, система 300 содержит:
модуль 302 соответствия компонентов, выполненный с возможностью соответствующего установления соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
модуль 304 растяжения и перемещения, выполненный с возможностью осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществления операции перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
модуль 306 создания интерфейса, выполненный с возможностью соответствующего расположения одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Опционально, панель имеет N×M областей, скомпонованных в виде N×M, где N и М, оба, представляют собой положительные целые числа.
Опционально, модуль 302 соответствия компонентов выполнен так, чтобы: в соответствии с центральной точкой каждого компонента пользовательского интерфейса, устанавливать соответствие между каждым компонентом пользовательского интерфейса и областью, в которой находится указанная центральная точка.
Опционально, модуль 304 растяжения и перемещения выполнен с возможностью получения высоты панели и ширины панели; получения высоты экрана и ширины экрана пользовательского оборудования; вычисления степени растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели; осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения; если отношение высоты экрана к высоте панели меньше, чем отношение ширины экрана к ширине панели, перемещения области крайнего левого столбца влево к краю экрана пользовательского оборудования и перемещения области крайнего правого столбца вправо к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и если отношение высоты экрана к высоте панели больше, чем отношение ширины экрана к ширине панели, перемещения области первой строки вверх к краю экрана пользовательского оборудования и перемещения области последней строки вниз к краю экрана пользовательского оборудования, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
Опционально, модуль 302 соответствия компонентов выполнен так, чтобы: при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определять взаимное расположение между центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью; причем модуль 306 создания интерфейса выполнен так, чтобы: в соответствии с указанным взаимным расположением, располагать центральную точку каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
Первый вариант осуществления представляет собой вариант осуществления способа, соответствующий этому варианту осуществления, причем этот вариант осуществления может быть реализован совместно с первым вариантом осуществления. Соответствующие технические характеристики, упомянутые в первом варианте осуществления, также действительны и в этом варианте осуществления. Для исключения повторения, указанные характеристики здесь не раскрываются. Таким образом, соответствующие технические характеристики, упомянутые в этом варианте осуществления, также могут быть применены в первом варианте осуществления.
Третий вариант осуществления настоящего изобретения относится к устройству для адаптивного конфигурирования пользовательского интерфейса. Устройство содержит память, в которой хранится инструкция, и процессор. Процессор выполнен с возможностью исполнения инструкции для реализации способа адаптивного конфигурирования пользовательского интерфейса. Пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели. Способ включает в себя следующие этапы:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Первый вариант осуществления представляет собой вариант осуществления способа, соответствующий этому варианту осуществления, причем этот вариант осуществления может быть реализован совместно с первым вариантом осуществления. Соответствующие технические характеристики, упомянутые в первом варианте осуществления, также действительны и в этом варианте осуществления. Для исключения повторения, указанные характеристики здесь не раскрываются. Таким образом, соответствующие технические характеристики, упомянутые в этом варианте осуществления, также могут быть применены в первом варианте осуществления.
Четвертый вариант осуществления настоящего изобретения относится к компьютерному носителю информации, закодированному компьютерной программой. Компьютерная программа содержит инструкцию, исполняемую посредством одного или более компьютеров для реализации способа адаптивного конфигурирования пользовательского интерфейса. Пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели.
Способ включает в себя следующие этапы:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей, для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса.
Первый вариант осуществления представляет собой вариант осуществления способа, соответствующий этому варианту осуществления, причем этот вариант осуществления может быть реализован совместно с первым вариантом осуществления. Соответствующие технические характеристики, упомянутые в первом варианте осуществления, также действительны и в этом варианте осуществления. Для исключения повторения, указанные характеристики здесь не раскрываются. Таким образом, соответствующие технические характеристики, упомянутые в этом варианте осуществления, также могут быть применены в первом варианте осуществления.
Следует отметить, что каждый вариант осуществления способа согласно настоящему изобретению может быть реализован с помощью программного обеспечения, аппаратного обеспечения, программно-аппаратного обеспечения и других способов. Независимо от того, реализовано ли настоящее изобретение с помощью программного обеспечения, аппаратного обеспечения или программно-аппаратного обеспечения, коды инструкций могут храниться в доступной для компьютера памяти любого типа (например, долговременной или изменяемой, разрушаемой при отключении питания или не разрушаемой при отключении питания, твердотельной или энергонезависимой, постоянной памяти или сменном носителе информации и т.д.). Аналогично, память может представлять собой, например, программируемую логическую матрицу (PAL, от англ. Programmable Array Logic), память с произвольным доступом (RAM, от англ. Random Access Memory) и программируемую постоянную память (PROM, от англ. Programmable Read Only Memory), постоянную память (ROM, от англ. Read-Only Memory), электрически стираемую программируемую постоянную память (EEPROM, от англ. Electrically Erasable Programmable Read-Only Memory), магнитный диск, оптический диск и универсальный цифровой диск (DVD, от англ. Digital Versatile Disc).
Следует отметить, что блоки/модули, упомянутые в вариантах осуществления устройства в данной заявке, представляют собой логические блоки/модули. Физически, логический блок/модуль может представлять собой физический блок или может быть частью физического блока, или может быть реализован в виде комбинации нескольких физических блоков. Физическая реализация этих логических блоков не является самым важным аспектом. Для решения технической проблемы, представленной в данной заявке, ключевым фактором является комбинация функций, реализуемых этими логическими блоками. Кроме того, чтобы подчеркнуть инновационную часть этой заявки, в приведенных выше вариантах осуществления устройства согласно данной заявке не представлены блоки, которые не имеют непосредственного отношения к решению технических вопросов, поднятых в данной заявке, и это не означает, что в приведенных выше вариантах устройства отсутствуют другие блоки.
Следует отметить, что в формуле и описании данной заявки понятия, связанные с описанием отношений, такие как «первый» и «второй», используются только для того, чтобы отличить один объект или операцию от другого объекта или операции, и они не обязательно требуют или подразумевают, что между этими объектами или операциями действительно существуют такие отношения или порядок. Более того, слова «содержать», «включать в себя» или любые их вариации охватывают неисчерпывающее включение, так что процесс, способ, продукт или устройство, содержащие некоторый перечень элементов, не только содержат эти элементы, но также содержат другие элементы, которые явным образом не перечислены, или дополнительно содержат элементы, присущие такому процессу, способу, изделию или устройству. Элемент, заданный посредством выражения «включает в себя…», без дополнительных ограничений, не исключает наличия дополнительных одинаковых элементов в процессе, способе, продукте или устройстве, которые включают в себя этот элемент.
Хотя данная заявка проиллюстрирована и раскрыта со ссылкой на некоторые предпочтительные варианты осуществления этой заявки, специалист в данной области техники должен понимать, что в форму и характеристики могут быть внесены различные изменения, не выходящие за пределы сущности и объема защиты данной заявки.

Claims (39)

1. Способ адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между указанным одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса,
причем соответствующее расположение одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса включает в себя:
при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определение взаимного расположения между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью, при этом взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью включает в себя координаты в процентах центральной точки в соответствующей области; и,
в соответствии с указанным взаимным расположением, расположение каждой центральной точки каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
2. Способ по п. 1, в котором панель имеет N×M областей, скомпонованных в виде N×M, причем N и М, оба, представляют собой целые положительные числа.
3. Способ по п. 1, в котором соответствующее установление соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели включает в себя: в соответствии с каждой центральной точкой каждого компонента пользовательского интерфейса, установление соответствия между каждым компонентом пользовательского интерфейса и областью, в которой находится указанная центральная точка.
4. Способ по п. 1, в котором осуществление операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществление операции перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию, включает в себя:
получение высоты панели и ширины панели для указанной панели;
получение высоты экрана и ширины экрана пользовательского оборудования;
вычисление степени растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели;
осуществление операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения;
если отношение высоты экрана к высоте панели меньше, чем отношение ширины экрана к ширине панели, перемещение области крайнего левого столбца влево к краю экрана пользовательского оборудования и перемещение области крайнего правого столбца вправо к краю экрана пользовательского оборудования для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и,
если отношение высоты экрана к высоте панели больше, чем отношение ширины экрана к ширине панели, перемещение области первой строки вверх к краю экрана пользовательского оборудования и перемещение области последней строки вниз к краю экрана пользовательского оборудования для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
5. Система для адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем система содержит:
модуль соответствия компонентов, выполненный с возможностью соответствующего установления соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
модуль растяжения и перемещения, выполненный с возможностью: осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществления операции перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
модуль создания интерфейса, выполненный с возможностью соответствующего расположения одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса,
причем соответствующее расположение одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса включает в себя:
при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определение взаимного расположения между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью, при этом взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью включает в себя координаты в процентах центральной точки в соответствующей области; и,
в соответствии с указанным взаимным расположением, расположение каждой центральной точки каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
6. Система по п. 5, в которой панель имеет N×M областей, скомпонованных в виде N×M, где N и М, оба, представляют собой положительные целые числа.
7. Система по п. 5, в которой модуль растяжения и перемещения выполнен с возможностью: получения высоты панели и ширины панели для указанной панели; получения высоты экрана и ширины экрана пользовательского оборудования; вычисления степени растяжения, причем степень растяжения представляет собой меньшее значение из отношения высоты экрана к высоте панели и отношения ширины экрана к ширине панели; осуществления операции растяжения во множестве областей и одном или более компонентах пользовательского интерфейса в соответствии со степенью растяжения; если отношение высоты экрана к высоте панели меньше, чем отношение ширины экрана к ширине панели, перемещения области крайнего левого столбца влево к краю экрана пользовательского оборудования и перемещения области крайнего правого столбца вправо к краю экрана пользовательского оборудования для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и, если отношение высоты экрана к высоте панели больше, чем отношение ширины экрана к ширине панели, перемещения области первой строки вверх к краю экрана пользовательского оборудования и перемещения области последней строки вниз к краю экрана пользовательского оборудования для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию.
8. Устройство для адаптивного конфигурирования пользовательского интерфейса, содержащее память, в которой хранится исполняемая компьютером инструкция, и процессор, причем процессор выполнен с возможностью исполнения инструкции для реализации способа адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса,
причем соответствующее расположение одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса включает в себя:
при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определение взаимного расположения между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью, при этом взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью включает в себя координаты в процентах центральной точки в соответствующей области; и,
в соответствии с указанным взаимным расположением, расположение каждой центральной точки каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
9. Компьютерный носитель информации, закодированный компьютерной программой, причем компьютерная программа содержит инструкцию, исполняемую посредством одного или более компьютеров для реализации способа адаптивного конфигурирования пользовательского интерфейса, причем пользовательский интерфейс содержит панель и один или более компонентов пользовательского интерфейса, расположенных на панели, причем способ включает в себя этапы, на которых:
соответствующим образом устанавливают соответствие между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели;
осуществляют операцию растяжения во множестве областей и одном или более компонентах пользовательского интерфейса и осуществляют операцию перемещения во множестве областей для создания адаптивной панели и одного или более компонентов адаптивного пользовательского интерфейса, адаптированных к пользовательскому оборудованию; и
соответствующим образом располагают один или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса,
причем соответствующее расположение одного или более компонентов адаптивного пользовательского интерфейса в соответствующих областях адаптивной панели для создания адаптивного пользовательского интерфейса включает в себя:
при соответствующем установлении соответствия между одним или более компонентами пользовательского интерфейса и одной областью из множества областей панели, определение взаимного расположения между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью, при этом взаимное расположение между каждой центральной точкой каждого компонента пользовательского интерфейса и соответствующей областью включает в себя координаты в процентах центральной точки в соответствующей области; и,
в соответствии с указанным взаимным расположением, расположение каждой центральной точки каждого компонента адаптивного пользовательского интерфейса в соответствующей области адаптивной панели для создания адаптивного пользовательского интерфейса.
RU2021133986A 2019-05-10 2019-09-25 Способ, система и устройство для адаптивного конфигурирования пользовательского интерфейса и носитель информации RU2790027C1 (ru)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910392292.0 2019-05-10

Publications (1)

Publication Number Publication Date
RU2790027C1 true RU2790027C1 (ru) 2023-02-14

Family

ID=

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
RU44200U1 (ru) * 2004-09-08 2005-02-27 Моисеев Борис Викторович Устройство для управления отображением данных на экране дисплея
US20090094555A1 (en) * 2007-10-05 2009-04-09 Nokia Corporation Adaptive user interface elements on display devices
US7770109B2 (en) * 2005-12-16 2010-08-03 Microsoft Corporation Adaptive layout for content
CN104182270A (zh) * 2014-08-25 2014-12-03 北京云巢动脉科技有限公司 虚拟机界面适应不同分辨率移动终端屏幕的显示方法
US20190130873A1 (en) * 2017-11-01 2019-05-02 Microsoft Technology Licensing, Llc Adaptive content rendering for optimizing page layout

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
RU44200U1 (ru) * 2004-09-08 2005-02-27 Моисеев Борис Викторович Устройство для управления отображением данных на экране дисплея
US7770109B2 (en) * 2005-12-16 2010-08-03 Microsoft Corporation Adaptive layout for content
US20090094555A1 (en) * 2007-10-05 2009-04-09 Nokia Corporation Adaptive user interface elements on display devices
CN104182270A (zh) * 2014-08-25 2014-12-03 北京云巢动脉科技有限公司 虚拟机界面适应不同分辨率移动终端屏幕的显示方法
US20190130873A1 (en) * 2017-11-01 2019-05-02 Microsoft Technology Licensing, Llc Adaptive content rendering for optimizing page layout

Similar Documents

Publication Publication Date Title
US10032291B2 (en) Methods and devices for interface display
US10191838B2 (en) Method and device for checking influence of deleting cache file, and mobile terminal
CN114020756B (zh) 遥感影像实时地图服务发布方法和装置
CN109508189A (zh) 一种布局模板处理方法、装置及计算机可读存储介质
US20140028727A1 (en) Content-aware image resizing using superpixels
CN110806847A (zh) 一种分布式多屏幕显示方法、装置、设备及系统
US11790344B2 (en) Method and apparatus for displaying identification code of application
US20200225759A1 (en) Gesture control method and apparatus for display screen
US10372300B2 (en) Method, apparatus and mobile terminal for triggering widget in application
CN111258434A (zh) 在聊天界面插入图片的方法、装置、设备及存储介质
RU2790027C1 (ru) Способ, система и устройство для адаптивного конфигурирования пользовательского интерфейса и носитель информации
CN110689061A (zh) 一种基于对齐特征金字塔网络的图像处理方法、装置及系统
Zhou et al. Medusa: a multi-resolution machine learning congestion estimation method for 2d and 3d global routing
KR102574449B1 (ko) 데이터 처리 방법 및 장치
US9373193B2 (en) Method and apparatus for detecting and avoiding conflicts of space entity element annotations
CN109683798B (zh) 一种文本确定方法、终端及计算机可读存储介质
CN116309944A (zh) 地图处理方法、装置、设备和存储介质
CN112988810B (zh) 信息查找方法、装置及设备
US11748121B2 (en) Method, system, device and medium for adaptive configuration of a user interface employing stretching and moving
CN110442471B (zh) 一种检测网络系统中内存信息的方法、设备和介质
CN111090471A (zh) 一种内存板热移除的方法和设备
CN115658351B (zh) 2d拷贝方法、装置、电子设备和计算机可读存储介质
CN114741064B (zh) 页面生成方法、装置、系统及存储介质
CN109446452B (zh) 寻路数据处理方法及装置、电子设备、存储介质
CN111782333B (zh) 游戏中的界面显示方法、装置、存储介质与终端设备