當前位置:編程學習大全網 - 編程語言 - 如何自己制作千聽皮膚?

如何自己制作千聽皮膚?

千千敬亭皮膚制作全程

千千敬亭(以下簡稱“千千”)從2.0版本開始就支持換膚功能,現在很多皮膚都可以和Winamp媲美。但由於千千暫時不支持png圖片格式和腳本,效果無法與Winamp的modern皮膚或Windows Media Player的皮膚相比。但是千千的皮膚制作起來要簡單得多,不需要任何編程知識和復雜的技術。只要掌握基本的圖像編輯操作(Photoshop)並有足夠的耐心,就能做出漂亮的皮膚。看完下面的教程,相信妳也能為千千設計出個性十足的美膚!

壹.皮膚結構

千千的皮膚位於安裝目錄下的皮膚文件夾中,擴展名可以是。skn或者。拉鏈。其實是壹樣的,都是zip格式的壓縮文件。對於前者,您可以先更改。skn到。zip(要顯示系統中的文件擴展名,依次點擊“工具”-“文件夾選項”-“查看”,然後去掉“隱藏已知文件類型的擴展名”前面的小勾),然後解壓到單獨的文件夾,進入這個文件夾,可以發現裏面包含了很多bmp格式的圖片和幾個xml文件,其中最重要的是。

Bmp圖片是每個窗口的背景和按鈕圖片,而Skin.xml是配置文件,定義了皮膚的基本信息,窗口和按鈕的位置和大小等。它是基於XML格式的文件,可以直接用記事本或者系統提供的其他文本編輯工具打開。打開後,我們可以看到它的基本結構:

& lt皮膚版本="2 "名稱= " ... "作者= " ... "url= " ... "電子郵件= " ... "transparent_color= " ... "& gt

& ltplayer_window image= " ... "& gt

...

& lt/player _ window & gt;

& lt迷妳窗口圖像= " ... "& gt

...

& lt/mini _ windows & gt;

& ltlyric_window position= " ... "resize_rect= " ... "圖像= " ... "& gt

...

& lt/lyric _ windows & gt;

& lt均衡器_窗口位置= " ... "image = "…" eq _ interval = "…"& gt

...

& lt/equalizer _ window & gt;

& ltplaylist_window position= " ... "resize_rect= " ... "圖像= " ... "& gt

...

& lt/playlist_window >

& lt/skin & gt;

仔細分析發現,每壹行末尾都標有“”。最後,中間有幾個項和參數,可以分為兩種。第壹種結構如下:

XXX等項稱為元素,aaa、bbb等項稱為屬性,AAA、BBB是屬性的參數值。這裏AAA和BBB是XXX的屬性,用來修飾XXX。例如,position屬性用於定義元素的位置,image屬性用於定義元素的位圖。

在這種類型中,

第二種結構如下:

事實上,這是壹種縮寫形式,也就是說,

關於XML文件的格式,可以參考相關文檔。這裏要提到的是,元素和屬性的順序不分先後,空格的個數也無所謂,只要不弄錯包含和被包含的位置和基本格式就可以了(比如屬性的參數值必須用英文雙引號引起來等等。),但為了便於閱讀、編輯和修改,最好嚴格按照標準格式書寫。讓我們詳細分析Skin.xml,第壹行:

& lt皮膚版本="2 "名稱= " ... "作者= " ... "url= " ... "電子郵件= " ... "transparent_color= " ... "& gt

該行用於定義皮膚的基本屬性和信息,其中version="2 "表示皮膚的版本號,不需要修改,下面的name、author、url、email等屬性分別表示皮膚的名稱、作者姓名、作者主頁地址、作者郵箱地址,這些屬性將顯示在皮膚應用千千選項的窗口中;Transparent_color是壹個很重要的屬性,就是“透明色”。定義透明色後,所有帶有該顏色的皮膚部分都將顯示為透明。因為bmp格式的圖片不支持透明,所以需要通過透明色來制作不規則的背景窗口和按鈕。方法是用定義的透明顏色填充要顯示為透明的部分。壹個皮膚只能定義壹個固定的透明顏色,並且它是用顏色的RGB代碼來表示的。比如純紫色的RGB碼是#FF00FF,可以在Photoshop等工具中查看RGB碼。(透明色盡量選擇膚色差異大的顏色,否則容易和皮膚上的顏色重復,導致必要的部分是透明的,壹般可以用純紫色。)

