CN107832103A - 基于Android***的UI控件背景模糊处理和动态显示的方法 - Google Patents

基于Android***的UI控件背景模糊处理和动态显示的方法 Download PDF

Info

Publication number
CN107832103A
CN107832103A CN201711065268.3A CN201711065268A CN107832103A CN 107832103 A CN107832103 A CN 107832103A CN 201711065268 A CN201711065268 A CN 201711065268A CN 107832103 A CN107832103 A CN 107832103A
Authority
CN
China
Prior art keywords
controls
fuzzy
processing
picture
blurred
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.)
Pending
Application number
CN201711065268.3A
Other languages
English (en)
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.)
Sichuan Changhong Electric Co Ltd
Original Assignee
Sichuan Changhong Electric 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 Sichuan Changhong Electric Co Ltd filed Critical Sichuan Changhong Electric Co Ltd
Priority to CN201711065268.3A priority Critical patent/CN107832103A/zh
Publication of CN107832103A publication Critical patent/CN107832103A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/10—Segmentation; Edge detection
    • G06T7/194—Segmentation; Edge detection involving foreground-background segmentation

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了基于Android***的UI控件背景模糊处理和动态显示的方法，涉及Android应用UI技术领域。本发明包括获取背景图像Bitmap，确定需要模糊处理的范围和区域，将该区域裁剪出一个副本，将该副本先缩小N倍，降低图像尺寸，缩短模糊处理的时间；根据需要确定模糊半径(X)，取每个像素点距离X的所有点的像素值平均，作为模糊图中此对应点的像素值，得到模糊后的图像；将该图像放大N倍贴到与裁剪区域等大的图片框中，嵌套组装父UI控件和该图片框，就可以达到静态模糊的效果。可简洁高效的实现Android***任意类型UI控件的背景模糊处理和动态显示，丰富界面显示功能，提高用户体验。

Description

基于Android***的UI控件背景模糊处理和动态显示的方法
技术领域
本发明的实施方式涉及Android应用UI技术领域，更具体地，本发明的实施方式涉及基于Android***的UI控件背景模糊处理和动态显示的方法。
背景技术
目前，随着智能电视的普及，基于Android***的应用推陈出新，传统的UI控件缺少层次，内容展示空间利用不足，单一的表现形式，也让用户审美疲劳。近年来，模糊透明效果在UI开发中非常常见，但主要应用在整体布局的背景图像处理，且传统的处理方式需要占用到大量的CPU资源进行计算，随着模糊半径的增大计算量也成倍的增大。
发明内容
本发明的目的是如何在Android平台上，在不改变界面固有刷新机制，减少对UI运行效率的影响的情况下，占用尽可能少的进程和内存，实现对UI控件进行背景图像模糊处理，以及模拟动态显示效果，增加UI控件层次，丰富UI控件展示的内容、美化显示效果。
为了达到上述的技术效果，本发明采取以下技术方案：
基于Android***的UI控件背景模糊处理和动态显示的方法，包括：获取背景图像Bitmap，确定需要模糊处理的范围和区域，将该区域裁剪出一个副本，将该副本先缩小N倍，降低图像尺寸，缩短模糊处理的时间；根据需要确定模糊半径(X)，取每个像素点距离X的所有点的像素值平均，作为模糊图中此对应点的像素值，得到模糊后的图像；将该图像放大N倍贴到与裁剪区域等大的图片框中，嵌套组装父UI控件和该图片框，就可以达到静态模糊的效果。
进一步的技术方案是：实现父UI控件执行动画时，模拟背景图像动态模糊的效果。因控件在屏幕上的显示内容，取决于其父容器在屏幕上显示的范围。嵌套组装父UI控件和该图片框，并设置图片框在父容器中的相对位置，父UI控件执行动画时，保持模糊图片框和父UI控件背景图像的相对位置不变，模糊图片的显示区域随着动画变化，并不再重复执行模糊算法，达到流畅的动态模糊效果。
进一步的技术方案是：基于UI控件背景模糊处理和动态显示，实现多层次的表现显示。创建文字框，置于UI控件显示区相对底边负N个像素点，文本框展示不完全，内容模糊图片框相对UI控件显示区居底对齐。UI控件执行动画时，保持模糊图片相对海报显示区的位置不变，模糊图片的显示区域变化的同时，移动文字框，文本框内容展示内容完整。不再重复请求数据，文本框和模糊图相框达到类似动态显示的效果。
本发明与现有技术相比，具有以下的有益效果：
通过该方法对UI控件进行背景图像模糊处理和动态显示，对应用内存占用和运行速度没有明显的影响，且支持任意类型UI控件应用本方法，控件一次成型，丰富Android应用的UI控件展示的层次和内容，美化UI控件的外观效果。
在Android应用开发过程中，开发者可使用本发明提供的方法对UI控件进行简单高效的背景图像模糊处理以及模拟动态显示效果，且应用内存占用较小，对运行速度影响不大，可简洁高效的实现Android***任意类型UI控件的背景模糊处理和动态显示，丰富界面显示功能，提高用户体验。
附图说明
图1为UI控件背景图像模糊处理的示意图；
图2为UI控件背景图形模拟动态显示的示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
基于Android***的UI控件背景模糊处理和动态显示的方法，
首先，高效简单的对UI控件背景图像进行模糊处理。获取背景图像Bitmap，确定需要模糊处理的范围和区域，将该区域裁剪出一个副本，将该副本先缩小N倍，降低图像尺寸，缩短模糊处理的时间；根据需要确定模糊半径(X)，取每个像素点距离X的所有点的像素值平均，作为模糊图中此对应点的像素值，得到模糊后的图像；将该图像放大N倍贴到与裁剪区域等大的图片框中，嵌套组装父UI控件和该图片框，就可以达到静态模糊的效果。
接着，实现父UI控件执行动画时，模拟背景图像动态模糊的效果。因控件在屏幕上的显示内容，取决于其父容器在屏幕上显示的范围。嵌套组装父UI控件和该图片框，并设置图片框在父容器中的相对位置，父UI控件执行动画时，保持模糊图片框和父UI控件背景图像的相对位置不变，模糊图片的显示区域随着动画变化，并不再重复执行模糊算法，达到流畅的动态模糊效果。
最后，基于UI控件背景模糊处理和动态显示，实现多层次的表现显示。创建文字框，置于UI控件显示区相对底边负N个像素点，文本框展示不完全，内容模糊图片框相对UI控件显示区居底对齐。UI控件执行动画时，保持模糊图片相对海报显示区的位置不变，模糊图片的显示区域变化的同时，移动文字框，文本框内容展示内容完整。不再重复请求数据，文本框和模糊图相框达到类似动态显示的效果。
这里以矩形控件部分区域实现模糊处理，ImageView控件展示海报为例，进行具体实施方式的说明：
参考图1，获取海报完整的Bitmap；
确定模拟‘动态’显示的范围和区域，在完整海报的“动态区域”裁剪出一个副本；
将裁剪副本缩小N倍(N倍可调)，对缩小的副本做模糊(模糊半径可调)，将模糊后的图尺寸放大N倍贴到与裁剪区域等大的图片框中；
参考图2，模糊图片框相对海报显示区居底对齐。文字框在海报显示区内相对底边负N个像素点；
ImageView控件执行放大动画，保持模糊图片相对海报显示区的位置不变，模糊图片的显示区域变化，移动文字框，文字框内容显示完整，达到类似动态模糊、动态显示的效果。
尽管这里参照本发明的解释性实施例对本发明进行了描述，但是，应该理解，本领域技术人员可以设计出很多其他的修改和实施方式，这些修改和实施方式将落在本申请公开的原则范围和精神之内。更具体地说，在本申请公开的范围内，可以对主题组合布局的组成部件和/或布局进行多种变型和改进。除了对组成部件和/或布局进行的变型和改进外，对于本领域技术人员来说，其他的用途也将是明显的。

