CN103064691B - 制作电子设备桌面图标的方法和装置 - Google Patents
制作电子设备桌面图标的方法和装置 Download PDFInfo
- Publication number
- CN103064691B CN103064691B CN201310036123.6A CN201310036123A CN103064691B CN 103064691 B CN103064691 B CN 103064691B CN 201310036123 A CN201310036123 A CN 201310036123A CN 103064691 B CN103064691 B CN 103064691B
- Authority
- CN
- China
- Prior art keywords
- icon
- penetrating
- specific region
- pattern
- former
- 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.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000000149 penetrating effect Effects 0.000 claims abstract description 60
- 230000008569 process Effects 0.000 claims abstract description 20
- 230000015572 biosynthetic process Effects 0.000 claims abstract description 7
- 238000003786 synthesis reaction Methods 0.000 claims abstract description 6
- 230000001105 regulatory effect Effects 0.000 claims description 2
- 230000000694 effects Effects 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 4
- 230000035699 permeability Effects 0.000 description 4
- 230000008676 import Effects 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种制作电子设备桌面图标的方法和装置，该方法包括：确定用于制作目的图标的背景图片和图标原图；在所述背景图上选取一特定区域；根据预定通透值对所述特定区域进行通透处理形成通透图样；根据所述特定区域的轮廓截取所述图标原图形成图标图样；将所述图标图样嵌入到所述通透图样的特定区域中形成目的图标。该装置包括确定模块、选取模块、处理模块、截取模块以及合成模块。实施本发明，可以灵活的处理应用程序图标图片，并使其与背景图很好的组合，达到理想的显示效果。通过本发明的图片处理、嵌入流程，可以生成多种显示效果，带来个性化桌面显示，提高了用户体验。
Description
技术领域
本发明涉及便携式电子装置，尤其涉及一种制作电子设备桌面图标的方法和装置。
背景技术
现有的电子设备（例如手机或平板电脑）的桌面图标显示一般采取应用程序图标图片与背景图片简单叠加，或应用程序图标图片经过固定的简单裁切，与背景图片叠加而形成。在该等图标制作方式中，显示效果受限较大，且难以据图标的图片风格、形状等信息调整裁切处理方式。
发明内容
针对现有技术中，电子设备（例如手机或平板电脑）的桌面图标显示一般采取应用程序图标图片与背景图片简单叠加，或应用程序图标图片经过固定的简单裁切，与背景图片叠加而形成，该图标制作方式中，显示效果受限较大，且不能根据图标的图片风格、形状等信息调整裁切处理方式的缺陷，本发明提出了一种制作电子设备桌面图标的方法和装置。
本发明解决现有技术问题所采用的技术方案是构造一种制作电子设备桌面图标的方法，该方法包括：
A．选择用于制作目的图标的背景图片和图标原图；
B．在所述背景图片上选取一特定区域；
C．根据预定通透值对所述特定区域进行通透处理，形成通透图样；
D．根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样；
E．将所述图标图样嵌入到所述通透图样中形成目的图标。
步骤A中所述背景图片和图标原图是预存于电子设备中的图片，或者是用户当前导入的图片。
步骤B中，所述选取的特定区域在所述背景图范围之内。
步骤C中，所述预定通透值是可调节的。
步骤D中，所述图标原图大于所述特定区域的范围。
一种制作电子设备桌面图标的装置，包括以下模块：
确定模块，用于确定制作目的图标的背景图片和图标原图；
选取模块，用于在所述背景图上选取一特定区域；
处理模块，用于根据预定通透值对所述特定区域进行通透处理，形成通透图样；
截取模块，用于根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样；
合成模块，用于将所述图标图样嵌入到所述通透图样中形成目的图标。
确定模块用于从预存于电子设备中的图片中确定所述背景图片和图标原图，以及用于从用户当前导入的图片中确定所述背景图片和图标原图。
选取模块用于在所述背景图范围之内选取所述特定区域。
处理模块用于调节预定通透值。
合成模块中，所述图标原图大于所述特定区域的范围。
本发明制作电子设备桌面图标的方法和装置能够自由控制图标图片的“裁切”区域，并能够生成半透蒙版效果。本发明提供了制作电子设备桌面图标的方法和装置，使用本方法，可以灵活的处理应用程序图标图片，并使其与背景图很好的组合，达到理想的显示效果。通过本发明的图片处理、叠加流程，可以生成各种手机桌面显示效果，给设计师、主题制作者带来发挥的空间，美化、个性化桌面，提高了用户体验。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1是本发明制作电子设备桌面图标的方法实施例流程图；
图2是本发明制作电子设备桌面图标的装置实施例结构框图。
具体实施方式
应当理解的是，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，而所有这些改进和变换都应属于本发明所附权利要求的保护范围。
如图1所示是本发明制作电子设备桌面图标的方法实施例流程图。
在步骤S1中，选择用于制作目的图标的背景图片和图标原图。以手机为例，用户可以从手机的存储器（手机自身存储、或扩展SD存储卡）中选择用于制作目的图标的背景图片和图标原图，也可以直接从网页中下载图片，或者从其他电子装置中导入图片作为背景图片或图标原图。同时，根据确定的图标背景图片和图标原图的分辨率进行自动处理，使之符合该手机的图标分辨率，例如，若该手机的图标分辨率为128×128，则将背景图片的分辨率自动调整为128×128，并针对该分辨率，将图标原图的分辨率调整到预设的范围之内。
在步骤S2中，在步骤S1中选择的背景图片上选取一特定区域。同样以手机为例，在该步骤中，该方法提示用户在上述的背景图片上选取一特定区域，该区域的大小、形状可以由用户设置，若是在带有触控屏的手机上，则该方法可以通过弹出提示窗口，提示用户使用手指在触控屏上划取轮廓线，选取该区域范围，若用户使用手指划取的轮廓线没有形成闭合区域（可能因为手机分辨率较高，用户无法保证形成闭合轮廓线），则该方法自动将首尾端点连接起来，形成闭合的轮廓线，从而选取到以上所述的特定区域。
在步骤S3中，根据预定通透值对所述特定区域进行通透处理，形成通透图样。以手机为例，在该步骤中，该方法可以首先弹出提示窗口，提示用户设置默认的通透值，或者让用户针对每个特定区域选择不同的通透值。这里所说的通透值是指对图片的通透处理的效果，若通透值越大，则图片显示的通透性越强，反之，若通透值越小，则图片显示的通透性越弱。用户可以针对某一类型的背景图片的特定区域选择一个对应的通透值，例如对于游戏类型的背景图片以及社交类型的背景图片，分别选用两种不同的通透值，每种类型采用对应的通透值进行处理，形成通透图样。
在步骤S4中，根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样。以手机为例，在该步骤中，用户通过以上所述的特定区域的轮廓，在确定的图标原图上选择需要的范围，形成图标图样。该方法可以首先显示图标原图，然后在图标原图上显示步骤S3中形成的特定区域范围的轮廓线，同时，提示用户移动该轮廓线，通过该轮廓线在图标原图上的滑动，选择截取的范围，最后，根据用户确定的截取范围，截取以上所述的图标原图，形成新的图标图样，并去除图标原图中除图标图样以外的部分。
在步骤S5中，将所述图标图样嵌入到所述通透图样中形成目的图标。以手机为例，用户将步骤S4中形成的图标图样嵌入到步骤S3中形成的特定区域中，形成所需制作的目的图标。在该方法中，由于采用的同一个轮廓线范围截取的特定区域以及图标图样，所以两者的形状大小完全相同，但是可能会因为两者的分辨率的不同，而造成不够美观的后果，可以通过事前选择合适的分辨率解决这一问题，例如，将背景图片的分辨率与图标原图的分辨率调整到相差不大的范围之内，另一种方式是，若图标图样嵌入到所述通透图样的特定区域中形成目的图标后，两部分的分辨率不同，则对目的图标这个整体进行分辨率的处理，同时调整为同一分辨率，这样就改善了视觉效果。
可以理解，该方法的以上各个步骤同样可以适用于平板电脑等电子设备中。
如图2所示是本发明制作电子设备桌面图标的装置实施例流程图。包括：
确定模块10，用于确定制作目的图标的背景图片和图标原图；
选取模块20，用于在所述背景图上选取一特定区域；
处理模块30，用于根据预定通透值对所述特定区域进行通透处理，形成通透图样；
截取模块40，用于根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样；
合成模块50，用于将所述图标图样嵌入到所述通透图样中形成目的图标；
处理器50，用于协调控制以上各个模块。
以上模块10,20,30,40可以是具有对应功能的软件,或者软件与硬件的结合。处理器50可以是该电子设备现有的CPU（中央处理器）。
以手机为例，确定模块10可以从手机的存储器（手机自身存储、或扩展SD存储卡）中选择用于制作目的图标的背景图片和图标原图，也可以直接从网页中下载图片，或者从其他电子装置中导入图片作为背景图片或图标原图。同时，根据确定的图标背景图片和图标原图的分辨率进行自动处理，使之符合该手机的图标分辨率，例如，若该手机的图标分辨率为128×128，则将背景图片的分辨率自动调整为128×128，并针对该分辨率，将图标原图的分辨率调整到预设的范围之内。
选取模块20用于在上述的背景图片上选取一特定区域，该区域的大小、形状可以由用户自由选择，若是在带有触控屏的手机上，则可以提示用户采用手指在触控屏上划取轮廓线的方法，选取该区域范围，若用户采用手指划取的轮廓线没有形成闭合区域（可能因为手机分辨率较高，用户无法保证形成闭合轮廓线），则自动将首尾端点连接起来，形成闭合的轮廓线，从而选取到以上所述的特定区域。
处理模块30可以首先提示用户设置默认的通透值，或者让用户针对每个特定区域选择不同的通透值.，这里所说的通透值是指对图片的通透处理的效果，若通透值越大，则图片显示的通透性越强，反之，若通透值越小，则图片显示的通透性越弱。用户可以针对某一类型的背景图片的特定区域选择一个对应的通透值，例如对于游戏类型的背景图片以及社交类型的背景图片，分别选用两种不同的通透值，对各自选取的特定区域进行通透处理，形成通透图样。
截取模块40用于通过以上所述的特定区域的轮廓，在确定的图标原图上选择需要的范围，形成图标图样。该模块可以首先显示图标原图，然后在图标原图上显示处理模块30中形成的特定区域范围的轮廓线，同时，提示用户移动该轮廓线，通过该轮廓线在图标原图上的滑动，选择截取的范围，最后，根据用户确定的截取范围，截取以上所述的图标原图，形成新的图标图样，并去除图标原图中除图标图样以外的部分。
合成模块50用于将截取模块40中形成的图标图样嵌入到处理模块30中形成的特定区域中，形成所需制作的目的图标。在该模块功能中，由于采用的同一个轮廓线范围截取的特定区域以及图标图样，所以两者的形状大小完全相同，但是可能会因为两者的分辨率的不同，而造成不够美观的后果，可以通过事前选择合适的分辨率解决这一问题，例如，将背景图片的分辨率与图标原图的分辨率调整到相差不大的范围之内，另一种方式是，若图标图样嵌入到所述通透图样的特定区域中形成目的图标后，两部分的分辨率不同，则对目的图标这个整体进行分辨率的处理，同时调整为同一分辨率，改善了视觉效果。
处理器50用于协调控制以上各个模块，确保上述各个模块执行的动作按照预定的顺序和限定的时间完成。
Claims (8)
1.一种制作电子设备桌面图标的方法，其特征在于，包括：
A.选择用于制作目的图标的背景图片和图标原图；
B.在所述背景图片上选取一特定区域；其中，通过弹出提示窗口，提示用户使用手指在触控屏上划取轮廓线，选取区域范围，若用户使用手指划取的轮廓线没有形成闭合区域，则该方法自动将首尾端点连接起来，形成闭合的轮廓线，从而选取到所述特定区域；
C.根据预定通透值对所述特定区域进行通透处理，形成通透图样；
D.根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样；所述图标原图大于所述特定区域的范围；
E.将所述图标图样嵌入到所述通透图样中形成目的图标。
2.根据权利要求1所述的制作电子设备桌面图标的方法，其特征在于，步骤A中所述背景图片和图标原图是预存于电子设备中的图片，或者是用户当前导入的图片。
3.根据权利要求1所述的制作电子设备桌面图标的方法，其特征在于，步骤B中，所述选取的特定区域在所述背景图片范围之内。
4.根据权利要求1所述的制作电子设备桌面图标的方法，其特征在于，步骤C中，所述预定通透值是可调节的。
5.一种制作电子设备桌面图标的装置，其特征在于，包括：
确定模块，用于确定制作目的图标的背景图片和图标原图；
选取模块，用于在所述背景图片上选取一特定区域；其中，通过弹出提示窗口，提示用户使用手指在触控屏上划取轮廓线，选取区域范围，若用户使用手指划取的轮廓线没有形成闭合区域，则该装置自动将首尾端点连接起来，形成闭合的轮廓线，从而选取到以上所述的特定区域；
处理模块，用于根据预定通透值对所述特定区域进行通透处理，形成通透图样；
截取模块，用于根据所述通透图样的轮廓截取所述图标原图上选定的部分，形成图标图样；
合成模块，用于将所述图标图样嵌入到所述通透图样中形成目的图标；所述图标原图大于所述特定区域的范围。
6.根据权利要求5所述的制作电子设备桌面图标的装置，其特征在于，所述确定模块用于从预存于电子设备中的图片中确定所述背景图片和图标原图，以及从用户当前导入的图片中确定所述背景图片和图标原图。
7.根据权利要求5所述的制作电子设备桌面图标的装置，其特征在于，所述选取模块用于在所述背景图片范围之内选取所述特定区域。
8.根据权利要求5所述的制作电子设备桌面图标的装置，其特征在于，所述处理模块还用于调节预定通透值。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310036123.6A CN103064691B (zh) | 2013-01-30 | 2013-01-30 | 制作电子设备桌面图标的方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310036123.6A CN103064691B (zh) | 2013-01-30 | 2013-01-30 | 制作电子设备桌面图标的方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103064691A CN103064691A (zh) | 2013-04-24 |
| CN103064691B true CN103064691B (zh) | 2016-04-06 |
Family
ID=48107329
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310036123.6A Expired - Fee Related CN103064691B (zh) | 2013-01-30 | 2013-01-30 | 制作电子设备桌面图标的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103064691B (zh) |
Families Citing this family (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR102207443B1 (ko) * | 2013-07-26 | 2021-01-26 | 삼성전자주식회사 | 그래픽 유저 인터페이스 제공 방법 및 장치 |
| CN104461480B (zh) * | 2013-09-16 | 2018-04-27 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
| CN105808035B (zh) * | 2014-12-29 | 2020-06-12 | 中兴通讯股份有限公司 | 图标显示方法及装置 |
| CN105867713B (zh) * | 2015-01-20 | 2019-05-28 | 青岛海信移动通信技术股份有限公司 | 一种桌面图标投影管理方法及电子设备 |
| CN105867901A (zh) * | 2015-12-25 | 2016-08-17 | 乐视致新电子科技（天津）有限公司 | 调整应用程序图标的方法和装置 |
| CN107797799A (zh) * | 2016-08-31 | 2018-03-13 | 中兴通讯股份有限公司 | 一种终端界面的图标显示方法及装置 |
| CN106502510B (zh) * | 2016-10-27 | 2019-08-20 | 北京安云世纪科技有限公司 | 图标和界面的适配处理方法、装置 |
| CN106528161B (zh) * | 2016-11-18 | 2020-03-13 | 广州爱九游信息技术有限公司 | 终端设备、页面显示处理装置及方法 |
| CN107545542B (zh) * | 2017-08-30 | 2021-03-16 | 上海艺博科技发展有限公司 | 一种图片选定方法、美甲实时设计系统和喷绘装置 |
| CN111104935B (zh) * | 2019-11-08 | 2021-10-12 | 浙江口碑网络技术有限公司 | 图像获取方法和图像展示方法、装置及设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1570968A (zh) * | 2004-01-18 | 2005-01-26 | 马堃 | 复用电子相框的数字图像合成的方法 |
| CN101493951A (zh) * | 2009-03-05 | 2009-07-29 | 腾讯科技（深圳）有限公司 | 输入工具中的皮肤设计系统及方法 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP3946676B2 (ja) * | 2003-08-28 | 2007-07-18 | 株式会社東芝 | 撮影画像処理装置及びその方法 |
-
2013
- 2013-01-30 CN CN201310036123.6A patent/CN103064691B/zh not_active Expired - Fee Related
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1570968A (zh) * | 2004-01-18 | 2005-01-26 | 马堃 | 复用电子相框的数字图像合成的方法 |
| CN101493951A (zh) * | 2009-03-05 | 2009-07-29 | 腾讯科技（深圳）有限公司 | 输入工具中的皮肤设计系统及方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103064691A (zh) | 2013-04-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103064691B (zh) | 制作电子设备桌面图标的方法和装置 | |
| US9256349B2 (en) | User-resizable icons | |
| EP2840472B1 (en) | Menu layout processing method and apparatus | |
| CN108089958A (zh) | Gpu测试方法、终端设备和计算机可读存储介质 | |
| CN111936966B (zh) | 用于创建图形内容的设计系统 | |
| US20160110054A1 (en) | System and method for customizing a theme for modifying a look and feel of a graphical user interface | |
| EP2252947A1 (en) | Acceleration of rendering of web-based content | |
| CN105630478A (zh) | 一种实现页面切换的方法和装置 | |
| US20190012821A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
| US9195364B2 (en) | Method and apparatus for generating dynamic wallpaper | |
| US20180164954A1 (en) | Method, apparatus and user terminal for displaying and controlling input box | |
| CN103076954B (zh) | 调整显示效果的方法及装置 | |
| JP2015509633A5 (zh) | ||
| CN110209320A (zh) | 页面中有声书籍播放进度的联动展现方法及电子设备 | |
| CN109189301A (zh) | 一种屏幕截图的方法及装置 | |
| KR20160050295A (ko) | 전자 장치 및 그의 디지털 수채 영상 재현 방법 | |
| WO2018226989A1 (en) | Displaying images associated with apps based on app processing task progress statuses | |
| US10943372B2 (en) | GUI display method and apparatus, and terminal device | |
| CN107357510B (zh) | 触摸选择的视觉反馈方法和装置 | |
| CN103593114A (zh) | 一种页面展示方法及装置 | |
| CN108614661B (zh) | 基于智能终端的可交互对象显示控制方法及智能终端 | |
| CN103677518B (zh) | 一种移动终端上的触摸消息响应方法和装置 | |
| CN105912312A (zh) | 一种控件滑动控制方法及其装置 | |
| CN103076948A (zh) | 一种非自动对主菜单图标进行排序的方法和装置 | |
| CN105573746B (zh) | 一种控件属性处理方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Patentee before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160406 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |