一、界面布局以及资源添加
2 S  r9 z  e: n' w1、添加图片和文字资源

1. 将需要的图片资源拷贝到工程目录下  .xxx\..\assets\images的目录下面。
   & |8 v) ^- ]3 x) T/ n- y
2. image文件夹是专门存放工程图片的。也可以在touchgfx界面中添加，
   1 ^8 S5 D& U" b9 D  X2 _* ]
3. 方法另行百度。加完后如下所示：

复制代码

6 V- q9 S( [8 I, S+ p, j4 @3 A4 G0 W3 y

1.         下图是添加文字资源

复制代码

2、创建自定义控件

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

复制代码

5 T. F; C7 n. c3、创建主界面
5 j) w2 W9 p$ k. ]* J. x& c. K- B

1. 如下图创建主界面

复制代码

1 }! L5 x( u7 }# U0 T3 H+ [二、功能实现
1、引入文本和bitmap头文件
" Z9 _( D: i' R

1. #include <BitmapDatabase.hpp>
   6 g1 Q! A  @3 m. G' X
2. #include <texts/TextKeysAndLanguages.hpp>

复制代码

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

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

复制代码

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

复制代码

1. void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS iconText)
   3 N  A" C, N4 K
2. {
   
3.         image1.setBitmap(Bitmap(bitmap));
   
4.         textArea1.setTypedText(TypedText(iconText));
   # b4 ?0 S5 _: Z1 ~% r4 _
5.         textArea1.resizeToCurrentText();
   6 d* l; p' R; _' d5 D# r
6. 
   6 d  B- ^: v2 X8 \
7. }

复制代码

void CustomContainer1::setImageandText(const Bitmap & bitmap, TEXTS

4 |% l9 _8 f6 |* U5 P7 R5 I1 J8 P3、主界面的构造函数中添加界面初始化代码
3 @6 {4 @' Q5 `3 {

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

复制代码

* D/ r, f# J: [# v4 C% D% d, W

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

复制代码

3 \& i( L) {9 p% z
# A8 ]3 V, Y- l) o

/ ^" g+ a* {5 a8 |% h( Z# ^