一、題目要求

完成下圖的應(yīng)用制作，范進(jìn)中舉復(fù)制群文件內(nèi)的范進(jìn)中舉.txt內(nèi)的內(nèi)容。

二、實現(xiàn)過程

2.1、整體思路

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

效果如下圖所示：

2.2、實現(xiàn)《范進(jìn)中舉》文本的瀏覽功能

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

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

2.3、實現(xiàn)《電子相冊》

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

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

2.4、實現(xiàn)《敬請期待功能》

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

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

2.5、稍微優(yōu)化一下+JS代碼書寫

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

三、效果展示

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。