下壹步是五個基本窗口的配置,其中迷妳模式窗口將在後面單獨詳細說明。在Skin.xml中,首先要配置的是主窗口、歌曲展示窗口、均衡器窗口和播放列表窗口的相關設置,然後再分別配置每個窗口上的按鈕。

二。屬性參數介紹

下面是每個窗口上的元素的對應圖和屬性描述:

位置:這是眾多元素中最基本的屬性之壹,用來定義窗口背景以及按鈕的位置和大小。參數值的格式是“a,b,c,d”,這四個值不僅固定了元素的位置還決定了它的大小,其中(a,b)是左上角的坐標,(c,d)是右下角的坐標,c-a是長度,d-b是高度。如果是每個窗口內部按鈕的位置,則以對應窗口的左上角為坐標原點。比如歌詞秀窗口的“關閉”按鈕,以歌詞秀背景圖片的左上角為原點,等等!

具體來說:①播放列表中的滾動條元素不需要定義位置屬性,其位置會自動固定在播放列表的最右側;②主窗口中的進度和音量元素以及均衡器窗口中的平衡、環繞聲和前置放大器元素的位置屬性代表了滑塊可以移動的範圍的坐標;③播放列表稱重機窗口中播放列表元素和歌詞中歌詞元素的位置屬性表示播放列表和歌詞的顯示範圍。當播放列表窗口和歌詞窗口改變尺寸時,這兩個元素會自動改變尺寸,但它們的四邊與窗口四邊的距離是通過這個位置來體現的;

Resize_rect:歌曲展示和播放列表窗口的唯壹屬性,用於定義兩個窗口中可以拉伸的部分。它的參數格式和position壹樣,也就是說在改變窗口大小時,只有這個矩形框裏面的部分會被拉伸,這個範圍之外的部分不會改變。此外,還有另壹個屬性resize_tile對應使用,其參數值可以是0,也可以是1。其中0表示改變窗口大小時拉伸,1表示平鋪。該屬性可以省略,即使用默認值0;

此外,歌曲展示和播放列表窗口還有壹個可選元素:title,可以在有特定需求時使用(比如改變窗口大小時保持標題居中等。).格式如下:

& lt標題位置= " ... "圖像= " ... "align= " ... "/& gt;

前三者的示意圖如下:

Image:用於定義該元素使用的圖片。壹般大部分按鈕圖片都是由四張大小相同的圖片組成,分別代表按鈕的四種不同狀態:按鈕正常、鼠標經過按鈕、鼠標按下按鈕、按鈕無效。下圖是播放按鈕的畫面:

註意:①如果這四種狀態下按鈕相同,也需要並排顯示四張圖片。②播放列表中scrollbar元素中的scrollbar_button和scrollbar_button屬性只對應三種狀態:按鈕正常、鼠標經過按鈕、鼠標按下按鈕;

Align:用於定義元素的對齊方式。參數值有兩種:壹種是在主窗口的led、info、stereo、status元素中,值可以是左、中、右,代表這些字的縮進;第二個是在歌曲播放窗口的標題、關閉和結束元素中,以及在播放列表窗口的標題、關閉和工具欄元素中。此時,值可以是左、中、右、上、下等。,這意味著當調整窗口大小時,元素的位置相對於邊框移動。如果想同時設置垂直對齊和水平對齊,可以用英文加號把兩者連在壹起,比如“top+left”。

Thumb_image、fill_image和bar_image:它們存在於主窗口中的progress和volume元素以及均衡器窗口中的balance、surround、preamp和eqfactor元素中,分別用於定義滑塊的畫面、移動滑塊時填充的畫面和移動範圍內的背景畫面;

垂直:主窗口中存在的進度和音量元素。參數值可以是true或false,其中true表示滑塊在垂直方向移動,false表示滑塊在水平方向移動;

