原文鏈接

官方中文教程

UI簡介

• Arm-2D的本質(zhì)是一個針對微控制器GUI生態(tài)的“顯卡驅(qū)動”
• 它為原本玩不起GUI的小資源MCU（64K Flash 4K SRAM）用“低幀率”換取“低資源消耗”提供了可能
• 我們可以借助Arm-2D輕松整活兒
  • 做出漂亮的水印效果
  • 實現(xiàn)不規(guī)則窗體
  • 制作剪影風(fēng)格的界面
  • 用 極小的資源資源實現(xiàn)任意大小的圓角矩形界面
  • 用極小資源實現(xiàn)酷炫的動態(tài)進(jìn)度條
  • 顯示文字
    更不用說：
  • 制作擁有多層景深效果的橫版過關(guān)游戲
  • 實現(xiàn)酷炫的智能手表表盤

驅(qū)動移植

• ARM-2D 的顯示通過 Disp0_DrawBitmap 實現(xiàn)。

void Disp0_DrawBitmap (uint32_t x, 
                       uint32_t y, 
                       uint32_t width, 
                       uint32_t height, 
                       uint8_t *bitmap)

• 安裝 ARM-2D 的驅(qū)動及其依賴的 per_counter 驅(qū)動。

• 初始化 ARM-2D、屏幕及屏幕切換效果。
  

屏幕管理

• 屏幕初始化。
  • sceneX：第幾個頁面。
  • DISPx_ADAPTER：第幾個屏幕，一般只有一個屏幕。

arm_2d_scene0_init(&DISP0_ADAPTER);

• 屏幕切換模式。
  • 參數(shù)一：選擇屏幕。
  • 參數(shù)二：選擇屏幕切換函數(shù)（當(dāng)前為漸暗）。

arm_2d_scene_player_set_switching_mode( 				/* 設(shè)置切換特效為 淡入淡出（白色） */
        &DISP0_ADAPTER,
        ARM_2D_SCENE_SWITCH_MODE_FADE_BLACK);

• 屏幕切換時間。
  • 參數(shù)一：選擇屏幕。
  • 參數(shù)二：屏幕過度動畫所需時間。

arm_2d_scene_player_set_switching_period(				/* 設(shè)置切換持續(xù)時間為 3000ms */
        &DISP0_ADAPTER, 
        700);

忙圈效果

• 通過 void busy_wheel2_show(const arm_2d_tile_t *ptTarget, bool bIsNewFrame) 函數(shù)調(diào)用 ARM-2D 提供的例子實現(xiàn)忙圈效果。

• 效果。

  

滾動列表

• 注冊滾動列表。

• 綁定列表函數(shù)及子列表位置等參數(shù)的設(shè)置。

• 實現(xiàn)子列表函數(shù)。

• 效果。

  

倒計時

• 初始化列表。

• 列表顯示，指定顯示位置。

• 設(shè)置要滾動多少個數(shù)值和所需時間，用于控制滾動及速度。

• 效果。

審核編輯：湯梓紅