你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

【安富莱STemWin教程】第16章 STemWin支持字体

[复制链接]
baiyongbin2009 发布时间:2015-1-27 12:02
特别说明:完整STemWin的1-60期教程和配套实例下载地址:链接9 ^9 ]5 b+ J6 ~/ l1 K2 a
第16章 STemWin支持字体
6 C- R* d" {# d- q# w- A  b. _
    STemWin对字体的支持还是非常全面的,包含抗锯齿、复合字符的图样 (例如泰语中的要求)、位于外部非可寻址介质中的字体以及TrueType支持。除TrueType字体 (矢量字体)格式外,所有其他字体均为位图字体。本期教程主要给大家全面的讲解一下STemWin支持的字体,SIF(系统独立字体),TTE(矢量字体)和XBF(外置字体)方式字体的实现会在后面及其教程中跟大家再做详细的介绍。本期教程的重点是STemWin本身所带的标准字体。
    16. 1  字体类型
    16. 2 字符集
    16. 3 标准字体
    16. 4 总结
16.1 字体类型
    这里我们通过官方的字体转换器来了解一下emWin支持的字体类型,字体转换器和前面讲GUIBulder5.22在同一个文件目录里面。打开后界面如下:
16.1.jpg
     从软件上面看主要支持7中字体的转换,下面说一下这7中都代表什么意思。解释时我们都以微软雅黑字体中的‘啊’字来说明,字体大小选择18
16.2.jpg
16.1.1 Standard 比例位图字体
    比例位图字体的每个字符高度相同、宽度可能不同。像素信息保存为1 bpp,涵盖整个字符区域。
     ‘啊’字显示效果如下:
16.3.png
16.1.2 Antialiased 2bpp 抗锯齿字体
    每个字符高度相同、宽度可能不同。像素信息保存为2 bpp抗锯齿信息,涵盖整个字符区域。‘啊’字显示效果如下:
16.4.jpg
16.1.3 Antialiased 4bpp 抗锯齿字体
    每个字符高度相同、宽度可能不同。像素信息保存为4 bpp抗锯齿信息,涵盖整个字符区域。‘啊’字显示效果如下:
16.5.jpg
16.1.4 Extended 扩展比例位图字体
    扩展比例位图字体的每个字符拥有自己的高度和宽度。像素信息保存为1 bpp,仅涵盖字形位图区域。注意和前面的Standard字体的区别。
16.6.jpg
16.1.5 Extended 2bpp扩展比例位图字体
    每个字符高度相同、宽度可能不同。像素信息保存为2 bpp抗锯齿信息,仅涵盖字形位图区域。注意和前面的Antialiased 2bpp字体的区别。
16.7.jpg
16.1.6 Extended 4bpp扩展比例位图字体
    每个字符高度相同、宽度可能不同。像素信息保存为4bpp抗锯齿信息,仅涵盖字形位图区域。注意和前面的Antialiased 4bpp字体的区别。
16.8.jpg
16.1.7 Extended framed带边框的扩展比例位图字体
    在某些情况下 (例如编译时背景颜色未知),可以使用带边框的字体。带边框的字体始终在透明模式下绘制,与当前设置无关。字符像素按当前所选的前景颜色绘制,边框按背景颜色绘制。前景颜色和背景颜色之间明显的对比可以确保能够阅读文本,而与背景无关。请注意,这种类型的字体不适用于复合字符,例如泰语。另外,也不适用于Arabic字体。
16.9.jpg
16.1.8 等宽位图字体
    上面的字体转换器不支持这种字体。等宽位图字体的每个字符大小相同。以下屏幕截图概述了所有可用的等宽字体:
16.10.png
16.1.9 TrueType 矢量字体
    在教程的后面会专门抽出一章跟大家讲解矢量字体。TrueType是Apple Computer开发的轮廓字体标准。它为字体开发人员提供对在各种字体高度下字体显示方式的高度控制。与位图字体(基于每个字符的位图)不同,TrueType字体基于矢量图形。矢量表示的优势在于无损的可扩展性。
16.2 字符集16.2.1 ASCII
    emWin支持完整的ASCII字符集。以下是从32到127的96种字符:
16.11.png
    由于ASCII代表美国信息交换标准代码,所以它是针对美国需求而设计。它不包含欧洲语言中使用的任何特殊字符,例如Ä, Ö, Ü, á, à,以及其他字符。这些 “欧洲扩展”的ASCII字符集没有唯一的标准,而是存在多个不同的标准。互联网以及大多数Windows程序使用的标准是ISO8859-1,即ASCII字符集的超集。
