智能家居系统 - 小组成员展示页面

页面说明

这是智能家居系统的第一个界面，用于展示小组成员信息。

界面布局

        智能家居系统 (Y=20, 64x64px, 居中)

  [照片1]      [照片2]      [照片3]  (Y=130)
  150x200     150x200     150x200

 1.安佳杰    2.江昌宏    3.凌宇翔  (Y=345, 48x48px)

字体尺寸

• 标题"智能家居": 64x64像素
• 成员名字: 48x48像素

图片要求

背景图片

• 文件名: 1.bmp
• 尺寸: 800x480px
• 格式: 24位BMP

成员照片（证件照比例 3:4）

• 文件名:
  • aj.bmp - 安佳杰
  • jch.bmp - 江昌宏
  • lyx.bmp - 凌宇翔
• 建议尺寸: 150x200px
• 格式: 24位BMP
• 比例: 3:4（宽:高）

照片位置坐标

• 安佳杰照片: X=88, Y=130
• 江昌宏照片: X=326, Y=130
• 凌宇翔照片: X=564, Y=130

编译运行

方法1：使用Makefile（推荐）

# 只编译第一页
make page1

# 运行第一页
./page1

方法2：手动编译

# 编译第一页
arm-linux-gcc -o page1 main.c bmp.c lcd.c font.c

# 运行第一页
./page1

注意：第一页程序名改为page1，与第二页区分

需要的文件

代码文件（已复制）

• bmp.c / bmp.h
• lcd.c / lcd.h
• font.c / font.h
• main.c

资源文件（需要准备）

• 1.bmp (背景图片 800x480px)
• aj.bmp (安佳杰照片 150x200px)
• jch.bmp (江昌宏照片 150x200px)
• lyx.bmp (凌宇翔照片 150x200px)

布局细节

• 标题Y坐标: 20px (64x64字体)
• 照片Y坐标: 130px (标题下方约45px)
• 名字Y坐标: 345px (照片下方15px, 48x48字体)
• 照片水平间距: 88px
• 名字在照片下方居中对齐
• 总高度: 345 + 48 = 393px (剩余87px空间)