CN106547540A - 一种文本按键的绘制方法 - Google Patents
一种文本按键的绘制方法 Download PDFInfo
- Publication number
- CN106547540A CN106547540A CN201610889155.4A CN201610889155A CN106547540A CN 106547540 A CN106547540 A CN 106547540A CN 201610889155 A CN201610889155 A CN 201610889155A CN 106547540 A CN106547540 A CN 106547540A
- Authority
- CN
- China
- Prior art keywords
- picture
- paragraph
- drafting
- segment
- stretch section
- 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/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种文本按键的绘制方法,一种文本按键的绘制方法,包括:计算文本的绘制区域的参数,包括绘制位置及绘制长度;在绘制长度的两端绘制第一段图片和第二段图片,并根据第一段图片和第二段图片的间距来计算拉伸段图片的被拉伸的长度,然后绘制拉伸段图片,所述第一段图片、第二段图片和设置在第一段和第二段中间的拉伸段图片组成完整的一个按键形状。本发明通过将绘制文本按键的按键图片分成三部分,根据运行时动态计算的文本绘制区域位置及大小,动态计算绘制时三部分图片的位置及所需要拉伸的大小,大大减少了对文本按键的背景图片需要,减少了文本按键对储存空间、对内存的要求,提高***的运行速度和稳定性。
Description
技术领域
本发明涉及计算机领域,尤其涉及一种文本按键的绘制方法。
背景技术
车载导航主机的图形绘制功能是采用微软的嵌入式操作***WinCE,其图形绘制方法绘制文本按键时,不同的文本长度需要不同的背景图片资源,导致背景图片资源多,占用Flash空间大。如果***页面需要加载的文本按键较多时,则需要加载较多的图片,导致***运行变慢、内存申请失败、车载***崩溃等问题。
发明内容
本发明的主要目的在于提供一种文本按键的绘制方法,旨在改变现有的文本按键绘制方式,降低文本按键绘制时对***资源的占用。
为实现上述目的,本发明提供一种文本按键的绘制方法,包括以下步骤:
S01、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
S02、在绘制长度的两端绘制第一段图片和第二段图片,并根据第一段图片和第二段图片的间距来计算拉伸段图片的被拉伸的长度,然后绘制拉伸段图片,所述第一段图片、第二段图片和设置在第一段和第二段中间的拉伸段图片组成完整的一个按键形状。
优选地,所述步骤S01之前还包括:
加载文本按键的三段式图片,所述三段式图片包括第一段图片、第二段图片和拉伸段图片。
优选地,所述加载文本按键的三段式图片之前还包括:
启动***的图形绘制程序。
优选地,所述步骤S02具体包括:
S21、判断第一段图片是否加载成功;是,则在绘制区域的四个角中,选取一个角绘制第一段图片;
S22、判断第二段图片是否加载成功;是,则根据绘制位置和绘制长度,计算第二段图片的位置,然后绘制第二段图片;
S23、判断拉伸段图片是否加载成功;是,则计算拉伸段图片的位置和被拉伸的长度,然后绘制拉伸段图片。
优选地,所述第一段图片为按键形状的左边图片,第二段图片为按键形状的右边图片,所述步骤S21中在绘制区域的四个角中,选取一个角绘制第一段图片具体为在绘制区域的左上角绘制第一段图片。
优选地,所述***为WinCE文件***。
优选地,所述步骤S23中计算拉伸段图片的位置为根据绘制位置和第一段图片的宽度计算获得的。
优选地,所述步骤S23中计算拉伸段图片的被拉伸的长度为根据绘制长度、第一段图片的宽度以及第二段图片的宽度计算获得的。
优选地,所述步骤S23中计算拉伸段图片的被拉伸的长度为根据绘制位置、第一段图片的宽度以及第二段图片的位置计算获得的。
优选地,所述步骤S01之后还包括以下步骤:
根据文本的绘制区域,绘制文本。
本发明通过将绘制文本按键的按键图片分成三部分,根据运行时动态计算的文本绘制区域位置及大小,动态计算绘制时三部分图片的位置及所需要拉伸的大小,使用内存中已加载好的背景图片,完成文本按键的绘制;该绘制方法具有清晰的逻辑管理层次,节省内存空间及图片加载时间,能够完美实现多个不同大小按下效果的绘制的无缝拼接,实现使用最少的内存消耗完成文本按键的绘制。
附图说明
图1为本发明文本按键的绘制方法第一实施例的流程示意图;
图2为本发明文本按键的绘制方法第二实施例的流程示意图;
图3为本发明文本按键的绘制方法第三实施例的流程示意图;
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明提供一种文本按键的绘制方法,参照图1,在第一实施例中,该文本按键的绘制方法包括以下顺序执行步骤:
SA1、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
SA2、在绘制长度的两端绘制第一段图片和第二段图片,并根据第一段图片和第二段图片的间距来计算拉伸段图片的被拉伸的长度,然后绘制拉伸段图片,所述第一段图片、第二段图片和设置在第一段和第二段中间的拉伸段图片组成完整的一个按键形状。
本实施例通过将绘制文本按键的按键图片分成3部分,将第一段图片和第二段图片保持不拉伸,通过拉伸段图片的拉伸来适应不同字段的文本按键,大大减少了对文本按键的背景图片需要,减少了文本按键对储存空间、对内存的要求,提高***的运行速度和稳定性。
参照图2,在第二实施例中,该文本按键的绘制方法包括以顺序执行下步骤:
SB1、启动***的图形绘制程序;
SB2、加载文本按键的三段式图片,所述三段式图片包括第一段图片、第二段图片和拉伸段图片;
SB3、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
SB4、在绘制长度的两端绘制第一段图片和第二段图片,并根据第一段图片和第二段图片的间距来计算拉伸段图片的被拉伸的长度,然后绘制拉伸段图片,所述第一段图片、第二段图片和设置在第一段和第二段中间的拉伸段图片组成完整的一个按键形状。
在***第一次绘制文本按键时,需先启动图形绘制程序,加载文本按键的三段式图片是为了加快文本按键的绘制速度,在这以后,绘制相同类型的文本按键不需要重新进行步骤SB1和SB2;当绘制不同类型的文本按键时,需重新进行步骤SB2,重新加载对应的三段式图片来绘制文本按键。
参照图3,在第三实施例中,该文本按键的绘制方法包括以顺序执行下步骤:
SC1、启动***的图形绘制程序;
SC2、加载文本按键的三段式图片,所述三段式图片包括第一段图片、第二段图片和拉伸段图片;
SC3、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
SC4、判断第一段图片是否加载成功;是,则在绘制区域的四个角中,选取一个角绘制第一段图片;
SC5、判断第二段图片是否加载成功;是,则根据绘制位置和绘制长度,计算第二段图片的位置,然后绘制第二段图片;
SC6、判断拉伸段图片是否加载成功;是,则计算拉伸段图片的位置和被拉伸的长度,然后绘制拉伸段图片。
先根据文本的绘制区域将按键两端的图形绘制出来,再拉伸按键中间的图形,使中间的图形与两侧的图形无缝连接,来完成一个按键的绘制。若第一段图片加载不成功,可在直接进行下一步骤,判断第二段图片是否加载成功,或者返回到加载图片的步骤,重新加载图片,或者返回失败值等。第二段图片以及拉伸段图片加载不成功时,参考第一段图片的处理方式,图片加载不成功的处理方式不限于上述的几种方式,现有的处理方式都应包括。
在第四实施例中,该文本按键的绘制方法包括以顺序执行下步骤:
SD1、启动***的图形绘制程序;
SD2、加载文本按键的三段式图片,所述三段式图片包括左段图片、右段图片和拉伸段图片;
SD3、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
SD4、判断左段图片是否加载成功;是,则在绘制区域的左上角绘制左段图片;
SD5、判断右段图片是否加载成功;是,则根据绘制位置和绘制长度,计算右段图片的位置,然后绘制右段图片;
SD6、判断拉伸段图片是否加载成功;是,则计算拉伸段图片的位置和被拉伸的长度,然后绘制拉伸段图片。
本实施例的绘制方法适用于在水平方向上长度不等的文本按键,此时拉伸段图片跟据需要,在水平方向上有不同程度的拉伸;另外该方法也可以在绘制区域的左边或左下角绘制左段图片;同理,也可以先在绘制区域的右边先绘制右段图片,再来绘制左段图片。图片加载不成功的处理方式参考第三实施例。
在第五实施例中,该文本按键的绘制方法包括以顺序执行下步骤:
SE1、启动***的图形绘制程序;
SE2、加载文本按键的三段式图片,所述三段式图片包括上段图片、下段图片和拉伸段图片;
SE3、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
SE4、判断上段图片是否加载成功;是,则在绘制区域的左上角绘制上段图片;
SE5、判断下段图片是否加载成功;是,则根据绘制位置和绘制长度,计算下段图片的位置,然后绘制下段图片;
SE6、判断拉伸段图片是否加载成功;是,则计算拉伸段图片的位置和被拉伸的长度,然后绘制拉伸段图片。
本实施例的绘制方法适用于在竖直方向上长度不等的文本按键,此时拉伸段图片跟据需要,在竖直方向上有不同程度的拉伸;另外该方法也可以在绘制区域的上边或右上角绘制上段图片;同理,也可以先在绘制区域的下边先绘制下段图片,再来绘制上段图片。图片加载不成功的处理方式参考第三实施例。
上述实施例中,在计算文本的绘制区域的参数之后还包括步骤:根据文本的绘制区域,绘制文本。
上述三段式图片并不是表示只有三张图片,而是按图片的变化分成三段,实际使用中,第一段图片和第二段图片可能是对称的情况,加载时,对于该段的数据源加载两次即可;上述***为WinCE文件***;拉伸段图片的位置可根据绘制位置和第一段图片的宽度计算获得;拉伸段图片的被拉伸的长度可根据绘制长度、第一段图片的宽度以及第二段图片的宽度计算,或者根据绘制位置、第一段图片的宽度以及第二段图片的位置计算出来。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种文本按键的绘制方法,包括以下步骤:
S01、计算文本的绘制区域的参数,包括绘制位置及绘制长度;
S02、在绘制长度的两端绘制第一段图片和第二段图片,并根据第一段图片和第二段图片的间距来计算拉伸段图片的被拉伸的长度,然后绘制拉伸段图片,所述第一段图片、第二段图片和设置在第一段和第二段中间的拉伸段图片组成完整的一个按键形状。
2.如权利要求1所述的绘制方法,其特征在于,所述步骤S01之前还包括:
加载文本按键的三段式图片,所述三段式图片包括第一段图片、第二段图片和拉伸段图片。
3.如权利要求2所述的绘制方法,其特征在于,所述加载文本按键的三段式图片之前还包括:
启动***的图形绘制程序。
4.如权利要求1-3任一项所述的绘制方法,其特征在于,所述步骤S02具体包括:
S21、判断第一段图片是否加载成功;是,则在绘制区域的四个角中,选取一个角绘制第一段图片;
S22、判断第二段图片是否加载成功;是,则根据绘制位置和绘制长度,计算第二段图片的位置,然后绘制第二段图片;
S23、判断拉伸段图片是否加载成功;是,则计算拉伸段图片的位置和被拉伸的长度,然后绘制拉伸段图片。
5.如权利要求4所述的绘制方法,其特征在于,所述第一段图片为按键形状的左边图片,第二段图片为按键形状的右边图片,所述步骤S21中在绘制区域的四个角中,选取一个角绘制第一段图片具体为在绘制区域的左上角绘制第一段图片。
6.如权利要求1所述的绘制方法,其特征在于,所述***为WinCE文件***。
7.如权利要求4所述的绘制方法,其特征在于,所述步骤S23中计算拉伸段图片的位置为根据绘制位置和第一段图片的宽度计算获得的。
8.如权利要求4所述的绘制方法,其特征在于,所述步骤S23中计算拉伸段图片的被拉伸的长度为根据绘制长度、第一段图片的宽度以及第二段图片的宽度计算获得的。
9.如权利要求4所述的绘制方法,其特征在于,所述步骤S23中计算拉伸段图片的被拉伸的长度为根据绘制位置、第一段图片的宽度以及第二段图片的位置计算获得的。
10.如权利要求1-9任一项所述的绘制方法,其特征在于,所述步骤S01之后还包括以下步骤:
根据文本的绘制区域,绘制文本。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610889155.4A CN106547540A (zh) | 2016-10-12 | 2016-10-12 | 一种文本按键的绘制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610889155.4A CN106547540A (zh) | 2016-10-12 | 2016-10-12 | 一种文本按键的绘制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106547540A true CN106547540A (zh) | 2017-03-29 |
Family
ID=58368696
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610889155.4A Pending CN106547540A (zh) | 2016-10-12 | 2016-10-12 | 一种文本按键的绘制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106547540A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109492205A (zh) * | 2018-09-12 | 2019-03-19 | 广州优视网络科技有限公司 | 文本的动态绘制方法及装置、计算设备及可读介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902535A (zh) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | 一种图片自适应方法、***和终端设备 |
CN104123363A (zh) * | 2014-07-21 | 2014-10-29 | 北京奇虎科技有限公司 | 网页主图提取方法及装置 |
CN105321192A (zh) * | 2014-07-31 | 2016-02-10 | 惠州市德赛西威汽车电子股份有限公司 | 一种车载娱乐***可变长度和宽度的背景的绘制方法 |
-
2016
- 2016-10-12 CN CN201610889155.4A patent/CN106547540A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902535A (zh) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | 一种图片自适应方法、***和终端设备 |
CN104123363A (zh) * | 2014-07-21 | 2014-10-29 | 北京奇虎科技有限公司 | 网页主图提取方法及装置 |
CN105321192A (zh) * | 2014-07-31 | 2016-02-10 | 惠州市德赛西威汽车电子股份有限公司 | 一种车载娱乐***可变长度和宽度的背景的绘制方法 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109492205A (zh) * | 2018-09-12 | 2019-03-19 | 广州优视网络科技有限公司 | 文本的动态绘制方法及装置、计算设备及可读介质 |
CN109492205B (zh) * | 2018-09-12 | 2023-10-10 | 阿里巴巴(中国)有限公司 | 文本的动态绘制方法及装置、计算设备及可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102215766B1 (ko) | 합성 화상을 생성하는 방법 및 장치 | |
US10198785B2 (en) | Graphics processing method, apparatus, and system | |
KR102276909B1 (ko) | 렌더링 방법 및 장치 | |
JP2017016686A5 (zh) | ||
KR101338370B1 (ko) | 지피유를 이용한 2차원 벡터 그래픽스 패스의 배치 렌더링 방법 | |
CN111258575B (zh) | 一种页面布局处理方法及装置 | |
JP2019507915A5 (zh) | ||
CN106611401B (zh) | 一种在纹理内存中存储图像的方法及装置 | |
JP4568750B2 (ja) | 描画装置、描画プログラムおよび描画方法 | |
CN105718420A (zh) | 数据处理装置及其操作方法 | |
CN106547540A (zh) | 一种文本按键的绘制方法 | |
CN104391896A (zh) | 基于网页的平面印刷品排版方法及*** | |
US9715356B2 (en) | Method, apparatus and system for determining a merged intermediate representation of a page | |
US9202148B2 (en) | Image processing apparatus and method for generating stencil data of a stroke based on shape information, connection-point information, and end-point information | |
DE602004030159D1 (de) | Iteratives lösen von nebenbedingungen in einer font-hinting-sprache | |
JP2014239304A (ja) | 画像処理装置及び画像処理方法 | |
US9767392B2 (en) | Method and system for rendering rectangle drawing objects using one-line raster image data | |
WO2013160963A1 (ja) | 文字描画装置および文字描画方法 | |
US20130235057A1 (en) | Area-based dependency chain analysis of shaders and command stream | |
JP2011210160A5 (ja) | 画像処理方法、画像処理装置、及びプログラム | |
CN101930615A (zh) | 一种调整拼版对象出血线的方法及*** | |
CN105321192B (zh) | 一种车载娱乐***可变长度和宽度的背景的绘制方法 | |
WO2013175520A1 (ja) | 文字描画装置 | |
CN103034968A (zh) | 剪裁二维矢量图形的方法 | |
US20160179445A1 (en) | Predictive object-sequence caching from prior page content |
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: 20170329 |