一、界面布局以及资源添加
1、添加图片和文字资源

1. 将需要的图片资源拷贝到工程目录下  .xxx\..\assets\images的目录下面。
   
2. image文件夹是专门存放工程图片的。也可以在touchgfx界面中添加，
   * `' f+ d$ \+ z6 y) V' @
3. 方法另行百度。加完后如下所示：

复制代码

1 u; ~5 n  B& J5 [- P7 H$ \& P8 M

1.         下图是添加文字资源

复制代码

3 K+ v* G7 [+ L/ ?! T( j
) U8 Z" ^) `5 u+ S! ]1 y
' G( d5 Q0 O* I2、创建自定义控件

1. 如下图创建自定义控件

复制代码

3、创建主界面
7 u, [3 n8 r" \' Y

1. 如下图创建主界面

复制代码

6 v+ B5 p  @3 q5 k! L
9 A) d# R( ]$ ?
# _( E9 d8 b" C7 I- q: U% w二、功能实现
1、引入文本和bitmap头文件

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

复制代码

2、自定义控件添加文本和bitmap方法实现

1. 先在自定义控件类中加上文本和图片图片添加方法，注意头文件的引用。

复制代码

# i, W* h7 [: d1 S# ~8 f
7 Y2 P+ _/ k/ O& V
- B- \/ h0 C% B* q

1. 然后在.c文件中实现上面声明的方法

复制代码

1. void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS iconText)
   " m8 X) L. }4 w/ f7 ~5 R& M
2. {
   8 |' n5 a$ u9 B- G! ]5 Q& q
3.         image1.setBitmap(Bitmap(bitmap));
   : E+ e. A: t, Y, @+ `( N' C
4.         textArea1.setTypedText(TypedText(iconText));
   
5.         textArea1.resizeToCurrentText();
   
6. 
   
7. }

复制代码

6 v  I- @+ |# R6 c( E3 Nvoid CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS

3、主界面的构造函数中添加界面初始化代码
' E0 H; K# g7 U3 x6 @8 C

1.         先在类中添加CustomContainer自定义控件数组

复制代码

* A& c) T! u: j- t, v* `

1. 然后，再在主界面的构造函数中对每一个自定义控件添加图片和文字

复制代码

2 t8 y& B1 {7 g8 p9 T0 l
& z" i7 V" ^3 }2 L2 y; I+ x- ?


& O+ |8 ]; Z  m& n