CN108874478A - 悬浮显示自定义信息的方法、存储介质、电子设备及系统 - Google Patents
悬浮显示自定义信息的方法、存储介质、电子设备及系统 Download PDFInfo
- Publication number
- CN108874478A CN108874478A CN201710335285.8A CN201710335285A CN108874478A CN 108874478 A CN108874478 A CN 108874478A CN 201710335285 A CN201710335285 A CN 201710335285A CN 108874478 A CN108874478 A CN 108874478A
- Authority
- CN
- China
- Prior art keywords
- control
- layer
- information
- card piece
- background
- 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
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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种悬浮显示自定义信息的方法、存储介质、电子设备及系统,涉及移动终端的应用开发领域。该方法的步骤为:创建信息显示卡片,将信息显示卡片的背景图层设置为透明悬浮图层;在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像;在文字显示控件上添加自定义文字信息;在信息显示卡片的背景图层上添加点击控件,点击控件用于:被点击时触发点击事件。本发明能够让用户在查阅信息显示卡片的同时能够观看原有页面的信息,还能够让用户在原有页面上移动信息显示卡片,提升了用户体验。
Description
技术领域
本发明涉及移动终端的应用开发领域,具体涉及一种悬浮显示自定义信息的方法、存储介质、电子设备及系统。
背景技术
随着移动终端的快速发展,人们对移动终端提出了显示个人特色信息的需求,即要点击界面的某一个按钮后,会弹出显示用户专属(自定义)的提示信息(例如图片和文字等)。
目前实现上述需求的方式一般为2种:
(1)采用苹果系统自带的弹框,但是该弹框上无法添加图片和文字,而且弹框的位置是固定的,进而导致用户体验较差。
(2)点击按钮后跳转至其他页面来显示自定义信息,但是,跳转到其他页面后,则无法查阅原有页面的信息,若有同时比对原有页面和其他页面的信息,需要在2页面之间来回切换,操作过程比较复杂,便于用户使用。
发明内容
针对现有技术中存在的缺陷,本发明解决的技术问题为:如何在移动终端上悬浮透明显示自定义信息。本发明能够让用户在查阅信息显示卡片的同时能够观看原有页面的信息,还能够让用户在原有页面上移动信息显示卡片,提升了用户体验。
为达到以上目的,本发明提供的悬浮显示自定义信息的方法,方法包括以下步骤:
S1:创建信息显示卡片,将信息显示卡片的背景图层设置为透明悬浮图层,转到S2;
S2:在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像;在文字显示控件上添加自定义文字信息,转到S3;
S3:在信息显示卡片的背景图层上添加点击控件,点击控件用于:被点击时触发点击事件。
本发明提供的存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述悬浮显示自定义信息的方法。
本发明提供的电子设备,包括存储器和处理器,存储器上储存有在处理器上运行的计算机程序,处理器执行计算机程序时实现上述悬浮显示自定义信息的方法。
本发明提供的悬浮显示自定义信息的系统,包括信息显示卡片创建模块、显示控件添加模块和点击控件添加模块;
信息显示卡片创建模块用于:创建信息显示卡片,将信息显示卡片的背景图层设置为透明悬浮图层,向显示控件添加模块发送显示控件添加信号;
显示控件添加模块用于:收到显示控件添加信号后,在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像;在文字显示控件上添加自定义文字信息,向点击控件添加模块发送点击控件添加信号;
点击控件添加模块用于:收到点击控件添加信号后,在信息显示卡片的背景图层上添加点击控件,点击控件用于被点击时触发点击事件。
与现有技术相比,本发明的优点在于:
参见本发明的S1至S3可知,本发明在创建信息显示卡片时,将的信息显示卡片的背景图层设置为透明悬浮图层,透明图层能够让用户在查阅信息显示卡片的同时能够观看原有页面的信息,用户不需要跳转至其他网页,简化了同时查阅显示卡片的原有页面的操作流程,便于用户使用。悬浮图层能够让用户在原有页面上移动信息显示卡片,提升了用户体验。
与此同时,参见本发明S2可知,本发明能够在信息显示卡片的背景图层上添加自定义的图片和文字,进一步提升了用户体验。
进一步,参见本发明S3可知,本发明在信息显示卡片的背景图层上添加了点击控件,当用户需要关闭信息显示卡片或者跳转其他页面点击即可,便于用户使用。
附图说明
图1为本发明实施例中的悬浮显示自定义信息的方法的流程图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。
参见图1所示,本发明实施例中的悬浮显示自定义信息的方法,包括以下步骤:
S1:创建信息显示卡片,将信息显示卡片的背景图层设置为透明度10%~80%的透明悬浮图层,转到S2。
S1的目的为:让用户在查阅信息显示卡片的同时能够观看原有页面的信息,用户不需要跳转至其他网页,简化了同时查阅显示卡片的原有页面的操作流程,便于用户使用。与此同时,背景图层为悬浮图层,因此背景图层能够在原有页面上移动,提升了用户体验。
S1的具体流程为:
S101:使用CGContextRef(图像上下文)类,获取一个通过c语言创建的context(背景)对象,转到S102。
S102:创建一个UIColor(用户颜色)类的bgColor(背景颜色)对象,通过colorWithRed函数为bgColor对象设置不同的值(即不同的颜色),具体值根据产品的设计规则定,为context对象添加透明度,转到S103。
S103:调用SetStrokeColor函数,根据bgColor对象和bgColor对象的CGColor属性(CGColor属性是OC),对context对象的边缘进行绘制,转到S104。
S104:调用SetFillColor函数,根据bgColor对象和bgColor对象的CGColor属性(CGColor属性是OC),对context对象的内部进行绘制,转到S105。
S105:调用坐标值函数CGRectMake创建context对象的坐标值,转到S106。
S106:调用函数CGContextAddRect,根据坐标值和context对象形成最终的背景图层,调用图像上下文绘制函数将背景图层设置为悬浮透明图层。
S2:在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%。显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像(例如用户图像),图片显示控件上添加有至少2幅图像,相邻图像之间设置有分割线,以区分图像。在文字显示控件上添加自定义文字信息(例如用户的姓名、简介、热度,用户为主播时,还包括主播等级、主播获得的勋章数量等),转到S3。
S2的目的为:在信息显示卡片上添加自定义的图像和文字,提升用户体验。
S3:在信息显示卡片的背景图层上添加点击控件,点击控件用于:被点击时触发点击事件,点击事件为信息显示卡片关闭事件或者页面跳转事件,当用户需要关闭信息显示卡片或者跳转其他页面点击即可,便于用户使用。
本发明实施例还提供一种存储介质,存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述悬浮显示自定义信息的方法。需要说明的是,所述存储介质包括U盘、移动硬盘、ROM(Read-Only Memory,只读存储器)、RAM(Random Access Memory,随机存取存储器)、磁碟或者光盘等各种可以存储程序代码的介质。
本发明实施例还提供一种电子设备,包括存储器和处理器,存储器上储存有在处理器上运行的计算机程序,处理器执行计算机程序时实现上述悬浮显示自定义信息的方法。
需要说明的是:本发明实施例提供的系统在进行模块间通信时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将系统的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
本发明实施例还提供一种悬浮显示自定义信息的系统,包括信息显示卡片创建模块、显示控件添加模块和点击控件添加模块。
信息显示卡片创建模块用于:创建信息显示卡片,将信息显示卡片的背景图层设置透明度为10%~80%的透明悬浮图层,向显示控件添加模块发送显示控件添加信号。
信息显示卡片创建模块的工作流程包括:使用CGContextRef类获取context对象,设置context对象的透明度;创建UIColor类的bgColor对象,设置bgColor对象的颜色;根据bgColor对象和bgColor对象的CGColor属性,对context对象的边缘进行绘制;根据bgColor对象和bgColor对象的CGColor属性,对context对象进行绘制;创建context对象的坐标值,根据坐标值和context对象形成背景图层,将背景图层设置为悬浮透明图层。
显示控件添加模块用于:收到显示控件添加信号后,在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像,图片显示控件上添加有至少2幅图像,相邻图像之间设置有分割线。在文字显示控件上添加自定义文字信息,向点击控件添加模块发送点击控件添加信号。
点击控件添加模块用于:收到点击控件添加信号后,在信息显示卡片的背景图层上添加点击控件,点击控件用于被点击时触发点击事件,点击事件为信息显示卡片关闭事件或者页面跳转事件。
进一步,本发明不局限于上述实施方式,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (10)
1.一种悬浮显示自定义信息的方法,其特征在于,该方法包括以下步骤:
S1:创建信息显示卡片,将信息显示卡片的背景图层设置为透明悬浮图层,转到S2;
S2:在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像;在文字显示控件上添加自定义文字信息,转到S3;
S3:在信息显示卡片的背景图层上添加点击控件,点击控件用于:被点击时触发点击事件。
2.如权利要求1所述的悬浮显示自定义信息的方法,其特征在于:S1的具体流程包括:使用CGContextRef类获取context对象,设置context对象的透明度;创建UIColor类的bgColor对象,设置bgColor对象的颜色;根据bgColor对象和bgColor对象的CGColor属性,对context对象的边缘进行绘制;根据bgColor对象和bgColor对象的CGColor属性,对context对象进行绘制;创建context对象的坐标值,根据坐标值和context对象形成背景图层,将背景图层设置为悬浮透明图层。
3.如权利要求1或2所述的悬浮显示自定义信息的方法,其特征在于:S2中所述图片显示控件上添加有至少2幅图像,相邻图像之间设置有分割线。
4.一种存储介质,该存储介质上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现权利要求1至3任一项所述的方法。
5.一种电子设备,包括存储器和处理器,存储器上储存有在处理器上运行的计算机程序,其特征在于:处理器执行计算机程序时实现权利要求1至3任一项所述的方法。
6.一种悬浮显示自定义信息的系统,其特征在于:该系统包括信息显示卡片创建模块、显示控件添加模块和点击控件添加模块;
信息显示卡片创建模块用于:创建信息显示卡片,将信息显示卡片的背景图层设置为透明悬浮图层,向显示控件添加模块发送显示控件添加信号;
显示控件添加模块用于:收到显示控件添加信号后,在信息显示卡片的背景图层上添加显示控件,显示控件在背景图层上的覆盖率小于100%;显示控件包括图片显示控件和文字显示控件,在图片显示控件上添加自定义图像;在文字显示控件上添加自定义文字信息,向点击控件添加模块发送点击控件添加信号;
点击控件添加模块用于:收到点击控件添加信号后,在信息显示卡片的背景图层上添加点击控件,点击控件用于被点击时触发点击事件。
7.如权利要求6所述的悬浮显示自定义信息的系统,其特征在于:所述信息显示卡片创建模块的工作流程包括:使用CGContextRef类获取context对象,设置context对象的透明度;创建UIColor类的bgColor对象,设置bgColor对象的颜色;根据bgColor对象和bgColor对象的CGColor属性,对context对象的边缘进行绘制;根据bgColor对象和bgColor对象的CGColor属性,对context对象进行绘制;创建context对象的坐标值,根据坐标值和context对象形成背景图层,将背景图层设置为悬浮透明图层。
8.如权利要求6所述的悬浮显示自定义信息的系统,其特征在于:所述显示控件添加模块的图片显示控件上添加有至少2幅图像,相邻图像之间设置有分割线。
9.如权利要求6至8所述的悬浮显示自定义信息的系统,其特征在于:所述信息显示卡片创建模块设置的透明悬浮图层的透明度为10%~80%。
10.如权利要求6至8所述的悬浮显示自定义信息的系统,其特征在于:所述点击控件添加模块中的点击事件为信息显示卡片关闭事件或者页面跳转事件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710335285.8A CN108874478A (zh) | 2017-05-12 | 2017-05-12 | 悬浮显示自定义信息的方法、存储介质、电子设备及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710335285.8A CN108874478A (zh) | 2017-05-12 | 2017-05-12 | 悬浮显示自定义信息的方法、存储介质、电子设备及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108874478A true CN108874478A (zh) | 2018-11-23 |
Family
ID=64320261
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710335285.8A Pending CN108874478A (zh) | 2017-05-12 | 2017-05-12 | 悬浮显示自定义信息的方法、存储介质、电子设备及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108874478A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111651109A (zh) * | 2020-05-11 | 2020-09-11 | 广州视源电子科技股份有限公司 | 显示界面布局调整方法、装置、电子设备及存储介质 |
CN111811555A (zh) * | 2020-07-08 | 2020-10-23 | 深圳市杰和科技发展有限公司 | 数字标牌显示rtu数据的方法及装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677527A (zh) * | 2013-12-24 | 2014-03-26 | 北京奇虎科技有限公司 | 适于移动终端的悬浮问题交互控件显示方法和装置 |
CN103699369A (zh) * | 2012-09-27 | 2014-04-02 | 腾讯科技(深圳)有限公司 | 一种移动终端的消息展示方法和装置 |
CN103903638A (zh) * | 2012-12-30 | 2014-07-02 | 比亚迪股份有限公司 | 一种移动终端及其播放歌曲的方法和装置 |
CN104216752A (zh) * | 2014-09-30 | 2014-12-17 | 珠海市君天电子科技有限公司 | 一种基于窗口的信息加载方法及装置 |
CN106331345A (zh) * | 2016-08-24 | 2017-01-11 | 腾讯科技(深圳)有限公司 | 一种交互消息展示方法、装置及系统 |
CN106648337A (zh) * | 2016-12-30 | 2017-05-10 | 智车优行科技(北京)有限公司 | 显示展示列表中内容的方法和装置、电子设备 |
-
2017
- 2017-05-12 CN CN201710335285.8A patent/CN108874478A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103699369A (zh) * | 2012-09-27 | 2014-04-02 | 腾讯科技(深圳)有限公司 | 一种移动终端的消息展示方法和装置 |
CN103903638A (zh) * | 2012-12-30 | 2014-07-02 | 比亚迪股份有限公司 | 一种移动终端及其播放歌曲的方法和装置 |
CN103677527A (zh) * | 2013-12-24 | 2014-03-26 | 北京奇虎科技有限公司 | 适于移动终端的悬浮问题交互控件显示方法和装置 |
CN104216752A (zh) * | 2014-09-30 | 2014-12-17 | 珠海市君天电子科技有限公司 | 一种基于窗口的信息加载方法及装置 |
CN106331345A (zh) * | 2016-08-24 | 2017-01-11 | 腾讯科技(深圳)有限公司 | 一种交互消息展示方法、装置及系统 |
CN106648337A (zh) * | 2016-12-30 | 2017-05-10 | 智车优行科技(北京)有限公司 | 显示展示列表中内容的方法和装置、电子设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111651109A (zh) * | 2020-05-11 | 2020-09-11 | 广州视源电子科技股份有限公司 | 显示界面布局调整方法、装置、电子设备及存储介质 |
CN111811555A (zh) * | 2020-07-08 | 2020-10-23 | 深圳市杰和科技发展有限公司 | 数字标牌显示rtu数据的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107451296B (zh) | 一种基于组件的网站模块化渲染方法 | |
CN109862432A (zh) | 点击率预测方法和装置 | |
CN101176095A (zh) | 独立地更新入口浏览中的小窗口内容 | |
CN107392783A (zh) | 基于虚拟现实的社交方法及装置 | |
CN107846511A (zh) | 一种接入移动广告的方法、终端及计算机可读存储介质 | |
CN109286850A (zh) | 一种基于弹幕的视频标注方法及终端 | |
CN103996126B (zh) | 一种动态可配置的个性化数字出版系统及其方法 | |
CN102567534B (zh) | 互动产品用户生成内容拦截系统及其拦截方法 | |
CN108536745A (zh) | 基于Shell的数据表提取方法、终端、设备及存储介质 | |
CN105893009A (zh) | 基于Android平台的自定义控件的显示方法和装置 | |
CN106527695B (zh) | 一种信息输出方法及装置 | |
CN108874478A (zh) | 悬浮显示自定义信息的方法、存储介质、电子设备及系统 | |
CN105488206B (zh) | 一种基于众包的安卓应用演化推荐方法 | |
CN108108215A (zh) | 皮肤生成方法、装置、终端和计算机可读存储介质 | |
CN107402905A (zh) | 基于神经网络的计算方法及装置 | |
CN109064283A (zh) | 商品推荐方法及装置、计算机可读存储介质 | |
CN107943782A (zh) | 一种字符处理方法及终端 | |
CN107679937A (zh) | 定制服务功能的方法、系统、存储介质及设备 | |
CN106960033A (zh) | 一种给信息流标注标签的方法和装置 | |
CN107169011A (zh) | 基于人工智能的网页原创性识别方法、装置及存储介质 | |
CN109597987A (zh) | 一种文本还原方法、装置及电子设备 | |
CN108363574A (zh) | 基于sdk的前端定制方法、装置、终端设备及存储介质 | |
US20200215436A1 (en) | Method for simultaneously translating language of game device and related products | |
CN110134469B (zh) | 节日主题的切换方法、装置及计算机设备 | |
US8327259B2 (en) | Storing table data |
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 |
Application publication date: 20181123 |
|
RJ01 | Rejection of invention patent application after publication |