一、題目要求

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

二、實(shí)現(xiàn)過(guò)程

2.1、整體思路

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

效果如下圖所示：

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

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

為panel選擇一張羊皮卷樣式的背景，有一點(diǎn)書(shū)的feel了。

2.3、實(shí)現(xiàn)《電子相冊(cè)》

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

具體到操作，圖片素材選擇的是平時(shí)玩的手游《王者榮耀》（雖然只是個(gè)菜雞》…）,圖片處理還算簡(jiǎn)單，用軟件裁剪成自己要的尺寸（使用的是2345看圖王）就行了。最麻煩的是做的那個(gè)電子相框，因?yàn)橐芽蚶锩婧屯饷娴牟糠昼U空，需要處理一下，可是電腦沒(méi)有Photoshop（有也不會(huì)用），就找了個(gè)在線的PS網(wǎng)站（強(qiáng)推https://www.photopea.com/）花了不少時(shí)間強(qiáng)行學(xué)習(xí)了一波，雖然弄的很粗糙，好歹還能用。如下圖所示：

2.4、實(shí)現(xiàn)《敬請(qǐng)期待功能》

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

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

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

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

三、效果展示

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

總結(jié)

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

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