一、題目要求

完成下圖的應用制作，范進中舉復制群文件內的范進中舉.txt內的內容。

二、實現過程

2.1、整體思路

整體的框架是在一個page中放入三個button控件（負責控制三個顯示界面的切換）和一個card控件（該控件包含三個panel控件，負責的是的三個界面的布局），工程布局如下圖所示：

效果如下圖所示：

2.2、實現《范進中舉》文本的瀏覽功能

該功能的實現可以使用panel(容器)+listctrl(增加上下滑動的功能)+multitexbox（存放文本）。
如何實現，參考官方這篇《MultiTextBox的使用》。

為panel選擇一張羊皮卷樣式的背景，有一點書的feel了。

2.3、實現《電子相冊》

如下工程結構所示：使用panel+card+imagebox(放圖片)+DotIndicator(用來指示圖片位置)實現，可以參考官方的這篇文章來實現：《Card的使用實用》

具體到操作，圖片素材選擇的是平時玩的手游《王者榮耀》（雖然只是個菜雞》…）,圖片處理還算簡單，用軟件裁剪成自己要的尺寸（使用的是2345看圖王）就行了。最麻煩的是做的那個電子相框，因為要把框里面和外面的部分鏤空，需要處理一下，可是電腦沒有Photoshop（有也不會用），就找了個在線的PS網站（強推https://www.photopea.com/）花了不少時間強行學習了一波，雖然弄的很粗糙，好歹還能用。如下圖所示：

2.4、實現《敬請期待功能》

沒想到啥創意，就宣傳一下柿餅UI吧，用起來入手很快。

實現的功能有動圖顯示（AnimatedImage）和按鍵觸發圖片顯示功能（觸碰按鍵后顯示柿餅UI入門課程的QQ群二維碼）。

2.5、稍微優化一下+JS代碼書寫

主要是顏色的選擇，還有跳轉的邏輯的實現，還增加了初始頁面（2020 RT-thread開發者大會的海報）。

三、效果展示

• 初始界面
  
• 視頻演示（上傳到嗶哩嗶哩平臺）
  《（YGL1024）柿餅入門教程第一周作業附加題》

總結

以上是生活随笔為你收集整理的RT-thread 柿饼UI demo(文本浏览+电子相册) ---- 暨柿饼入门课第一周作业附加题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。