原文鏈接

官方中文教程

UI簡(jiǎn)介

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

驅(qū)動(dòng)移植

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

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

• 安裝 ARM-2D 的驅(qū)動(dòng)及其依賴(lài)的 per_counter 驅(qū)動(dòng)。

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

屏幕管理

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

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ù)一：選擇屏幕。
  • 參數(shù)二：屏幕過(guò)度動(dòng)畫(huà)所需時(shí)間。

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

忙圈效果

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

• 效果。

  

滾動(dòng)列表

• 注冊(cè)滾動(dòng)列表。

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

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

• 效果。

  

倒計(jì)時(shí)

• 初始化列表。

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

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

• 效果。

審核編輯：湯梓紅