一、界面布局以及资源添加
* m6 i. _$ t% J/ [6 O: u$ x# M1、添加图片和文字资源
4 Q5 M- O, g3 e8 b将需要的图片资源拷贝到工程目录下  .xxx\..\assets\images的目录下面。image文件夹是专门存放工程图片的。也可以在touchgfx界面中添加，方法另行百度。加完后如下所示：
6 Y' [) z( [, O' e& A' z7 ~
4 Y2 f" |8 r- [  i* l

        下图是添加文字资源
' H5 f5 z6 K+ G
; T7 U4 t" h9 C# w/ v  S

6 @6 f1 m  D( Q3 _. ^: t2、创建自定义控件
, T2 \, k/ n& c1 z如下图创建自定义控件
5 L( t; C/ \- {+ b8 i% D: V
, f( U  e) y' s) N
# r: ^! c7 I  t& W3 Z' L, @
3、创建主界面
如下图创建主界面
: z- |4 m$ U% g, ^% R; J


二、功能实现
1、引入文本和bitmap头文件
! Z9 H' e: c1 Y! f. J

1. #include <BitmapDatabase.hpp>
   9 k2 n0 m' u4 t" v& l
2. #include <texts/TextKeysAndLanguages.hpp>

复制代码

2、自定义控件添加文本和bitmap方法实现
先在自定义控件类中加上文本和图片图片添加方法，注意头文件的引用。



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

1. void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS iconText)
   & U9 i8 g' w9 |% L! `4 }; U
2. {
   2 r  s6 A8 Y0 n
3.         image1.setBitmap(Bitmap(bitmap));
   
4.         textArea1.setTypedText(TypedText(iconText));
   
5.         textArea1.resizeToCurrentText();
   
6. 
   ' Y# r5 q2 F7 Z# X& T3 y* X  S
7. }

复制代码

void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS
3 o3 R% L2 t/ n) l
3、主界面的构造函数中添加界面初始化代码
        先在类中添加CustomContainer自定义控件数组
: K6 U. q0 K& c3 I
# e7 s# B' _+ p) W8 P% j" W
5 _0 I# H9 B7 M4 n1 {: |
然后，再在主界面的构造函数中对每一个自定义控件添加图片和文字
( ~- v( D3 t5 n! d