16.2.2 ISO 8859-1西方拉丁字符集
    STemWin支持ISO 8859-1。ISO-8859-1收录的字符除ASCII收录的字符外,还包括西欧语言、希腊语、泰语、阿拉伯语、希伯来语对应的文字符号。欧元符号出现的比较晚,没有被收录在ISO-8859-1当中。
    因为ISO-8859-1编码范围使用了单字节内的所有空间,在支持ISO-8859-1的系统中传输和存储其他任何编码的字节流都不会被抛弃。换言之,把其他任何编码的字节流当作ISO-8859-1编码看待都没有问题。这是个很重要的特性,MySQL数据库默认编码是Latin1就是利用了这个特性。ASCII编码是一个7位的容器,ISO-8859-1编码是一个8位的容器。
    HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。
    ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 7 比特 ASCII。
    ISO-8859-1 的较高部分(从 160 到 255 之间的代码)全都有实体名称。
    这些符号中的大多数都可以在不进行实体引用的情况下使用,但是实体名称或实体编号为那些不容易通过键盘键入的符号提供了表达的方法。
    下面是emWin支持的字符(从216到255,从160到215的没有贴,详细看emWin手册)
16.12.png
16.2.3 Unicode
    Unicode是最终的字符解码方法。它是基于ASCII和ISO 8859-1国际标准。与ASCII不同的是,UNICODE要求16位字符,因为所有字符都拥有自己的代码。当前,定义了30,000多种不同的字符。不过,并非所有字符图像在emWin中都进行了定义。用户可自行定义其他相关字符。
    Unicode标准是一种16位字符编码方案。全世界所有可用字符都包含在一个16位的字符集中 (全球统一)。Unicode标准由统一码联盟(Unicode Consortium)定义。emWin能显示采用Unicode编码的单个字符或字符串,不过,最常见的情况是使用混合字符串,即一个ASCII字符串中有任意个Unicode序列。
16.3 标准字体
    STemWin随附一系列字体,可满足大部分需求。标准字体包包含不同大小和样式的等宽字体和比例字体。等宽字体指字符宽度固定的字体,其中所有字符的宽度像素相同。比例字体指其中每个字符有自己单独的宽度像素的字体(这个在前面的16.1小节已经有详细的讲解)。
    关于字体标识符命名约定,字体文件命名约定和字体的计量、ROM大小和字符集已经在emWin手册里面有详细的说明,这里就不再啰嗦了。重点是跟大家演示一下效果。
16.3.1 比例字体
    STemWin所支持的比例字体以及显示效果如下:
