CN105700766A - 用户界面显示系统及方法 - Google Patents

用户界面显示系统及方法 Download PDF

Info

Publication number
CN105700766A
CN105700766A CN201410706147.2A CN201410706147A CN105700766A CN 105700766 A CN105700766 A CN 105700766A CN 201410706147 A CN201410706147 A CN 201410706147A CN 105700766 A CN105700766 A CN 105700766A
Authority
CN
China
Prior art keywords
layer
image
user interface
tomographic image
plies
Prior art date
Legal status (The legal status 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 status listed.)
Granted
Application number
CN201410706147.2A
Other languages
English (en)
Other versions
CN105700766B (zh
Inventor
胡爽
姜至善
蒋玲娟
程华东
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Yuzhan Precision Technology Co ltd
Hon Hai Precision Industry Co Ltd
Original Assignee
Shenzhen Yuzhan Precision Technology Co ltd
Hon Hai Precision Industry Co Ltd
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 Shenzhen Yuzhan Precision Technology Co ltd, Hon Hai Precision Industry Co Ltd filed Critical Shenzhen Yuzhan Precision Technology Co ltd
Priority to CN201410706147.2A priority Critical patent/CN105700766B/zh
Priority to TW104100155A priority patent/TWI547853B/zh
Priority to US14/594,534 priority patent/US9847075B2/en
Publication of CN105700766A publication Critical patent/CN105700766A/zh
Application granted granted Critical
Publication of CN105700766B publication Critical patent/CN105700766B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/14—Display of multiple viewports
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2310/00—Command of the display device
    • G09G2310/02—Addressing, scanning or driving the display screen or processing steps related thereto
    • G09G2310/0232—Special driving of display border areas
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/045—Zooming at least part of an image, i.e. enlarging it or shrinking it
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/12—Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Digital Computer Display Output (AREA)

Abstract

一种用户界面显示系统，安装并运行于一电子设备中。所述系统包括：一获取模块，用于获取当前用户界面显示的图像层数并判断当前用户界面显示的图像层数是否大于两层；一处理确定模块，用于在当前用户界面显示的图像层数大于两层时，根据获取的图像层数确定对各层图像的处理方式；一图像处理模块，用于根据确定的处理方式对各层图像分别进行图像处理；及一显示控制模块，用于将进行图像处理后的各层图像生成一用户界面并显示。本发明还提供一种用户界面显示方法，本发明的用户界面显示系统及方法将用户界面中的多层图像分别进行图像处理后再进行显示，使整个用户界面呈现立体效果，增强用户体验。

Description

用户界面显示系统及方法
技术领域
本发明涉及一种显示系统及方法，特别涉及一种用户界面显示系统及方法。
背景技术
具有显示系统的电子产品以其强大的人机交互功能深受使用者的欢迎，用户通过操作用户界面上的图标就可以轻松实现人机对话和互动。若干层图像叠加显示在用户界面上已经普遍存在，例如，用户界面的最底层显示桌面图像，在桌面图像上显示应用程序图标或文件夹图标，在打开文件夹后显示子文件夹等。但是在现有的用户界面显示系统中，各层图像只是简单的叠加显示，没有层次感，且当顶层图像大小大于其下层的图像大小时，用户只能看到最顶层的图像，体验感欠佳。
发明内容
鉴于以上内容，有必要提供一种用户界面显示系统及方法。
一种用户界面显示系统，安装并运行于一电子设备中。所述系统包括：一获取模块，用于获取当前用户界面显示的图像层数并判断当前用户界面显示的图像层数是否大于两层；一处理确定模块，用于在当前用户界面显示的图像层数大于两层时，根据获取的图像层数确定对各层图像的处理方式，其中，所述对各层图像的处理方式为缩小处理、降低饱和度处理、模糊处理以及半透明处理中的一种或多种；一图像处理模块，用于根据确定的处理方式对各层图像分别进行图像处理；及一显示控制模块，用于将进行图像处理后的各层图像生成一用户界面并显示。
一种用户界面显示方法，应用于一电子设备中。所述方法包括步骤：获取当前用户界面显示的图像层数并判断当前用户界面的图像层数是否大于两层；如果当前用户界面显示的图像层数大于两层，根据获取的图像层数确定对各层图像的处理方式，其中，所述对各层图像的处理方式为缩小处理、降低饱和度处理、模糊处理以及半透明处理中的一种或多种；根据确定的处理方式对各层图像分别进行图像处理；及将进行图像处理后的各层图像生成一用户界面并显示。
本发明的用户界面显示系统及方法将用户界面中的多层图像分别进行图像处理后再进行显示，使整个用户界面呈现立体效果，增强用户体验。
附图说明
图1是本发明一实施方式中的用户界面显示系统的应用环境示意图。
图2是本发明一实施方式中的用户界面显示方法的流程图。
图3是本发明一实施方式中的一层图像上的像素点的参考像素点的选取示意图。
图4是本发明一实施方式中的用户界面显示效果图。
主要元件符号说明
电子设备100
用户界面显示系统10
获取模块11
处理确定模块12
图像处理模块13
显示控制模块14
存储器20
显示屏幕30
处理器40
步骤S201～S204
具体实施方式
如图1所示，是本发明一实施方式中的用户界面显示系统10的应用环境示意图。在本实施方式中，该用户界面显示系统10安装并运行于一电子设备100中，所述电子设备100可以是手机，平板电脑等。所述电子设备100还包括，但不限于，存储器20、显示屏幕30以及处理器40。所述存储器20用于存储电子设备100的数据，所述显示屏幕30用于显示用户界面，所述处理器40用于控制电子设备100工作。
所述用户界面显示系统10用于当电子设备100上开启新一层的图像时，获取当前界面显示的图像层数并分别对各层图像进行图像处理后再进行显示，使整个用户界面呈现立体效果。所述图像可以为桌面壁纸图像，应用程序图标，文件夹图标，应用程序显示界面等。
在本实施方式中，所述用户界面显示系统10包括获取模块11、处理确定模块12、图像处理模块13以及显示控制模块14。本发明所称的模块是指一种能够被电子设备100的处理器40所执行并完成特定功能的一系列程序指令段，其存储在电子设备100的存储器20中。关于各模块的功能将在下图2的流程图中具体描述。
如图2所示，是本发明一实施方式中的用户界面显示方法的流程图。
步骤S201，当电子设备100上开启新一层的图像时，所述获取模块11获取当前用户界面显示的图像层数n并判断当前用户界面显示的图像层数n(n为整数)是否大于两层，如果当前用户界面显示的图像层数大于两层，即n＞2，执行步骤S202，如果当前用户界面显示的图像层数不大于两层，即n≤2，直接结束流程。
步骤S202，所述图层处理确定模块12根据获取的图像层数确定对各层图像的处理方式。所述对各层图像的处理方式为缩小处理、降低饱和度处理、模糊处理以及半透明处理中的一种或多种。
在本实施方式中，所述对各层图像的处理方式为：对第二层至倒数第二层(即第(n-1)层)各层图像进行缩放处理，对第二层至最底层(即第n层)各层图像进行模糊处理以及降低饱和度处理，对第一层至最n层所有图像进行半透明处理。
所述对第二层至第(n-1)层各层图像进行缩小处理的方式为：以递减的比例依次缩小第二层至第(n-1)层各层图像，例如，以一初始比例r(r＜1)缩小第二层图像，其余图像每增大一层，缩小比例减小一缩小步进值△r，即将第i层图像缩小【r-(i-2)*△r】倍，其中，2≤i≤n-1(i为整数)，△r＜r/(n-2)。
所述对第二层至第n层各层图像进行模糊处理的方式为：根据一图像处理宽度W(W为正整数)，在各层图像中的每一像素点周围确定K个参考像素点，其中，K＝4*W，取该K个参考像素点的(R，G，B)值的平均值作为该像素点的(R，G，B)值，从而达到模糊的效果。其中，该K个参考像素点为以该像素点为中心的水平方向上的2*W个像素点以及垂直方向上的2*W个像素点，如果某像素点为边界或临近边界像素点，则根据边界像素延展的方法确定该像素点的像素值，即当某像素点的水平方向或垂直方向上无法确定对称的2W个像素点时，则重复选取该方向上的边界像素点作为参考像素点。具体地，如图3所示，是本发明一实施方式中的一层图像上的像素点的参考像素点的选取示意图。像素点A、B的坐标分别为(xA，yA)、(xB，yB)，如果图像处理宽度W＝2，则需要以A、B为中心分别确定K＝4W＝8个像素点分别计算像素点A、B的(R，G，B)值，对于像素点A，确定以其为中心的8个参考像素点分别为：A1(xA，yA+1)、A2(xA+1，yA)、A3(xA，yA-1)、A4(xA-1，yA)、A5(xA，yA+2)、A6(xA+2，yA)、A7(xA，yA-2)、A8(xA-2，yA)。对于像素点B，确定的8个参考像素点分别为：B1(xB，yB+1)、B2(xB+1，yB)、B3(xB，yB-1)、B4(xB，yB)、B5(xB，yB+1)、B6(xB+2，yB)、B7(xB，yB-2)、B8(xB，yB)。需要说明的是，图像处理宽度W的值越大，经模糊处理后的图像越模糊。所述图像处理宽度W可以是一预设固定值，也可以是用户根据当前需要输入的一数值。
所述对第二层至第n层各层图像进行降低饱和度处理的方式为：以递减的方式依次降低第二层至第n层各层图像的饱和度，例如将第二层图像的饱和度调整至一初始饱和度t(t＜1)，其余图像每增大一层，饱和度减小一饱和度步进值△t，即将第i层图像的饱和度调整至【t-(i-2)*△t】，其中，△t＜t/(n-2)。
所述对图像的半透明处理属于现有技术范畴，在此不再赘述。
步骤S203，所述图像处理模块13根据确定的处理方式对各层图像分别进行图像处理。
步骤S204，所述显示控制模块14将进行处理后的各层图像生成一用户界面并显示。在本实施方式中，所述显示控制模块14将进行处理后的各层图像居中设置生成一用户界面并显示。如图4所示，是本发明一实施方式中的用户界面显示效果图，图中所示的用户界面的图层为3层。在图4中，最底层的图像为桌面壁纸图像，第二层为应用程序图标以及文件夹图标，第一层也就是最上层为一文件夹中的应用程序图标。
通过本发明的用户界面显示系统及方法根据当前用户界面显示的图像层数对各层图像分别进行图像处理后各层图像除最底层外以逐渐缩小的趋势显示，给人一种距离越远图像越小并且模糊的视觉体验，使得整个用户界面呈现立体效果。
最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (10)

1.一种用户界面显示系统，安装并运行于一电子设备中，其特征在于，所述系统包括：
一获取模块，用于获取当前用户界面显示的图像层数并判断当前用户界面显示的图像层数是否大于两层；
一处理确定模块，用于在当前用户界面显示的图像层数大于两层时，根据获取的图像层数确定对各层图像的处理方式，其中，所述对各层图像的处理方式为缩小处理、降低饱和度处理、模糊处理以及半透明处理中的一种或多种；
一图像处理模块，用于根据确定的处理方式对各层图像分别进行图像处理；及
一显示控制模块，用于将进行图像处理后的各层图像生成一用户界面并显示。
2.如权利要求1所述的系统，其特征在于，所述对各层图像的处理方式为：对第二层至倒数第二层各层图像进行缩小处理，对第二层至最底层各层图像进行模糊处理以及降低饱和度处理，对第一层至最底层所有图像进行半透明处理。
3.如权利要求2所述的系统，其特征在于，所述对第二层至倒数第二层各层图像进行缩小处理的方式为：以递减的比例依次缩小第二层至倒数第二层各层图像。
4.如权利要求2所述的系统，其特征在于，所述对第二层至最底层各层图像进行模糊处理的方式为：在各层图像中的每一像素点周围确定多个参考像素点，取该多个参考像素点的(R，G，B)值的平均值作为该像素点的(R，G，B)值。
5.如权利要求2所述的系统，其特征在于，所述对第二层至最底层各层图像进行降低饱和度处理的方式为：以递减的方式依次降低第二层至最底层各层图像的饱和度。
6.一种用户界面显示方法，应用于一电子设备中，其特征在于，所述方法包括步骤：
获取当前用户界面显示的图像层数并判断当前用户界面的图像层数是否大于两层；
如果当前用户界面显示的图像层数大于两层，根据获取的图像层数确定对各层图像的处理方式，其中，所述对各层图像的处理方式为缩小处理、降低饱和度处理、模糊处理以及半透明处理中的一种或多种；
根据确定的处理方式对各层图像分别进行图像处理；及
将进行图像处理后的各层图像生成一用户界面并显示。
7.如权利要求6所述的方法，其特征在于，所述对各层图像的处理方式为：对第二层至倒数第二层各层图像进行缩小处理，对第二层至最底层各层图像进行模糊处理以及降低饱和度处理，对第一层至最底层所有图像进行半透明处理。
8.如权利要求7所述的方法，其特征在于，所述对第二层至倒数第二层各层图像进行缩小处理的方式为：以递减的比例依次缩小第二层至倒数第二层各层图像。
9.如权利要求7所述的方法，其特征在于，所述对第二层至最底层各层图像进行模糊处理的方式为：在各层图像中的每一像素点周围确定多个参考像素点，取该多个参考像素点的(R，G，B)值的平均值作为该像素点的(R，G，B)值。
10.如权利要求7所述的方法，其特征在于，所述对第二层至最底层各层图像进行降低饱和度处理的方式为：以递减的方式依次降低第二层至最底层各层图像的饱和度。
CN201410706147.2A 2014-11-27 2014-11-27 用户界面显示系统及方法 Active CN105700766B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201410706147.2A CN105700766B (zh) 2014-11-27 2014-11-27 用户界面显示系统及方法
TW104100155A TWI547853B (zh) 2014-11-27 2015-01-06 使用者介面顯示系統及方法
US14/594,534 US9847075B2 (en) 2014-11-27 2015-01-12 Electronic device for displaying and adjusting image layers in graphical user interface and method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410706147.2A CN105700766B (zh) 2014-11-27 2014-11-27 用户界面显示系统及方法

Publications (2)

Publication Number Publication Date
CN105700766A true CN105700766A (zh) 2016-06-22
CN105700766B CN105700766B (zh) 2018-09-14

Family

ID=56079560

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410706147.2A Active CN105700766B (zh) 2014-11-27 2014-11-27 用户界面显示系统及方法

Country Status (3)

Country Link
US (1) US9847075B2 (zh)
CN (1) CN105700766B (zh)
TW (1) TWI547853B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106484397A (zh) * 2016-09-18 2017-03-08 乐视控股（北京）有限公司 一种3d空间中用户界面控件的生成方法及其装置
CN106558032A (zh) * 2016-11-28 2017-04-05 武汉斗鱼网络科技有限公司 一种应用窗体的高斯模糊方法和装置
CN106776682A (zh) * 2016-10-28 2017-05-31 努比亚技术有限公司 一种图片匹配装置、方法及移动终端
CN109859638A (zh) * 2018-11-20 2019-06-07 武汉华星光电半导体显示技术有限公司 U-cut屏幕oled显示装置及其图标显示方法

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI595438B (zh) 2016-09-29 2017-08-11 麗寶大數據股份有限公司 使用者介面顯示方法
TWI694404B (zh) * 2019-02-18 2020-05-21 麗寶大數據股份有限公司 使用者介面顯示方法
CN112527220B (zh) * 2019-09-18 2022-08-26 华为技术有限公司 一种电子设备显示方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101321240A (zh) * 2008-06-25 2008-12-10 华为技术有限公司 多图层叠加的方法及其装置
US20110246916A1 (en) * 2010-04-02 2011-10-06 Nokia Corporation Methods and apparatuses for providing an enhanced user interface
CN103049924A (zh) * 2012-12-11 2013-04-17 广东威创视讯科技股份有限公司 多图层分布式渲染方法及系统
CN103823621A (zh) * 2014-03-17 2014-05-28 联想(北京)有限公司 创建联系人头像的方法和装置
CN103973891A (zh) * 2014-05-09 2014-08-06 平安付智能技术有限公司 用于软件界面的数据安全处理方法

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200928985A (en) * 2007-12-21 2009-07-01 Inventec Corp Frame switching method
KR20110107939A (ko) * 2010-03-26 2011-10-05 삼성전자주식회사 휴대 단말기 및 그 휴대 단말기에서 아이콘 제어 방법
US8479117B2 (en) * 2010-06-04 2013-07-02 Lenovo (Singapore) Pte. Ltd. Intelligent window sizing for graphical user interfaces
US20130009991A1 (en) * 2011-07-07 2013-01-10 Htc Corporation Methods and systems for displaying interfaces
US9542907B2 (en) * 2013-06-09 2017-01-10 Apple Inc. Content adjustment in graphical user interface based on background content
CN103927086B (zh) * 2014-04-21 2018-11-16 努比亚技术有限公司 一种壁纸处理方法、系统和移动终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101321240A (zh) * 2008-06-25 2008-12-10 华为技术有限公司 多图层叠加的方法及其装置
US20110246916A1 (en) * 2010-04-02 2011-10-06 Nokia Corporation Methods and apparatuses for providing an enhanced user interface
CN103049924A (zh) * 2012-12-11 2013-04-17 广东威创视讯科技股份有限公司 多图层分布式渲染方法及系统
CN103823621A (zh) * 2014-03-17 2014-05-28 联想(北京)有限公司 创建联系人头像的方法和装置
CN103973891A (zh) * 2014-05-09 2014-08-06 平安付智能技术有限公司 用于软件界面的数据安全处理方法

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106484397A (zh) * 2016-09-18 2017-03-08 乐视控股（北京）有限公司 一种3d空间中用户界面控件的生成方法及其装置
CN106776682A (zh) * 2016-10-28 2017-05-31 努比亚技术有限公司 一种图片匹配装置、方法及移动终端
CN106558032A (zh) * 2016-11-28 2017-04-05 武汉斗鱼网络科技有限公司 一种应用窗体的高斯模糊方法和装置
CN109859638A (zh) * 2018-11-20 2019-06-07 武汉华星光电半导体显示技术有限公司 U-cut屏幕oled显示装置及其图标显示方法

Also Published As

Publication number Publication date
TWI547853B (zh) 2016-09-01
CN105700766B (zh) 2018-09-14
US9847075B2 (en) 2017-12-19
US20160155427A1 (en) 2016-06-02
TW201619803A (zh) 2016-06-01

Similar Documents

Publication Publication Date Title
CN105700766B (zh) 用户界面显示系统及方法
US9904458B2 (en) Method for information processing and electronic apparatus thereof
EP3175336B1 (en) Electronic device and method for displaying user interface thereof
US11195261B2 (en) Image processing apparatus and image processing method
US8773470B2 (en) Systems and methods for displaying visual information on a device
US9898837B2 (en) Image processing system
CN107734373A (zh) 弹幕发送方法及装置、存储介质、电子设备
KR20150026360A (ko) 복수의 어플리케이션 제공 방법 및 장치
CN106662910A (zh) 电子设备及控制其显示的方法
US20180159971A1 (en) Method and apparatus for generating unlocking interface, and electronic device
CN105261032B (zh) 用于处理视频文件中的视频帧的方法和装置
KR102442449B1 (ko) 영상 처리 장치, 영상 처리 방법 및 컴퓨터 판독가능 기록 매체
US20150128069A1 (en) Viewing Full Screen Applications in a Sharing Session
CN105447034A (zh) 生成图片缩略图的方法与系统
JP2019008772A (ja) 文字を入力する方法及び装置
CN107193434A (zh) 状态栏显示方法及终端
EP2662751A1 (en) Method and device for an electronic terminal to realize desktop switching, and electronic terminal
EP2871826A1 (en) Method, device and terminal for adjusting widget
US20130169660A1 (en) Image editing system and method
CN104881201A (zh) 一种数据显示方法及电子设备
CN106201407A (zh) 一种数据显示方法及终端
CN109766530B (zh) 图表边框的生成方法、装置、存储介质和电子设备
CN109065001A (zh) 一种图像的降采样方法、装置、终端设备和介质
EP2998833B1 (en) Electronic device and method of controlling display of screen thereof
JP2015046062A (ja) 電子機器

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant