登陆画面制作
一、在你的电脑里找到logonui.exe文件,通常位于c:/windows/system32目录中,复制两份,一份作为 备份,一份用来编辑。
二、用ResHacker打开logonui.exe文件。现在我们可以开始动手制作我们自己的XP登录界面了。在ResH acker中我们可以看到有UIFILE,
Bitmap,String Table,Version Info四大项。我们要修改的就是这几项。
第一项:UIFILE
a、改变背景颜色。打开:/UIFILE/1000/1033/,我们可以看到XP的原始logonui.exe的定义如下 :(可能一下子没看到,向下滚动右边的
滚动条)
把其中的颜色改变为你中意的颜色就行了。如把argb(0,0,0,0)改为argb(99,118,149)等等。如果你 不熟悉RGB值,(谁又能记得很清楚了)请下载一个叫好色鬼的软件,使用很简单。
b、改变密码的字符形状。按CTRL+F,或者选择“查看”菜单中的“查找文本”,找到:passwordcharacter。可以看到其定义为一个4位数的数字,实际是个ASCII的16位值。如下:
passwordcharacter: 9679;
fontface: "arial";
同时注意下面fontface一行,它定义了使用的字体,XP默认的是arial字体和9679,也就是你输入密码时看到的 小黑圆点。不同字体的ASCII-hex值代表的字符不一样。你可以把这段改为:
passwordcharacter: 207;
fontface: "webdings";
这是什么符号呢,你试过就知道了。一个简单的找出字符ASCII-hex值的方法是使用 微软的Word,或者任何一种字处理 软件如wps office,选择“插入”-->“符号”,然后在弹出的对话框中选择一种字体,选择某个你喜欢的符号,注意下面字符代码中的值,按此改变即可。另外要注意使用unicode字体,以免别人的机子上没有定义的字体。
c、改变登录时账户(userpane)所在的位置。在倒数第二段中定义了登录时账户所在的位置。按CTRL+F,找到
这行。
注意下面的定义,XP默认的是:
你可以选择改为:
位置变为中间靠上。注意你要清楚你打算放置账户的位置,在坐标轴x、y位置,单位为像素(pixel),建议你熟练以后再尝 试。
第三项和第四项就没有那么重要了。主要是些字符串,负责一些注释帮助提示等等内容。当然我还是推荐你在其中Version Info项加入你的名字,举个例子:
打开String Table/1/1033,按CTRL+F,找到:Turn off Computer,更改为更为个性化的“Bye-Bye my love”,诸如此类。全部修改好以后最好先保存到另外的目录。
安装使用XP LogonUI。这是最方便的方法,也是很安全的。不然你也可以按照最保险的办法进行
Logonui登录脚本UIFILE入门浅解 -
Windows XP的登录画面制作软件,较常见的有Logon Studio及ChameleonXP,但其制作功能仅在于XP基本登录界面的颜色.图片.文字的更换,
若是要作出较富变化的登录界面,则需对UIFILE脚本手动作些搬移及大弧度的修改,目前较常见的就是仿MAC登录界面.
有鉴于网络上认识Logonui脚本数据的缺乏,在此提供个人对该脚本的粗浅经验,或许其中有些个人误解,期望有程序代码写作经验的网友不吝指
正,所有网友
共同研讨纠正错误,以免本人部份不正确的理解误导了网友的观念.
本篇解说以基本XP登录脚本为范本,仿MAC登录界面的脚本则待日后另文实例剖析.
(一)脚本码概述
整个脚本码粗浅可分二大区块:
1.前大半段以结尾,共有九个小区块,我暂且称为组件定义区.
2.后小半段以
脚本码的基本功能在于指定各区域对应的组件(文字.色块.图片.字符串值),并规范该组件动作方式及时机,显示区域,
因此各组件的数值定义和运行在二大区块中要互相对应配合,否则运行就会出错
一,常用修改部分
1. 修改背景颜色如见argb(0,0,0,0)可改为argb(99,118,149)等等;
2. 修改图片参数如见rcbmp(128,7,#FF00FF,643rp,588rp,0,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=映射
还有下面的九宫格参数.大方向位置搞定后再辅以padding: rect(0rp,0rp,22rp,0)左,上,右,下,这类填空指令作偏移设定,取得想要的精确布局.位置九宫格代号参数脚本码中对于组件位置的指定和对齐,常用的就是中(client)上(top)下(bottom)左(left)右(right)上右(topright)下左(bottomleft)...,
6 4 7
1 0 2
5 3 8
(二)XP登录脚本码逐项解说
(1)各元件之定义
在脚本文件的上半部,以结尾
此元件定义区共分以下九个小区块
1.中间画面
此段脚本码指定了全局底色,中间画面顏色及USER(各帐户)按键共用底图等三个元件
2.上画面
此段脚本码指定了上画面顏色及上分隔线图片二个元件
3.下画面
此段脚本码指定了下画面顏色.下分隔线图片.关机按键.退出按键.文字讯息等元件
4.左画面
左画面覆盖在中间画面的左半部,包括Windows Logo,欢迎字样及其阴影,登入登出时的系统讯息(help)
5.右画面
右画面覆盖在中间画面的右半部,包括中间分隔线.使用者显示窗口及其控制滑桿.
6.使用者显示窗口(以鼠标操作时)
使用者显示窗口在鼠标进入窗口热区时,各元件显示设置,包括使用者帐户.名称.头像及其系统目前运行状态
7.使用者显示窗口(以键盘操作时)
本处设置和6相同,只是少了一些鼠标效果,不再赘述.
element
{
background: argb(0,0,0,0);
fontface: rcstr(3);
}
selector
#跟第6部分的一样,也是修改登陆按钮位置,务必2个位置偏移量保持一样
{
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="status"][mousefocused]
{
fontstyle: underline;
}
button [class="status"][keyfocused]
{
fontstyle: underline;
}
button [class="status"][selected]
{
foreground: rgb(239,247,255);
fontsize: rcint(46) pt;
fontweight: bold;
}
8.帐户密码区
此段脚本码定义了密码输入框,输入框讯息,进入及密码提示按键
element
{
background: argb(0,0,0,0);
}
element [id=atom(passwordpanelayer)]
{
padding: rect(71rp,0,0,0);
#设置密码区左方71pix空白,避免和帐户头像重叠
}
element [id=atom(instruct)]
#设置密码输入框上面的文字(此例為Type Your Password)
{
fontface: rcstr(48);
fontsize: rcint(47) pt;
foreground: white;
padding: rect(3rp,0,0,3rp);
}
edit [id=atom(password)]
#输入密码框的各项设置
{
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)]
#设置密码右方的进入按键
{
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)]
#设置密码提示按键
{
margin: rect(5rp,0,0,0);
content: rcbmp(105,3,-1,28rp,28rp,0,0);
}
button [id=atom(info)][keyfocused]
#设置密码提示按键按下时图片
{
content: rcbmp(106,3,-1,28rp,28rp,0,0);
}
element [id=atom(keyboard)]
#设置输入密码时的显示
{
cursor: arrow;
margin: rect(5rp,0,0,0);
}
9.窗口滑桿
此段脚本码以5.右画面的滑桿為基础,加入了定义滑桿的各项动作参数(避免更动)
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(handlemap(1), 9, 2);
}
thumb [captured]
{
background: dtb(handlemap(1), 3, 3);
content: dtb(handlemap(1), 9, 3);
}
repeatbutton [id=atom(lineup)]
{
background: dtb(handlemap(1), 1, 1);
width: sysmetric(2);
height: sysmetric(20);
}
repeatbutton [id=atom(lineup)][mousefocused]
{
background: dtb(handlemap(1), 1, 2);
}
repeatbutton [id=atom(lineup)][pressed]
{
background: dtb(handlemap(1), 1, 3);
}
repeatbutton [id=atom(linedown)]
{
background: dtb(handlemap(1), 1, 5);
width: sysmetric(2);
height: sysmetric(20);
}
repeatbutton [id=atom(linedown)][mousefocused]
{
background: dtb(handlemap(1), 1, 6);
}
repeatbutton [id=atom(linedown)][pressed]
{
background: dtb(handlemap(1), 1, 7);
}
repeatbutton [id=atom(pageup)]
{
background: dtb(handlemap(1), 7, 1);
}
repeatbutton [id=atom(pageup)][mousefocused]
{
background: dtb(handlemap(1), 7, 2);
}
repeatbutton [id=atom(pageup)][pressed]
{
background: dtb(handlemap(1), 7, 3);
}
repeatbutton [id=atom(pagedown)]
{
background: dtb(handlemap(1), 6, 1);
}
repeatbutton [id=atom(pagedown)][mousefocused]
{
background: dtb(handlemap(1), 6, 2);
}
repeatbutton [id=atom(pagedown)][pressed]
{
background: dtb(handlemap(1), 6, 3);
}
(2)各元件动作时机及显示设定部份
这一部份就是登录界面执行动作的脚本码,以上面各项元件的定义作基础,设定整个界面运行时的佈局分配及事件触发时机.
以下分為三部解说.
这裡规范整个动作脚本的画面佈局及分配,以上面定义元件1~5的部份,作动作指定及执行.
这一段执行脚本码配合上面定义元件6.7.9部份,对帐户窗口内的各元件作佈局及指定动作.
这一段执行脚本码配合上面定义元件8部份,对帐户密码及附属元件作佈局及指定动作
下面是这三段脚本码的个别解说.
#执行时上画面位於画面端,高度80
#执行时上画面分隔线位於上画面底部,高度2
#执行时下画面位於画面底部,不设高度,由下方元件判断
#执行时下画面分隔线位於下画面端,高度2
#设定执行下画面时功能定义的各元件空间距离
#安排下面的关机按键排列在下画面的左侧
#设定关机按键為可执行,位在上方,显示文字
#指定关机按键图片及宽26高26
#关机文字左方设定2pix空间
#退出键同关机键
#讯息文字,置於右方,由右算起325pix开始显示
#设定中画面图片,砖块排列置中,宽高度
#左画面填充模式,置左
#logo组件垂直排列(指下面的product.help)
#登入出讯息由中间算起384开始显示,并加右方40的空间距离
#欢迎讯息组件(包括Welcome及阴影)以填充模式(填Welcome文字)垂直排列
#填充宽度384
]#填充文字阴影依字串值7内容显示(此例為Welcome)
#右画面以外框模式置左,宽度384
#中央分隔置於右画面左侧,宽度1
#帐户视窗滑桿不需要时不显示
#设定使用者帐户為可执行
#每个帐户所佔高度80像素
#帐户底图位置
#帐户头像底图宽高
#帐户名称位置,只是相对与底图而已,要设置全图看“selector”绿色字批注有
#使用者系统状态显示位置不作设定(依元件定义运行)
#帐户密码组件高度
#密码框宽度
#密码输入位置
#进入按键设置為可执行,按下时显示字串值100
#密码提示键设置為可执行,按下时显示字串值13
#密码框上方文字依字串值6显示