16.13.png
    下面在emWin模拟器上面跟大家演示一下显示效果,模拟器上运行的程序如下:
  1. #include "GUI.h"
    : d1 ]' K* \. q9 m0 x3 l
  2. ) x- ]+ L; ]! r8 t2 X9 b
  3. void MainTask(void)
    ( G3 J0 i3 ]# i% A
  4. {
    * p9 C/ A* }- j; B, n2 q! a
  5. GUI_Init();
    - u9 @; y! [( C& C+ n
  6. GUI_SetFont(&GUI_Font8_ASCII);
    / _7 d- ^: R4 n" y; x0 X
  7. GUI_DispStringAt("Hello world! www.armfly.com", 0, 0);
    # N& |( O6 w6 V6 D/ j. s+ L6 I* I
  8. GUI_SetFont(&GUI_Font10S_ASCII);
    ) N# H8 f: u9 ]  Q) R5 n7 ^
  9. GUI_DispStringAt("Hello world! www.armfly.com", 0, 30);9 i( X7 K& \6 D6 ]% Q
  10. GUI_SetFont(&GUI_Font13_1);
    ( m+ v( }( ^6 ^
  11. GUI_DispStringAt("Hello world! www.armfly.com", 0, 60);
    : O( o; j$ ~8 C! T$ l2 p
  12. GUI_SetFont(&GUI_Font16_ASCII);4 H' O; L6 T' u/ C
  13. GUI_DispStringAt("Hello world! www.armfly.com", 0, 90);
    9 ~( R% K) t5 _2 @0 X) J# X
  14. GUI_SetFont(&GUI_FontComic18B_ASCII);
    9 ]; H( B- @0 o$ U/ k
  15. GUI_DispStringAt("Hello world! www.armfly.com", 0, 120);) o. g) L$ ^3 k( Z
  16. GUI_SetFont(&GUI_FontComic24B_ASCII);: ]) f5 M/ v1 w; b( G$ X
  17. GUI_DispStringAt("Hello world! www.armfly.com", 0, 150);, f0 H0 d" h4 |: D6 b; B* w( r
  18. GUI_SetFont(&GUI_Font32B_ASCII);: y# p, J0 l# N! D4 ^7 x
  19. GUI_DispStringAt("Hello world! www.armfly.com", 0, 180);3 T1 `, d6 e5 n0 g3 ^9 r% Y
  20. while(1);+ P+ l  k9 z2 t  z( B0 J
  21. }
复制代码
模拟器显示效果如下:
16.14.png
16.3.2 比例字体,带边框
    STemWin库本身所带的字体库中只有GUI_Font20F_ASCII支持边框显示。显示效果如下:
16.15.png
    下面在emWin模拟器上面跟大家演示一下显示效果,模拟器上运行的程序如下:
  1. #include "GUI.h"
    4 G$ ?1 m8 f$ e
  2. ( f* F! J) |& d# x! C$ d
  3. void MainTask(void)   A( Z% \6 f8 F6 p5 d7 F
  4. {+ ?7 _5 R, f3 _4 V% Y
  5. GUI_Init();
    ( c  Z, W; @% N; R, ~$ |8 ?7 S
  6. GUI_SetFont(&GUI_Font20F_ASCII);/ c" Q& M  }8 J, a( U
  7. GUI_DispStringAt("Hello world! www.armfly.com", 0, 0);, E) V0 W! F2 O1 v3 F; Y$ ~$ T
  8. while(1);
    8 b. I, M- F; t" e+ W& S7 M' e; q  e
  9. }
复制代码
    实际显示效果如下,不知道为什么没有边框的效果
16.16.png
    不知道为什么没有边框的效果,有兴趣的可以尝试在开发板上面做个试验,应该是有边框效果的。
16.3.3 等宽字体
    关于等宽字体已经在前面16.1.8小节跟大家贴了显示截图,这里跟大家演示一下emWin模拟上面的演示效果,运行程序如下:
  1. #include "GUI.h"
    0 C' B( P8 F* _2 m7 L

  2. ; ~3 Q8 r. H+ x# `6 v, ?/ i
  3. void MainTask(void) 0 K' h" r. N2 s3 c/ w
  4. {. f* _- g, [7 ~+ I
  5. GUI_Init();3 [5 O* O5 j+ U6 j* \+ n. [
  6. GUI_SetFont(&GUI_Font6x8_ASCII);
    " Y/ e* ~2 Y# Y# k& P/ v
  7. GUI_DispStringAt("Hello world! www.armfly.com", 0, 0);
    - k3 U( F8 `- P$ Z
  8. GUI_SetFont(&GUI_Font8x8_ASCII);
    ( d7 v& N/ {  V5 [
  9. GUI_DispStringAt("Hello world! www.armfly.com", 0, 30);9 ?( I2 z5 V7 V, z* }
  10. GUI_SetFont(&GUI_Font8x10_ASCII);
    7 R+ ~$ r+ s% y& ]* W+ D8 c
  11. GUI_DispStringAt("Hello world! www.armfly.com", 0, 60);' S3 O5 v0 N2 F9 R$ p9 ~
  12. GUI_SetFont(&GUI_Font8x13_ASCII);- N9 A/ e4 R4 \6 y1 E( e
  13. GUI_DispStringAt("Hello world! www.armfly.com", 0, 90);
    & G% ^  v- W9 r, F. D
  14. GUI_SetFont(&GUI_Font8x16x1x2);( L2 h; g7 I1 F! q7 Z9 |
  15. GUI_DispStringAt("Hello world! www.armfly.com", 0, 120);* @; w: w; O5 _  K9 y' @
  16. GUI_SetFont(&GUI_Font8x16x2x2);
    ) a: p4 |, q' ]+ r- S
  17. GUI_DispStringAt("Hello world! www.armfly.com", 0, 150);
    ' t+ n" F" G7 z% r5 j0 Z! }- u
  18. GUI_SetFont(&GUI_Font8x16x3x3);, m( u/ z7 g: G! X) V* q
  19. GUI_DispStringAt("Hello world! www.armfly.com", 0, 180);
    1 N; `7 D1 j# {' n: [4 v0 x
  20. while(1);
    3 k+ k) _4 l1 ~" ?
  21. }
复制代码
实际显示效果如下:
16.17.png
16.3.4 数字字体(比例)
    STemWin支持的数字字体主要有以下四种:
16.18.png
    下面是emWin模拟器上面运行的程序(仅支持数字显示,字符是无法显示的,切记):
  1. #include "GUI.h"
    ' \: G4 G- m# G5 C

  2. - t) B& w( A/ e) [6 C
  3. void MainTask(void) " b! |6 U2 w$ r& j
  4. {
    + h! }! N5 z: y" F. Q
  5. GUI_Init();/ o# u4 ]/ N- ~5 o" c$ A% G
  6. GUI_SetFont(&GUI_FontD32);6 Q2 R- {! M* ^. n; U, s% X  C
  7. GUI_DispStringAt("0123456789", 0, 0);% L8 b6 u3 T# a- [! x& \5 ?) H
  8. GUI_SetFont(&GUI_FontD48);: ]! r0 s) w! }' u1 X
  9. GUI_DispStringAt("0123456789", 0, 32);- P7 {8 Y/ Q5 J" ^. w8 S4 o- [
  10. GUI_SetFont(&GUI_FontD64);
    ' A8 s+ u  w: U7 }* O
  11. GUI_DispStringAt("0123456789", 0, 32+48);
    # q5 z  k6 [$ B# c5 n3 Y" h
  12. GUI_SetFont(&GUI_FontD80);
    + G8 ^! }& L1 [/ Z  T) O8 h
  13. GUI_DispStringAt("0123456789", 0, 32+48+64);7 L" ]8 g  N( @2 s7 @/ {% q
  14. while(1);
    & {* m  w; F$ A
  15. }
复制代码
实际显示效果如下:
16.19.png
16.3.5 数字字体(等宽)
    STemWin支持的等宽数字字体主要有以下四种:
16.20.png
下面是emWin模拟器上面运行的程序(仅支持数字显示,字符是无法显示的,切记):
  1. #include "GUI.h"! r& d- q6 X+ c* [

  2. 7 W, r- S5 B/ {$ ~" p; i8 l' K; b
  3. void MainTask(void) . Y* V' v4 d3 A- K3 S9 D
  4. {3 `% e$ ]: B# T9 [# }
  5. GUI_Init();
    3 Z: V) }$ x  ~/ D' f- Z* B8 e
  6. GUI_SetFont(&GUI_FontD24x32);
    # c6 e. T/ C- T
  7. GUI_DispStringAt("0123456789", 0, 0);/ B3 ^: N. U1 u
  8. GUI_SetFont(&GUI_FontD36x48);* W2 a9 E- _* z: l
  9. GUI_DispStringAt("0123456789", 0, 32);
    . n, _9 A) h8 k; ^5 f
  10. GUI_SetFont(&GUI_FontD48x64);
    1 `! ]4 T9 N! X8 T
  11. GUI_DispStringAt("0123456789", 0, 32+48);# E( C4 H" g6 ~6 M0 f& R6 G  V
  12. GUI_SetFont(&GUI_FontD60x80);
    " l' m, [4 H/ m9 q9 D
  13. GUI_DispStringAt("0123456789", 0, 32+48+64);
    9 K* J" v+ o1 G+ N! I
  14. while(1);
    " q+ s' A- V" T9 {  V: E6 `
  15. }
复制代码
实际显示效果如下:
16.21.png
16.4 总结
    本期教程主要是跟大家介绍一下STemWin支持的字体类型,重点介绍标准字体的使用方法,下期教程更加讲解下STemWin的外语支持。

  l: u0 ]) @+ }+ {  j& L
赞 收藏 评论3 发布时间:2015-1-27 12:02

举报

3个回答
埃斯提爱慕 回答时间:2015-1-27 12:48:56
提示: 作者被禁止或删除 内容自动屏蔽
aderson 回答时间:2015-1-27 19:25:25
支持下,有空学习下,
木桩上的跛脚人 回答时间:2020-2-14 13:44:42
谢谢讲解
关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
人形机器人运动控制、感知与智能配电
半导体创新技术与应用方向
EE架构与软件定义汽车
12V/48V 汽车智能配电(SPD)
区域控制单元(ZCU)与分区架构
关注我们
st-img 微信公众号
st-img 手机版