一、想法萌生

小熊派開發(fā)板的 LCD 小屏幕使用是ST7789驅動IC，之前一直有在該塊屏幕上實現(xiàn)滾動顯示的想法，最初構想在MCU側創(chuàng)建一個大的隊列，將整個屏幕顯示內(nèi)容交由隊列管理，然后不停的去整屏刷新以實現(xiàn)屏幕滾動。

理論上這樣的實現(xiàn)比較耗資源，耗費CPU資源去操作SPI外設，耗費內(nèi)存資源去存儲顯示數(shù)據(jù)，所以一直沒有去做這件事。

今天在查看ST7789數(shù)據(jù)手冊寫論文時，偶然發(fā)現(xiàn)ST7789手冊中：咦？Scroll？滾動？發(fā)現(xiàn)新大陸！

根據(jù)手冊中的8.14章節(jié)描述，旋轉滾動僅僅是垂直滾動的一種模式，由垂直滾動區(qū)域定義指令（0x33H）和垂直滾動起始地址指令（0x77）決定。

原來我一直想做的功能，ST7789竟然硬件支持，研究研究如何實現(xiàn)，開干！

二、實現(xiàn)過程

1. 準備工作

需要了解SPI驅動 ST7789的基本原理，可以參考我的這篇教程：

STM32Cube-17 | 使用硬件SPI驅動TFT-LCD（ST7789）

2. 設置滾動區(qū)域

小熊派板載LCD屏幕的大小是240x240，水平和垂直都有240個像素點，但是ST7789驅動IC的顯存大小為320x240，垂直有320行像素點，水平有240行像素點，平常我們只是用到了顯存的前面一部分。

滾動顯示首先需要設置滾動區(qū)域，顯存垂直的320行像素點被劃分為三個部分：TFA為頂部固定顯示區(qū)域，這部分指定后會固定顯示，不會滾動顯示；VSA為滾動區(qū)域，這部分指定后會滾動顯示；BFA為底部固定顯示區(qū)域，這部分指定后會固定顯示，不會滾動顯示。

因為整個顯存垂直有320行像素點，顯然一個字節(jié)8位是裝不下的，所以「TFA、VSA、BFA三個區(qū)域的值設置都是16位，并且三個值加起來要等于320，否則滾動區(qū)域定義失敗」。

這里我設置整屏都滾動，所以TFA和BFA的值都設置為0，VSA的值設為320。

設置滾動區(qū)域的命令為0x33，設置格式如下圖：首先發(fā)出的是0x33命令，接著發(fā)出的分別是TFA高8位、TFA低8位、VSA高8位、VSA低8位、BFA高8位、BFA低8位，根據(jù)這個格式，在LCD初始化代碼的最后添加設置滾動顯示區(qū)域的代碼：

/**
?*?@brief?Vertical?Scrolling?Definition.
?*?@param???tfa????top?fixed?area
?*?@param???vsa????scroll?area
?*?@param???bta????bottom?fixed?area
?*?@return??errcode
?*?@retval??0??????success
?*?@retval??-1?????fail?
?*/
int?LCD_Set_Scroll_Area(uint16_t?tfa,?uint16_t?vsa,?uint16_t?bta)
{
????uint8_t?data;
????
????if?(tfa? ?vsa? ?bta?!=?320)?{
????????return?-1;
????}
????
????LCD_Write_Cmd(0x33);
????
????data?=?tfa?>>?8;
????LCD_Write_Data(data);
????data?=?tfa;
????LCD_Write_Data(data);
????data?=?vsa?>>?8;
????LCD_Write_Data(data);
????data?=?vsa;
????LCD_Write_Data(data);
????data?=?bta?>>?8;
????LCD_Write_Data(data);
????data?=?bta;
????LCD_Write_Data(data);
????
????return?0;
}
然后在LCD初始化函數(shù)的最后設置滾動區(qū)域：

/*?Defign?Scroll?Area?*/
LCD_Set_Scroll_Area(0,?240,?80);


3. 設置滾動顯示起始地址

設置滾動顯示起始地址的作用為：設置LCD屏幕從顯存的哪行開始顯示，示例如下圖，圖中TFA=BFA=0、VSA=320，「如果將滾動顯示起始地址設置為3，則LCD屏幕顯示內(nèi)容將會從第3行顯存開始」。

設置滾動顯示起始地址的指令為0x37，設置格式如下圖：首先發(fā)出的是0x37命令，接著發(fā)出的分別是VSP高8位、VSP低8位，根據(jù)這個格式，在LCD初始化代碼的最后添加設置滾動顯示起始地址的代碼：

/**
?*?@brief?Set?Vertical?scroll?start?address?of?RAM.
?*?@param???vsp????scroll?start?address?of?RAM
?*?@return??none
?*/
void?LCD_Set_Scroll_Start_Address(uint16_t?vsp)
{
????
????LCD_Write_Cmd(0x37);
????
????LCD_Write_Data(vsp?/?256);
????LCD_Write_Data(vsp?%?256);
}
使用該函數(shù)設置一次后達到了靜態(tài)滾動顯示的效果，但并沒有動起來，「所以我們可以不停的去調(diào)用，以達到我們想要的效果」。

三、使用示例

1. 添加顯示內(nèi)容

在main函數(shù)初始化LCD之后，添加LCD顯示內(nèi)容：

LCD_ShowCharStr(10,?0,?"TencentOS?tiny?1",?BLACK,?WHITE,?24);
LCD_ShowCharStr(10,?24,?"TencentOS?tiny?2",?BLACK,?YELLOW,?24);
LCD_ShowCharStr(10,?48,?"TencentOS?tiny?3",?BLACK,?BRRED,?24);
LCD_ShowCharStr(10,?72,?"TencentOS?tiny?4",?BLACK,?PINK,?24);
LCD_ShowCharStr(10,?96,?"TencentOS?tiny?5",?BLACK,?RED,?24);
LCD_ShowCharStr(10,?120,?"TencentOS?tiny?6",?BLACK,?BROWN,?24);
LCD_ShowCharStr(10,?144,?"TencentOS?tiny?7",?BLACK,?GRAY,?24);
LCD_ShowCharStr(10,?168,?"TencentOS?tiny?8",?BLACK,?GBLUE,?24);
LCD_ShowCharStr(10,?192,?"TencentOS?tiny?9",?BLACK,?GREEN,?24);
LCD_ShowCharStr(10,?216,?"TencentOS?tiny?11",?BLACK,?BLUE,?24);


2. 滾動顯示

在while(1)中循環(huán)更改滾動顯示起始位置：

while(1)?{
????LCD_Set_Scroll_Start_Address(i);
????if?( i?>?240){
????????i?=?0;
????}
????HAL_Delay(5);
}


3. 滾動效果

視頻效果可以我的視頻號【玩板子的小碼農(nóng)】查看呀~

往期精彩

網(wǎng)紅物聯(lián)網(wǎng)開發(fā)板小熊派使用評測

DIY云端情書打印機(基于騰訊定制開發(fā)板)

4G Cat.1開發(fā)板還能這么便宜？趕緊搞一塊學習學習!

網(wǎng)紅騰訊物聯(lián)網(wǎng)開發(fā)板終極開箱評測,讓我們一睹為快!

點亮AliOS Things IOT開發(fā)板上的的OLED全彩屏

覺得本次分享的文章對您有幫助，隨手點[在看]并轉發(fā)分享，也是對我的支持。