大家好，我是公衆号3分鐘學堂的郭立員

前言

上一篇講的懸浮窗功能的教程，大家都說華而不實，好看是好看，但是影響找圖找色的功能。

這問題咋解決呢？

有網友出主意了，看截圖：

這主意非常的nice啊！

下面說說怎麼做~

一、制作原理

由于懸浮窗比較大，太占面積，那就把它縮小，實現原理是2個懸浮窗切換。

點擊大的懸浮窗的最小化按鈕，關閉大懸浮窗本身的同時新建一個小的懸浮窗。

點擊小的懸浮窗圖标後，關閉小的懸浮窗本身，重新啟動大的懸浮窗。

二、效果展示

三、操作步驟

①在原有代碼基礎上增加一個最小化按鈕，也就是把X換成—，這樣就成最小号按鈕了。

②點擊最小化按鈕觸發的函數是關閉日志懸浮窗，同時新建一個小的懸浮窗。

③給小懸浮窗添加一個觸發函數，當點擊小懸浮窗後，關閉小懸浮窗，同時打開日志懸浮窗。

這樣三步實現大小懸浮窗的循環切換。

四、腳本源碼

由于上一篇我詳細講了懸浮窗的添加過程，這一期就不重複講了，直接上代碼：

打開日志窗口() Delay 15000 Function 關閉懸浮窗() FW.Close("浮窗名") End Function Function 縮小懸浮窗() FW.Close ("浮窗名") FW.NewFWindow "圖标", -20, 50, 50, 50 FW.SetPicture "圖标", "/sdcard/pictures/log.png" FW.SetOnClick "圖标", 關閉圖标 FW.IsTouchMove ("圖标", 1) FW.Show ("圖标") End Function Function 關閉圖标() FW.Close ("圖标") 打開日志窗口() End Function Function 打開日志窗口() FW.NewFWindow "浮窗名", 20, 50, 435, 520 FW.SetPicture ("浮窗名", "/sdcard/pictures/bg.png") FW.AddTextView ("浮窗名", "标題", "日志窗口", 170, 20, 300, 45) FW.SetTextColor("标題","e7d86b") FW.SetTextSize ("标題", 15) FW.AddTextView ("浮窗名", "正文", "2022-10-13 9:15:20 日志檢測中...\n2022-10-13 9:15:20 日志檢測中...", 30, 60, 300, 45) FW.SetTextColor("正文","e7d86b") FW.SetTextSize("正文",13) FW.AddButton("浮窗名", "關閉", "X", 370, 30, 30, 30) FW.SetBackColor("關閉","000000") FW.SetTextColor "關閉", "e7d86b" FW.AddButton("浮窗名", "最小化", "—", 335, 30, 30, 30) FW.SetBackColor("最小化","000000") FW.SetTextColor("最小化","e7d86b") FW.SetOnClick ("關閉", 關閉懸浮窗) FW.SetOnClick("最小化", 縮小懸浮窗) FW.IsTouchMove ("浮窗名", 1) FW.Show ("浮窗名") End Function

因為要循環切換，所以把它們都封裝成函數了，方便調用。

這裡我沒有完成采用網友的建議，保留的關閉大懸浮窗的按鈕功能，添加了一個最小化按鈕，實現懸浮窗切換。

五、獲取背景圖 圖标的方法

滑到文章底部，點贊文章，聯系我，備注【背景圖】找我領取。

如果你看到其他好看的背景圖需要臨摹，也可以在評論區留言告訴我。