一、界面布局以及资源添加
8 ^9 T. C$ @( X3 \; {1、添加图片和文字资源
+ q& V! O- y1 y* M+ y; D; Y4 y( m! a9 A& Y将需要的图片资源拷贝到工程目录下  .xxx\..\assets\images的目录下面。image文件夹是专门存放工程图片的。也可以在touchgfx界面中添加，方法另行百度。加完后如下所示：

+ D7 _: j" g6 I7 r& _

  F: Z& \% A3 W/ e        下图是添加文字资源

# }1 i% t. }6 X7 k# p; ^! y: L9 D
6 I. w/ s+ D5 u, j5 d  a
; ^& N7 `9 m% d( y0 s1 N2、创建自定义控件
! t# m' a8 ~# Q# h如下图创建自定义控件
; f) W/ O* b2 y( Y  _6 q
4 d# j9 `1 M4 r) @% G1 U* Q

3、创建主界面
3 U5 i7 |5 e5 p$ v/ l4 k( b, N如下图创建主界面


4 {' r9 D/ D) ^2 Y. ]2 ?! K: G
二、功能实现
1、引入文本和bitmap头文件

1. #include <BitmapDatabase.hpp>
   
2. #include <texts/TextKeysAndLanguages.hpp>

复制代码

2 k' D. c: E! p: \+ @0 a2、自定义控件添加文本和bitmap方法实现
先在自定义控件类中加上文本和图片图片添加方法，注意头文件的引用。


' z, }7 j; Q. L# k5 h
  f( K! C% l8 _) Z' h然后在.c文件中实现上面声明的方法
4 \& s' f* n9 r& h

1. void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS iconText)
   - b" a! q# H* t, J* ^$ n0 s4 r1 M
2. {
   " S7 Q6 ^6 {" G; m$ M. u
3.         image1.setBitmap(Bitmap(bitmap));
   " G. j- z  ~. ~7 D. B
4.         textArea1.setTypedText(TypedText(iconText));
   
5.         textArea1.resizeToCurrentText();
   
6. 
   
7. }

复制代码

void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS
; W( _  y% t# }6 ~
3、主界面的构造函数中添加界面初始化代码
        先在类中添加CustomContainer自定义控件数组
& t: J$ G  m( J" F( a


然后，再在主界面的构造函数中对每一个自定义控件添加图片和文字
, S9 S; b/ D2 A* C5 l- G" m& W& ~" O

& J) {8 \- M) O
- E' p5 |1 J: D7 Z% d7 y