Claims (3)

1.基于Android***的UI控件背景模糊处理和动态显示的方法，其特征在于，包括：
获取背景图像Bitmap，确定需要模糊处理的范围和区域，将该区域裁剪出一个副本；
将所述副本先缩小N倍，降低图像尺寸，缩短模糊处理的时间；
根据需要确定模糊半径为X，取每个像素点距离X的所有点的像素值平均，作为模糊图中此对应点的像素值，得到模糊后的图像；
将图像放大N倍贴到与裁剪区域等大的图片框中，嵌套组装父UI控件和该图片框，达到静态模糊的效果。
2.根据权利要求1所述的基于Android***的UI控件背景模糊处理和动态显示的方法，其特征在于：设置图片框在父容器中的相对位置，父UI控件执行动画时，保持模糊图片框和父UI控件背景图像的相对位置不变，模糊图片的显示区域随着动画变化，并不再重复执行模糊算法，达到流畅的动态模糊效果。
3.根据权利要求1所述的基于Android***的UI控件背景模糊处理和动态显示的方法，其特征在于：创建文字框，置于UI控件显示区相对底边负N个像素点，文本框展示不完全，模糊图片框相对UI控件显示区居底对齐，UI控件执行动画时，保持模糊图片相对海报显示区的位置不变，模糊图片的显示区域变化的同时，移动文字框，文本框内容展示内容完整，不再重复请求数据，文本框和模糊图片框达到类似动态显示的效果。
CN201711065268.3A 2017-11-02 2017-11-02 基于Android***的UI控件背景模糊处理和动态显示的方法 Pending CN107832103A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711065268.3A CN107832103A (zh) 2017-11-02 2017-11-02 基于Android***的UI控件背景模糊处理和动态显示的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711065268.3A CN107832103A (zh) 2017-11-02 2017-11-02 基于Android***的UI控件背景模糊处理和动态显示的方法

Publications (1)

Publication Number Publication Date
CN107832103A true CN107832103A (zh) 2018-03-23

Family

ID=61650487

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711065268.3A Pending CN107832103A (zh) 2017-11-02 2017-11-02 基于Android***的UI控件背景模糊处理和动态显示的方法

Country Status (1)

