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

前言

在群裡看到他們發了一個日志窗口的截圖，大家都說很高級很好看，所以我用ps臨摹了一個。

截圖中日志窗口是别的軟件的，所以我打算給按鍵做一個這種效果的日志窗口。

一、看一下效果圖

二、制作原理

在默認的懸浮窗上添加一個半透明的背景圖片，讓它看起來好看一些。

三、制作步驟

在按鍵中懸浮窗就相當于一個word文檔，可以加文字，加圖片，修改位置，修改尺寸，設置顔色等等

下面我就逐步給大家講解編寫過程。

①新建一個空白的懸浮窗，包括新建懸浮窗命令和展示懸浮窗命令，之後所有的懸浮窗效果都放在這兩個命令之間。

FW.NewFWindow "浮窗名", 20, 50, 435, 520 //之後添加的所有内容和效果都放在這個位置 FW.Show ("浮窗名") Delay 15000

考慮到背景圖的大小，這裡懸浮窗設置的是435*520的尺寸，當然懸浮窗是可以根據你設置的尺寸縮放背景圖的，為了實際像素顯示，我設置的這個尺寸。

我們自己編寫懸浮窗代碼時，一定要注意浮窗名和控件名稱不能寫錯字。

浮窗名就是整個懸浮窗的名稱，一般隻有一個。

控件名稱就是懸浮窗裡面的内容，比如文字，圖片，按鈕，這些東西的名稱。

記住不要有錯别字，不要有錯别字，不要有錯别字！

②懸浮窗設置背景圖

FW.NewFWindow "浮窗名", 20, 50, 435, 520 //以下是新增内容 FW.SetPicture ("浮窗名", "/sdcard/pictures/bg.png") FW.Show ("浮窗名") Delay 15000

添加了一個FW.SetPicture命令，圖片就是我臨摹的背景圖

③添加标題文字：日志窗口

寫标題文字的同時，我把文字顔色，文字大小位置一起設置了

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.Show ("浮窗名") Delay 15000

④添加日志正文

日志正文的和标題添加方法是一樣，也是添加文字後設置文字大小、位置、顔色，具體參數根據。

不同支持就是正文是要顯示多行内容的。

顯示方法是在換行位置加上\n，它是換行符，加上它以後自動變成多行。

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.Show ("浮窗名") Delay 15000

⑤添加關閉按鈕

樣式方面我設置的是深色背景按鈕，上面有一個淺色的大寫的X；

功能方面調用了一個關閉懸浮窗顯示的函數。

位置大小這些根據實際情況進行調整。

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.SetOnClick("按鍵", 關閉懸浮窗) FW.Show ("浮窗名") Delay 15000 Function 關閉懸浮窗() FW.Close("浮窗名") End Function

⑥增加一個懸浮窗可移動的屬性

添加了FW.IsTouchMove ("浮窗名", 1)，整個懸浮窗展示效果就完成了。

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.SetOnClick("按鍵", 關閉懸浮窗) FW.IsTouchMove ("浮窗名", 1) FW.Show ("浮窗名") Delay 15000 Function 關閉懸浮窗() FW.Close("浮窗名") End Function

⑦日志内容的更新展示

想讓文字變化，需要用FW.SetTextView重新設置要展示的文字内容；

如果想要文字有滾動效果，還要用一個數組存儲文字，新增一條日志，就要删除一條舊的日志；

想要日志窗口長時間停留在屏幕上，需要多線程，單獨一個線程用來展示日志窗口。

關于這部分的源碼，我在之前的一篇文章已經寫過，大家可以點擊鍊接，查看。

【源碼分享】給按鍵腳本做一個日志懸浮窗

四、常見問題

問：這個日志窗口影不影響找圖找色？

答：影響！别管實不實用，反正就是好看。

五、獲取背景圖的方法

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

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

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!