XP登陸界面教程logonui..doc

XP“登陸界面”制作流程(圖文) 文章信息：作者：發(fā)布時間：2008-12-10 10:02:35來源：別以為微軟WindowsXP的登陸界面修改就很難，其實我們只需要掌握一點技巧，即可很容易地將登陸界面改得超級酷，充滿了個性的動感。試想想女友一打開你的Windows XP，在登陸界面看到自己的照片是多么的驚喜啊。 6bY系統(tǒng)之家軟件站好吧，接下來我們立刻動手制作。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站 一、在你的電腦里找到logonui.exe文件，通常位于c:windowssystem32目錄中，復(fù)制兩份，一份作為備份，一份用來編輯。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站二、用ResHacker打開logonui.exe文件。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站現(xiàn)在我們可以開始動手制作我們自己的XP登錄界面了。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站在ResHacker中我們可以看到有UIFILE，Bitmap，String Table，Version Info四大項。我們要修改的就是這幾項。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站第一項：UIFILE 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站a、改變背景顏色。 6bY系統(tǒng)之家軟件站打開：UIFILE10001033，我們可以看到XP的原始logonui.exe的定義如下：（可能一下子沒看到，向下滾動右邊的滾動條） 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站把其中的顏色改變?yōu)槟阒幸獾念伾托辛恕Ｈ绨補rgb(0,0,0,0)改為argb(99,118,149)等等。如果你不熟悉RGB值，（誰又能記得很清楚了）請下載一個叫好色鬼的軟件，使用很簡單。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站b、改變密碼的字符形狀。 6bY系統(tǒng)之家軟件站按CTRL+F，或者選擇“查看”菜單中的“查找文本”，找到：passwordcharacter?？梢钥吹狡涠x為一個4位數(shù)的數(shù)字，實際是個ASCII的16位值。如下： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站passwordcharacter: 9679; 6bY系統(tǒng)之家軟件站fontface: arial; 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站同時注意下面fontface一行，它定義了使用的字體，XP默認(rèn)的是arial字體和9679，也就是你輸入密碼時看到的小黑圓點。不同字體的ASCII-hex值代表的字符不一樣。你可以把這段改為： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站passwordcharacter: 207; 6bY系統(tǒng)之家軟件站fontface: webdings; 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站這是什么符號呢，你試過就知道了。一個簡單的找出字符ASCII-hex值的方法是使用微軟的Word，或者任何一種字處理軟件如wps office，選擇“插入”-“符號”，然后在彈出的對話框中選擇一種字體，選擇某個你喜歡的符號，注意下面字符代碼中的值，按此改變即可。另外要注意使用unicode字體，以免別人的機子上沒有定義的字體。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站 c、改變登錄時賬戶（userpane）所在的位置。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站在倒數(shù)第二段中定義了登錄時賬戶所在的位置。按CTRL+F，找到 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站這行。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站注意下面的定義，XP默認(rèn)的是： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站你可以選擇改為： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站位置變?yōu)橹虚g靠上。注意你要清楚你打算放置賬戶的位置，在坐標(biāo)軸x、y位置，單位為像素（pixel），建議你熟練以后再嘗試。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站第二項：Bitmap是我們要修改的圖像。 6bY系統(tǒng)之家軟件站打開Bitmap目錄樹，打開ResHacker“操作”菜單，找到“替換位圖”，分別替換原始logonui.exe中位圖資源。 6bY系統(tǒng)之家軟件站下面是其中位圖的定義和原始大?。?6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站一般我們只需要修改其中的100和112幾項就可以了。如果你拿來替換100的圖片不是XP標(biāo)準(zhǔn)的219*217，也可以修改logonui.exe的設(shè)置來適應(yīng)你的標(biāo)準(zhǔn)，其他的圖片大小要求也不是很嚴(yán)格，而且不用更改其他選項。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站1、打開UIFILE10001033目錄樹 6bY系統(tǒng)之家軟件站2、按CTRL+F，或者選擇“查看”菜單中的“查找文本” 6bY系統(tǒng)之家軟件站3、找到這行 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站 4、把其中的219rp,207rp改為你圖片的值即可。 6bY系統(tǒng)之家軟件站 注意數(shù)字后面的rp不能掉。219為寬度，207為高度。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站另外注意圖片不要太大，超過了你登錄帳戶名，不然會非常慢，也不好看。如果你認(rèn)為那樣做比較適合你的大作，你可以找到UIFILE10001033中有：animation: alpha | s | mediumslow:字段的地方，刪除諸如下面一段： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站這樣可以讓XP不再使賬戶淡入淡出（即alpha混合），從而加快速度。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站第三項和第四項就沒有那么重要了。主要是些字符串，負(fù)責(zé)一些注釋幫助提示等等內(nèi)容。當(dāng)然我還是推薦你在其中Version Info項加入你的名字，舉個例子： 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站打開String Table11033，按CTRL+F，找到：Turn off Computer，更改為更為個性化的“Bye-Bye my love”，諸如此類。全部修改好以后最好先保存到另外的目錄。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站安裝使用XP LogonUI。這是最方便的方法，也是很安全的。不然你也可以按照最保險的辦法進行。 6bY系統(tǒng)之家軟件站6bY系統(tǒng)之家軟件站 1、重新啟動電腦。 6bY系統(tǒng)之家軟件站2、在啟動時按住F8鍵，選擇Safe mode with command Prompt 6bY系統(tǒng)之家軟件站3、以administrator賬戶登錄 6bY系統(tǒng)之家軟件站4、然后在DOS prompt中備份、拷貝、覆蓋c:windowssystem32logonui.exe 6bY系統(tǒng)之家軟件站5、重新啟動。 6bY系統(tǒng)之家軟件站W(wǎng)indows 登錄畫面 DIY Windows XP的登錄畫面制作軟件,較常見的有Logon Studio及ChameleonXP,但其制作功能僅在于XP基本登錄界面的顏色.圖片.文字的更換, 若是要作出較富變化的登錄界面,則需對UIFILE腳本手動作些搬移及大弧度的修改,目前較常見的就是仿MAC登錄界面. 有鑒于網(wǎng)絡(luò)上認(rèn)識Logonui腳本數(shù)據(jù)的缺乏,在此提供個人對該腳本的粗淺經(jīng)驗,或許其中有些個人誤解,期望有程序代碼寫作經(jīng)驗的網(wǎng)友不吝指正,所有網(wǎng)友 共同研討糾正錯誤,以免本人部份不正確的理解誤導(dǎo)了網(wǎng)友的觀念. 本篇解說以基本XP登錄腳本為范本,仿MAC登錄界面的腳本則待日后另文實例剖析. (一)腳本碼概述 整個腳本碼粗淺可分二大區(qū)塊: 1.前大半段以起頭,結(jié)尾,共有九個小區(qū)塊,我暫且稱為組件定義區(qū). 2.后小半段以起始,到腳本碼最后以結(jié)束,其中再細分三個區(qū)塊,我暫且稱為腳本運行區(qū). 腳本碼的基本功能在于指定各區(qū)域?qū)?yīng)的組件(文字.色塊.圖片.字符串值),并規(guī)范該組件動作方式及時機,顯示區(qū)域, 因此各組件的數(shù)值定義和運行在二大區(qū)塊中要互相對應(yīng)配合,否則運行就會出錯. 下面是常用的一些定義參數(shù),就我的使用經(jīng)驗提出參考 background:rcbmp(125,6,#ff00ff,0,0,1,0) 1. 125 - 圖片編號 2. 6 - 圖片顯示方式 - 0(磚塊排列),1(按你指定的長寬),6(擴展),7(32bit bmp圖片) 3. #ff00ff - 指定要透明的顏色 4. 0 - 指定圖片長度 5. 0 - 指定圖片寬度 6. 1 - 0=使用指定長寬,1=使用圖片長寬 7. 0 - 0=不作變化,1=映射 腳本碼中對于組件位置的指定和對齊,常用的就是中(client)上(top)下(bottom)左(left)右(right)上右(topright)下左(bottomleft).,還有下面的九宮格參數(shù). 大方向位置搞定后再輔以padding: rect(0rp,0rp,22rp,0)左,上,右,下,這類填空指令作偏移設(shè)定,取得想要的精確布局. 位置九宮格代號參數(shù) 6 4 7 1 0 2 5 3 8 attachment=16952 fastslz2006-09-19 18:46 (二)XP登錄腳本碼逐項解說 (1)各組件之間定義 此組件定義區(qū)共分以下九個小區(qū)塊在腳本文件的上半部,以起頭,結(jié)尾 1.中間畫面 此段腳本碼指定了全局底色,中間畫面顏色及USER(各賬戶)按鍵共享底圖等三個組件 element background: argb(0,0,0,0); #定義全畫面背景為帶透明通道的黑色rgb色塊(此argb定義讓覆蓋在上面的圖片可指定透明色) element id=atom(contentcontainer) background: rgb(90,126,220); #指定中間畫面為水藍色rgb色塊(覆蓋于上面定義的黑色背景之上) button background: rcbmp(112,6,#FF00FF,0,0,1,0); #指定USER按鍵底圖為編號112的bmp圖片,擴展排列,透明色為桃紅色,使用圖片的長寬度 borderthickness: rect(8,8,0,8); #設(shè)定該按鍵底圖加外框,左8上8右0下8(pix) 2.上畫面 此段腳本碼指定了上畫面顏色及上分隔線圖片二個組件 element background: argb(0,0,0,0); #定義上畫面背景為帶透明通道的黑色rgb色塊 element id=atom(toppanel) background: rgb(0,48,156); #指定上畫面為深藍色rgb色塊 element id=atom(divider) background: rcbmp(125,6,#FF00FF,0,0,1,0); #指定上分隔線為編號125的bmp圖片 3.下畫面 此段腳本碼指定了下畫面顏色.下分隔線圖片.關(guān)機按鍵.退出按鍵.文字訊息等組件 element background: argb(0,0,0,0); #定義下畫面背景為帶透明通道的黑色rgb色塊 element id=atom(bottompanel) background: gradient(argb(0,57,52,173), argb(0,0,48,156), 0); #指定下畫面為由argb紫色?向漸層至argb深藍色 fontface: rcstr(2); #指定下畫面使用的字體依String Table(字符串值)資源編號2所設(shè)定之字符串值,本例為tahoma字體 element id=atom(divider) background: rcbmp(126,6,#FF00FF,0,0,1,0); #指定下分隔線為編號126的bmp圖片 element id=atom(options) padding: rect(25rp, 20rp, 25rp, 20rp); #指定對下畫面中的組件填入距離空間左25上20右25下20 此功能作用的組件包恬power按鍵.unduck按鍵.instruct訊息 button fontsize: rcint(42) pt; #指定上列按鍵上文字大小依String Table(字符串值)資源編號42設(shè)定顯示 foreground: white; #顏色白.及鼠標(biāo)在按鍵上時以手狀顯示 cursor: hand; button mousefocused fontstyle: underline; #鼠標(biāo)移到關(guān)機.退出按鍵時按鍵消息正文加下橫線顯示 button keyfocused fontstyle: underline; #以鍵盤快捷移到關(guān)機.退出按鍵時按鍵消息正文加下橫線顯示 element id=atom(instruct) contentalign: wrapleft; #右下角的消息正文智能向左對齊 padding: rect(18rp,0,0,0); #該消息正文左方增加18pix的空間 fontsize: rcint(43) pt; #指定消息正文大小依String Table(字符串值)資源編號43設(shè)定顯示 foreground: white; #指定消息正文為白色 4.左畫面 左畫面覆蓋在中間畫面的左半部,包括Windows Logo,歡迎字樣及其陰影,登入注銷時的系統(tǒng)訊息(help) element background: argb(0,0,0,0); fontface: rcstr(1); #指定左畫面使用的字體依字符串值資源編號1設(shè)定顯示,此例為arial字體 element id=atom(product) animation: alpha | s | mediumslow; #指定Logo圖片以透明動畫顯示,速度為中慢 element id=atom(leftpanel) foreground: rgb(239,247,255); element id=atom(welcome) fontstyle: italic; #指定歡迎文字樣式為斜體 fontsize: rcint(44) pt; fontweight: bold; #增加指定文字樣式為粗體 padding: rect(0rp,0rp,22rp,0); #向右增加22pix空間 contentalign: topright; #指定文字置于右上(此例左畫面指定位置為中間,因此實際為中間右上) element id=atom(welcomeshadow) foreground: rgb(49,81,181); fontstyle: italic; fontsize: rcint(44) pt; fontweight: bold; padding: rect(2rp,3rp,20rp,0); #指定歡迎文字陰影增加空間為左2上3右20下0 contentalign: topright; #顯示出來的效果為向右2向下3偏移的陰影 elementid=atom(help) fontsize: rcint(45) pt; padding: rect(81rp,81rp,0,0); contentalign: wrapright; #設(shè)置登入注銷訊息顯示位置為智能向右靠齊 5.右畫面 右畫面覆蓋在中間畫面的右半部,包括中間分隔線.使用者顯示窗口及其控制滑桿. element background: argb(0,0,0,0); element id=atom(divider) background: rcbmp(124,6,#FF00FF,0,0,1,0); #設(shè)置中間分隔線圖片 scrollbar vertical #設(shè)置窗口滑桿為垂直顯示 layoutpos: nineright; #設(shè)置窗口滑桿位置在右畫面以九宮格配置的右邊 background: rgb(115,146,231); viewer layoutpos: nineclient; #設(shè)置窗口位置在右畫面以九宮格配置的中央 thumb background: rcbmp(111,6,#FF00FF,0,0,1,0); borderthickness: rect(3,3,3,3); #設(shè)置窗口滑桿有3pix細框 repeatbutton id=atom(lineup) content: rcbmp(110,3,-1,sysmetric(20),sysmetric(20),0,0); #設(shè)置滑桿向上圖片 repeatbutton id=atom(linedown) content: rcbmp(109,3,-1,sysmetric(20),sysmetric(20),0,0); #設(shè)置滑桿向下圖片 6.使用者顯示窗口(以鼠標(biāo)操作時) 使用者顯示窗口在鼠標(biāo)進入窗口熱區(qū)時,各組件顯示設(shè)置,包括使用者賬戶.名稱.頭像及其系統(tǒng)目前運行狀態(tài) element background: argb(0,0,0,0); fontface: rcstr(3); selector padding: rect(0rp,26rp,5rp,26rp); #設(shè)置鼠標(biāo)進入熱區(qū)時,使用者窗口增加上26右2下26pix的空間 logonaccount cursor: hand; foreground: rgb(239,247,255); background: rgb(90,126,220); animation: alpha | log | fast; #鼠標(biāo)進入熱區(qū)時使用者賬戶呈現(xiàn)快速透明動畫效果 alpha:96; #鼠標(biāo)進入熱區(qū)后各使用者賬戶以透明度96顯示(0255) logonaccount logonstate=1 #賬戶人登入時的動畫顯示設(shè)定 animation: rectangle | s | mediumfast; cursor: arrow; alpha:255; logonaccount mousewithin #鼠標(biāo)指向個別賬戶時的狀態(tài) cursor: hand; alpha:255; logonaccount selected #鼠標(biāo)選取個別賬戶時的狀態(tài) cursor: hand; alpha:255; element id=atom(userpane) #賬戶背景 padding: rect(2rp,2rp,14rp,2rp); borderthickness: rect(5,5,0,5); #指定賬戶背景外框粗細 bordercolor: rgb(90,126,220); #指定賬戶背景外框顏色 fontsize: rcint(45) pt; element id=atom(userpane)selected background: rcbmp(112,6,#FF00FF,0,0,1,0); #賬戶背景在鼠標(biāo)選取時顯示圖片112 logonaccount selected alpha: 255; element id=atom(pictureframe) #設(shè)置賬戶頭像底圖 background: rcbmp(113,7,255,0,0,1,0); borderthickness: rect(5,5,5,5); margin: rect(0,0, 7rp,0); #設(shè)置賬戶頭像底圖右側(cè)距離賬戶名及密碼7pix element id=atom(pictureframe) mousefocused #設(shè)置鼠標(biāo)指向賬戶頭像時的效果 background: rcbmp(119,7,255,0,0,1,0); borderthickness: rect(5,5,5,5); margin: rect(0,0,7rp,0); alpha: 255; element id=atom(pictureframe) selected #設(shè)置鼠標(biāo)按下賬戶頭像時的效果 background: rcbmp(119,7,255,0,0,1,0); borderthickness: rect(5,5,5,5); margin: rect(0,0,7rp,0); alpha: 255; element id=atom(username) foreground: rgb(239,247,255); contentalign: endellipsis; #設(shè)置賬戶名向左對齊,賬戶名后加空白直到最后,以讓密碼從下一行開始顯示 button class=status #以下為使用者系統(tǒng)狀態(tài)(例如:有幾個程序正在運行)各項顯示設(shè)置 background: argb(0,0,0,0); foreground: rgb(0,48,156); fontsize: rcint(46) pt; fontweight: bold; button class=statusmousefocused fontstyle: underline; button class=statuskeyfocused fontstyle: underline; button class=statusselected foreground: rgb(239,247,255); fontsize: rcint(46) pt; fontweight: bold; 7.使用者顯示窗口(以鍵盤操作時) 本處設(shè)置和6相同,只是少了一些鼠標(biāo)效果,不再贅述. element background: argb(0,0,0,0); fontface: rcstr(3); selector padding: rect(0rp,26rp,5rp,26rp); logonaccount cursor: hand; animation: alpha | log | fast; background: rgb(90,126,220); logonaccount logonstate=1 animation: rectangle | s | mediumfast; cursor: arrow; element id=atom(userpane) padding: rect(2rp,2rp,14rp,2rp); borderthickness: rect(5,5,0,5); bordercolor: rgb(90,126,220); fontsize: rcint(45) pt; element id=atom(userpane)selected background: rcbmp(112,6,#FF00FF,0,0,1,0); element id=atom(pictureframe) background: rcbmp(113,7,255,0,0,1,0); borderthickness: rect(5,5,5,5); margin: rect(0,0,7rp,0); element id=atom(username) foreground: rgb(239,247,255); contentalign: endellipsis; button class=status background: argb(0,0,0,0); foreground: rgb(0,48,156); fontsize: rcint(46) pt; fontweight: bold; contentalign: wrapleft; button class=statusmousefocused fontstyle: underline; button class=statuskeyfocused fontstyle: underline; button class=statusselected foreground: rgb(239,247,255); fontsize: rcint(46) pt; fontweight: bold; 8.賬戶密碼區(qū) 此段腳本碼定義了密碼輸入框,輸入框訊息,進入及密碼提示按鍵 element background: argb(0,0,0,0); element id=atom(passwordpanelayer) padding: rect(71rp,0,0,0); #設(shè)置密碼區(qū)左方71pix空白,避免和賬戶頭像重迭 element id=atom(instruct) #設(shè)置密碼輸入框上面的文字(此例為Type Your Password) fontface: rcstr(48); fontsize: rcint(47) pt; foreground: white; padding: rect(3rp,0,0,3rp); edit id=atom(password) #輸入密碼框的各項設(shè)置 background: rcbmp(102,6,#FF00FF,0,0,1,0); borderthickness: rect(3,3,5,5); passwordcharacter: 9679; #輸入密碼時顯示出來的字符代號 fontface: arial; fontsize: 16pt; button id=atom(go) #設(shè)置密碼右方的進入按鍵 margin: rect(5rp,0,0,0); content: rcbmp(103,3,-1,26rp,26rp,0,0); padding: rect(0rp,1rp,0,1rp); button id=atom(go)keyfocused #按下進入按鍵時 content: rcbmp(104,3,-1,26rp,26rp,0,0); button id=atom(info) #設(shè)置密碼提示按鍵 margin: rect(5rp,0,0,0); content: rcbmp(105,3,-1,28rp,28rp,0,0); button id=atom(info)keyfocused #設(shè)置密碼提示按鍵按下時圖片 content: rcbmp(106,3,-1,28rp,28rp,0,0); element id=atom(keyboard) #設(shè)置輸入密碼時的顯示 cursor: arrow; margin: rect(5rp,0,0,0); 9.窗口滑桿 此段腳本碼以5.右畫面的滑桿為基礎(chǔ),加入了定義滑桿的各項動作參數(shù)(避免改動) scrollbar layoutpos: ninebottom; scrollbar vertical layoutpos: nineright; viewer layoutpos: nineclient; thumb background: dtb(handlemap(1), 3, 1); content: dtb(handlemap(1), 9, 1); contentalign: middlecenter; thumb mousefocused background: dtb(handlemap(1), 3, 2); content: dtb(handlema