Country Link
CN (1) CN107832103A (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108479067A (zh) * 2018-04-12 2018-09-04 网易（杭州）网络有限公司 游戏画面的渲染方法和装置
CN110609649A (zh) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 界面显示方法、装置及存储介质
CN111158815A (zh) * 2019-12-18 2020-05-15 努比亚技术有限公司 一种动态壁纸模糊方法、终端和计算机可读存储介质
CN112631698A (zh) * 2020-12-18 2021-04-09 平安普惠企业管理有限公司 数据显示方法、装置、计算机设备及存储介质
CN112697113A (zh) * 2020-12-10 2021-04-23 四川长虹电器股份有限公司 海量传感器地灾数据变化情况展示方法
CN113254131A (zh) * 2021-05-20 2021-08-13 北京有竹居网络技术有限公司 一种页面背景展示方法及装置
WO2022105920A1 (zh) * 2020-11-23 2022-05-27 华为技术有限公司 控件模糊方法、装置、终端设备及可读存储介质
CN114756323A (zh) * 2022-06-14 2022-07-15 统信软件技术有限公司 一种模糊控件创建方法、装置与计算设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104808908A (zh) * 2015-05-21 2015-07-29 北京锤子数码科技有限公司 一种显示界面处理方法及装置
WO2016015255A1 (zh) * 2014-07-30 2016-02-04 华为技术有限公司 Ui控件背景设置方法、装置及终端
CN106561044A (zh) * 2016-12-09 2017-04-12 武汉斗鱼网络科技有限公司 一种安卓***上竖屏视频黑边的处理方法及***

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016015255A1 (zh) * 2014-07-30 2016-02-04 华为技术有限公司 Ui控件背景设置方法、装置及终端
CN104808908A (zh) * 2015-05-21 2015-07-29 北京锤子数码科技有限公司 一种显示界面处理方法及装置
CN106561044A (zh) * 2016-12-09 2017-04-12 武汉斗鱼网络科技有限公司 一种安卓***上竖屏视频黑边的处理方法及***

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108479067A (zh) * 2018-04-12 2018-09-04 网易（杭州）网络有限公司 游戏画面的渲染方法和装置
US11217015B2 (en) 2018-04-12 2022-01-04 Netease (Hangzhou) Network Co., Ltd. Method and apparatus for rendering game image
CN110609649A (zh) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 界面显示方法、装置及存储介质
CN111158815A (zh) * 2019-12-18 2020-05-15 努比亚技术有限公司 一种动态壁纸模糊方法、终端和计算机可读存储介质
WO2022105920A1 (zh) * 2020-11-23 2022-05-27 华为技术有限公司 控件模糊方法、装置、终端设备及可读存储介质
CN112697113A (zh) * 2020-12-10 2021-04-23 四川长虹电器股份有限公司 海量传感器地灾数据变化情况展示方法
CN112631698A (zh) * 2020-12-18 2021-04-09 平安普惠企业管理有限公司 数据显示方法、装置、计算机设备及存储介质
CN113254131A (zh) * 2021-05-20 2021-08-13 北京有竹居网络技术有限公司 一种页面背景展示方法及装置
CN114756323A (zh) * 2022-06-14 2022-07-15 统信软件技术有限公司 一种模糊控件创建方法、装置与计算设备

Similar Documents

Publication Publication Date Title
CN107832103A (zh) 基于Android***的UI控件背景模糊处理和动态显示的方法
US11595737B2 (en) Method for embedding advertisement in video and computer device
CN107832108A (zh) 3D canvas网页元素的渲染方法、装置及电子设备
CN107092684B (zh) 图像处理方法及装置、存储介质
CN104123742A (zh) 一种将静态漫画图片转化为二维动画的方法和播放器
US20110170801A1 (en) Resizing of digital images
CN101536078A (zh) 改进图像蒙板
CN111221596B (zh) 字体渲染方法、装置及计算机可读存储介质
US11978216B2 (en) Patch-based image matting using deep learning
CN114514560A (zh) 图像替换修复
CN112102442A (zh) 一种led显示屏图文行走设置方法及装置
WO2012155510A1 (zh) 一种文字变形特效处理方法及装置
CN113538502A (zh) 图片裁剪方法、装置、电子设备及存储介质
WO2023159595A1 (zh) 构建和配置三维空间场景的模型的方法、装置及计算机程序产品
CN102147923B (zh) 一种动画图像的遮挡显示方法
CN107943805A (zh) 一种动画渲染及发布方法、装置
CN107424206A (zh) 一种利用现实环境影响虚拟场景光影表现的互动方法
CN112700456A (zh) 图像区域对比度优化方法、装置、设备及存储介质
US10186073B2 (en) Image processing device, image processing method, and data structure of image file
US10432901B2 (en) Content projection control apparatus, content projection control method and program
Hu et al. Research on 3d interactive model selection and customization of ceramic products based on big data cloud service platform
CN115131480A (zh) 跑马灯特效的制作方法、装置及电子设备
JP7352032B2 (ja) 動画生成方法、装置、電子デバイス及びコンピュータ読取可能記憶媒体
CN117546172A (zh) 用于转换超载文本文档的机器学习驱动的框架
Sokal et al. High-quality AR lipstick simulation via image filtering techniques

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20180323