Color,bkgnd,font,font_size:存在於主窗口的info,stereo和status元素中,用於定義文本的顏色、背景色、字體和字體大小。如果要顯示透明文本,則沒有必要指定背景顏色(bk gnd);

Thumb_resize_center:它存在於playlist窗口的scrollbar元素中,用於定義滾動條的thumb slider中間可以平鋪和縮放的部分的大小。如果值為0,表示播放列表窗口高度變化時,滑塊不會縮放;

Thumb_resize_tile:存在於播放列表窗口的滾動條元素中,與播放列表窗口和歌曲展示窗口中的resize_tile功能相同;

Hot_image:存在於播放列表窗口的toolbar元素中,用於定義鼠標經過時播放列表工具欄中的圖片形式。該屬性可以選擇,如果省略,當鼠標經過時程序會自動生成按鈕狀態;

Eq_interval:存在於均衡器窗口的equalizer_window元素中,指eqfactor元素中10波段的區間大小(另外eqfactor元素的position屬性表示10個滑塊中第壹個滑塊的位置,其他屬性對所有10個滑塊都有效);

Icon:它存在於主窗口的icon元素中,用於自定義皮膚圖標。圖標文件(*。ico,16*16)必須放在皮膚文件夾中,壹起打包壓縮。可以選擇該屬性;如果省略,將使用默認的程序圖標;

Left_top_color和right_bottom_color:存在於歌曲展示窗口的mini_border元素中,用於定義歌曲展示窗口在mini模式下的左上邊框和右下邊框的顏色;

下面是對迷妳模式窗口的簡要介紹:

如上圖,迷妳模式其實是獨立於主窗口的另壹個皮膚,只是在迷妳模式下,省略了播放列表和均衡器窗口,簡化了歌詞展示窗口和主窗口。小窗口中的所有元素、屬性和參數都與主窗口中的相同,它們都包含在

迷妳模式是縮小屏幕尺寸,簡化按鍵,所以迷妳窗口中的按鍵也要做相應的調整,省略壹些不常用的按鍵,比如音量調節。壹般只能保留“播放/暫停”、“停止”、“後退”、“前進”、“靜音”、“圖標”、“視覺效果”。此外,迷妳模式下歌曲展示窗口的位置和長度是固定的,高度與迷妳模式下背景圖片的高度相同。

3.包裝和壓縮

當所有的圖片都做好,配置了Skin.xml之後,還需要做壹件事,就是添加三個xml文件,分別作為歌曲展示、播放列表和視覺效果的配色方案以及相關設置。如果不添加這三個文件,皮膚將按照默認的配色方案顯示。所以建議每塊皮膚都要用合適的配色來搭配整個皮膚,讓皮膚更漂亮。另外,如果皮膚沒有自己的配色方案文件,當從其他有配色方案的皮膚切換到這個皮膚時,原來的皮膚配色方案也會隨之帶來,效果非常難看。

它們的參數類似於Skin.xml,在記事本中打開後即可進行配置,但還有壹種更簡潔高效的方法,就是在“千千選項”中進行配置,然後在每個標簽頁中點擊“配置文件”-“保存到文件”,分別保存為“Playlist.xml”、“Lyric.xml”和“Visual.xml”。

最後將這些文件打包壓縮在壹起做成皮膚。可以使用WinRAR或Winzip等壓縮工具。以WinRAR為例,先按鍵盤上的CTRL+A選擇所有文件,然後將所有文件添加到壓縮文件夾中。選擇“ZIP”作為壓縮文件格式,“Best”作為壓縮方法,然後單擊“確定”!

皮膚已經完全在這裏做好了。將這個壓縮文件復制到千千安裝目錄下的皮膚文件夾中,然後在“千千選項”中選擇應用程序皮膚——“皮膚”,或者直接在主面板上點擊右鍵——“選擇皮膚”!

裏面的壹些圖片還沒有貼出來。有什麽不懂的,具體問我。我自己也做過壹些。

  • 上一篇:雲OS的產品
  • 下一篇:EXCEL表格中用宏命令隱藏有條件的空行?
  • copyright 2024編程學習大全網