原文鏈接

官方中文教程

UI簡介

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

驅動移植

• ARM-2D 的顯示通過 Disp0_DrawBitmap 實現。

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

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

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

屏幕管理

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

arm_2d_scene0_init(&DISP0_ADAPTER);

• 屏幕切換模式。
  • 參數一：選擇屏幕。
  • 參數二：選擇屏幕切換函數（當前為漸暗）。

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

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

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

忙圈效果

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

• 效果。

  

滾動列表

• 注冊滾動列表。

• 綁定列表函數及子列表位置等參數的設置。

• 實現子列表函數。

• 效果。

  

倒計時

• 初始化列表。

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

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

• 效果。

審核編輯：湯梓紅