无忧启动论坛

标题: XP登陆界面教程 [打印本页]

作者: peter1123 时间: 2006-12-25 19:31
标题: XP登陆界面教程

登陆画面制作
　一、在你的电脑里找到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.前大半段以<style resid=......>起头,</style>结尾,共有九个小区块,我暂且称为组件定义区.
2.后小半段以<logonframe...>起始,到脚本码最后以</element>结束,其中再细分三个区块,我暂且称为脚本运行区.

脚本码的基本功能在于指定各区域对应的组件(文字.色块.图片.字符串值),并规范该组件动作方式及时机,显示区域,
因此各组件的数值定义和运行在二大区块中要互相对应配合,否则运行就会出错

一，常用修改部分
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)各元件之定义
在脚本文件的上半部,以<style resid= ...>起头,</style>结尾

此元件定义区共分以下九个小区块

1.中间画面
此段脚本码指定了全局底色,中间画面顏色及USER(各帐户)按键共用底图等三个元件

<style resid=framess>
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); #设定该按键底图加外框,左8上8右0下8(pix)
}
</style>

2.上画面
此段脚本码指定了上画面顏色及上分隔线图片二个元件

<style resid=toppanelss>
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图片
}
</style>

3.下画面
此段脚本码指定了下画面顏色.下分隔线图片.关机按键.退出按键.文字讯息等元件

<style resid=bottompanelss>
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所设定之字串值,本例為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设定显示
foreground: white; 顏色白.及鼠标在按键上时以手状显示
cursor: hand;
}
button [mousefocused]
{
fontstyle: underline; #鼠标移到关机.退出按键时按键讯息文字加下横线显示
}
button [keyfocused]
{
fontstyle: underline; #以键盘快捷移到关机.退出按键时按键讯息文字加下横线显示
}
element [id=atom(instruct)]
{
contentalign: wrapleft; #右下角的讯息文字智能向左对齐
padding: rect(18rp,0,0,0); #该讯息文字左方增加18pix的空间
fontsize: rcint(43) pt; #指定讯息文字大小依String Table(字串值)资源编号43设定显示
foreground: white; #指定讯息文字為白色
}
</style>

4.左画面
左画面覆盖在中间画面的左半部,包括Windows Logo,欢迎字样及其阴影,登入登出时的系统讯息(help)

<style resid=leftpanelss>
element
{
background: argb(0,0,0,0);
fontface: rcstr(1); #指定左画面使用的字体依字串值资源编号1设定显示,此例為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偏移的阴影
}
element[id=atom(help)]
{
fontsize: rcint(45) pt;
padding: rect(81rp,81rp,0,0);
contentalign: wrapright; #設置登入登出訊息顯示位置為智能向右靠齊
}
</style>

5.右画面
右画面覆盖在中间画面的右半部,包括中间分隔线.使用者显示窗口及其控制滑桿.

<style resid=rightpanelss>
element
{
background: argb(0,0,0,0);
}
element [id=atom(divider)]
{
background: rcbmp(124,6,#FF00FF,0,0,1,0); #设置中间分隔线图片
}
scrollbar [vertical] #设置窗口滑桿為垂直显示
{
layoutpos: nineright; #设置窗口滑桿位置在右画面以九宫格配置的右边
background: rgb(115,146,231);
}
viewer
{
layoutpos: nineclient; #设置窗口位置在右画面以九宫格配置的中央
}
thumb
{
background: rcbmp(111,6,#FF00FF,0,0,1,0);
borderthickness: rect(3,3,3,3); #设置窗口滑桿有3pix细框
}
repeatbutton [id=atom(lineup)]
{
content: rcbmp(110,3,-1,sysmetric(20),sysmetric(20),0,0); #设置滑桿向上图片}
repeatbutton [id=atom(linedown)]
{
content: rcbmp(109,3,-1,sysmetric(20),sysmetric(20),0,0); #设置滑桿向下图片
}
</style>

6.使用者显示窗口(以鼠标操作时)
使用者显示窗口在鼠标进入窗口热区时,各元件显示设置,包括使用者帐户.名称.头像及其系统目前运行状态

<style resid=hotaccountlistss>
element
{
background: argb(0,0,0,0);
fontface: rcstr(3);
}
selector
{
padding: rect(0rp,26rp,5rp,26rp); #这就是登陆按钮的位置设定，上下左右自己调节吧(第7部分对应也要修改成一样的，否则会出现按纽易位的现象)
}
logonaccount
{
cursor: hand;
foreground: rgb(239,247,255);
background: rgb(90,126,220); # 帐户信息背景颜色为天蓝色
animation: alpha | log | fast; #鼠标进入热区时使用者帐户呈现快速透明动画效果
alpha:96; #鼠标进入热区后各使用者帐户以透明度96显示(0~255)
}
logonaccount [logonstate=1] #帐户人登入时的动画显示设定
{
animation: rectangle | s | mediumfast;
cursor: arrow;
alpha:255;
}
logonaccount [mousewithin] #鼠标指向个别帐户时的状态
{
cursor: hand;

alpha:255;
}
logonaccount [selected] #鼠标选取个别帐户时的状态
{
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); #帐户背景在鼠标选取时显示图片112
}

logonaccount [selected]
{
alpha: 255;
}
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); #设置帐户头像底图右侧距离帐户名及密码7pix
}
element [id=atom(pictureframe)] [mousefocused] #设置鼠标指向帐户头像时的效果
{
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] #设置鼠标按下帐户头像时的效果
{
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; #设置帐户名向左对齐,帐户名后加空白直到最后,以让密码从下一行开始显示
}
button [class="status"] #以下為使用者系统状态(例如:有几个程式正在运行)各项显示设置
{
background: argb(0,0,0,0);
foreground: rgb(0,48,156);
fontsize: rcint(46) pt;
fontweight: bold;
}
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;
}

</style>

7.使用者显示窗口(以键盘操作时)
本处设置和6相同,只是少了一些鼠标效果,不再赘述.

<style resid=accountlistss>
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;
}
</style>

8.帐户密码区
此段脚本码定义了密码输入框,输入框讯息,进入及密码提示按键

<style resid=passwordpaness>
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);
}
</style>

9.窗口滑桿
此段脚本码以5.右画面的滑桿為基础,加入了定义滑桿的各项动作参数(避免更动)

<style resid=scroller>

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)各元件动作时机及显示设定部份
这一部份就是登录界面执行动作的脚本码,以上面各项元件的定义作基础,设定整个界面运行时的佈局分配及事件触发时机.

以下分為三部解说.

<logonframe...>起始,</logonframe>结尾
这裡规范整个动作脚本的画面佈局及分配,以上面定义元件1~5的部份,作动作指定及执行.

<logonaccount...>起始,</logonaccount>结尾
这一段执行脚本码配合上面定义元件6.7.9部份,对帐户窗口内的各元件作佈局及指定动作.

<element resid=passwordpanel...>起始,</element>结束
这一段执行脚本码配合上面定义元件8部份,对帐户密码及附属元件作佈局及指定动作

下面是这三段脚本码的个别解说.

<logonframe resid=main id=atom(frame) sheet=styleref(framess) layout=borderlayout()>

<element id=atom(toppanel) sheet=styleref(toppanelss) layout=borderlayout() layoutpos=top height=80rp> #执行时上画面位於画面顶端,高度80
<element id=atom(divider) layoutpos=bottom height=2rp/> #执行时上画面分隔线位於上画面底部,高度2

</element>

<element id=atom(bottompanel) sheet=styleref(bottompanelss) layout=borderlayout() layoutpos=bottom> #执行时下画面位於画面底部,不设高度,由下方元件判断
<element id=atom(divider) layoutpos=top height=2rp/> #执行时下画面分隔线位於下画面顶端,高度2
<element id=atom(options) layout=borderlayout() layoutpos=client> #设定执行下画面时功能定义的各元件空间距离
<element layout=borderlayout() layoutpos=left> #安排下面的关机按键排列在下画面的左侧
<button id=atom(power) layout=borderlayout() layoutpos=top accessible=true accRole=43 accName=rcstr(11)> #设定关机按键為可执行,位在上方,显示文字
<element layoutpos=left content=rcbmp(107,3,-1,26rp,26rp,0,0) /> #指定关机按键图片及宽26高26
<element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/> #关机文字左方设定2pix空间
</button>
<button id=atom(undock) layout=borderlayout() layoutpos=top margin=rect(0,2rp,0,0) accessible=true accRole=43 accName=rcstr(14)> #退出键同关机键
<element layoutpos=left content=rcbmp(108,3,-1,26rp,26rp,0,0)/>
<element id=atom(label) layoutpos=client margin=rect(2rp,0,0,0)/>
</button>
</element>
<element id=atom(instruct) layoutpos=right content=rcstr(25) width=325rp/> #讯息文字,置於右方,由右算起325pix开始显示
</element>
</element>

<element id=atom(contentcontainer) layout=flowlayout(1,3,2,3) layoutpos=client content=rcbmp(100,0,0,219rp,207rp,1,0)> #设定中画面图片,砖块排列置中,宽高度
<element id=atom(leftpanel) sheet=styleref(leftpanelss) layout=filllayout() layoutpos=left> #左画面填充模式,置左
<element id=atom(logoarea) layout=verticalflowlayout(0,3,3,2)> #logo组件垂直排列(指下面的product.help)
<element id=atom(product) contentalign=topright padding=rect(0rp,0rp,20rp,20rp) content=rcbmp(123,3,-1,137,86,0,0) background=rgb(90,126,220)/>
<element id=atom(help) contentalign=wrapright width=384rp padding=rect(0rp,0rp,40rp,0rp)/> #登入出讯息由中间算起384开始显示,并加右方40的空间距离
</element>
<element id=atom(msgarea) layout=verticalflowlayout(0,0,0,2) > #欢迎讯息组件(包括Welcome及阴影)以填充模式(填Welcome文字)垂直排列
<element layout=filllayout() width=384rp> #填充宽度384
<element id=atom(welcomeshadow) content=rcstr(7)/> ]#填充文字阴影依字串值7内容显示(此例為Welcome)
<element id=atom(welcome) content=rcstr(7)/>
</element>
</element>
</element>

<element id=atom(rightpanel) sheet=styleref(rightpanelss) layout=borderlayout() layoutpos=left width=384rp> #右画面以外框模式置左,宽度384
<element id=atom(divider) layoutpos=left width=1rp/> #中央分隔置於右画面左侧,宽度1
<scrollviewer id=atom(scroller) sheet=styleref(scroller) layoutpos=client xscrollable=false margin=rect(26rp,0rp,0rp,0rp)> #帐户视窗滑桿不需要时不显示
<selector id=atom(accountlist) sheet=styleref(accountlistss) layout=verticalflowlayout(0,3,3,2)/> [color=Orange#帐户名单垂直排列
</scrollviewer>
</element>

</element>

</logonframe>

<logonaccount resid=accountitem id=atom(accountitem) layout=filllayout() accessible=true accRole=43> #设定使用者帐户為可执行
<element id=atom(userpanelayer) layout=borderlayout() height=80rp> #每个帐户所佔高度80像素
<element id=atom(userpane) layout=borderlayout() layoutpos=top> #帐户底图位置
<element id=atom(pictureframe) layout=flowlayout(0,2,2) layoutpos=left width=58rp height=58rp> #帐户头像底图宽高
<element id=atom(picture) />
</element>
<element id=atom(username) layoutpos=top/> #帐户名称位置，只是相对与底图而已，要设置全图看“selector”绿色字批注有
<button id=atom(status0) class="status" layoutpos=none/> #使用者系统状态显示位置不作设定(依元件定义运行)
<button id=atom(status1) class="status" layoutpos=none/>
</element>
</element>
</logonaccount>

<element resid=passwordpanel id=atom(passwordpanelayer) sheet=styleref(passwordpaness) layout=borderlayout() height=80rp> #帐户密码组件高度
<element layout=borderlayout() layoutpos=bottom>
<edit id=atom(password) layoutpos=left width=163rp/> #密码框宽度
<element id=atom(keyboard) layoutpos=left/> #密码输入位置
<button id=atom(go) layoutpos=left accessible=true accRole=43 accName= rcstr(100)/> #进入按键设置為可执行,按下时显示字串值100
<button id=atom(info) layoutpos=left accessible=true accRole=43 accName= rcstr(13)/> #密码提示键设置為可执行,按下时显示字串值13
</element>
<element id=atom(instruct) layoutpos=bottom content=rcstr(6)/> #密码框上方文字依字串值6显示

</style>

希望有脚本编程经验的朋友能多帮忙，翻译一下其他的部分
万分感谢

最后提供一个网址，有很多的美化资源，我这文章也是从这转来的X系统美化网

[ 本帖最后由 peter1123 于 2006-12-31 04:06 AM 编辑 ]

作者: 老毛桃 时间: 2006-12-26 13:13
原文版面比较乱，我已经编辑了，楼主莫见外

作者: peter1123 时间: 2006-12-26 14:17
恩恩
是很乱，我也有点抱歉
我也才学这个
感觉很多地方没写清楚，看到论坛没这份资料，所以就先转过来了

弄明白了再整理下

作者: wyt0164 时间: 2006-12-26 21:16
转贴转的不完整，最起码把图也转过来呀

作者: wanghh 时间: 2006-12-26 22:18

原帖由 peter1123 于 2006-12-26 02:17 PM 发表
恩恩
是很乱，我也有点抱歉
我也才学这个
感觉很多地方没写清楚，看到论坛没这份资料，所以就先转过来了

弄明白了再整理下

了几个图可能会看得更明白。修改要用什么工具？

作者: peter1123 时间: 2006-12-26 22:50
别急别急
还不完整呢

那个图，我没那论坛的帐户，所以转不了不好意思

这个好象还有很多地方没说明白我也在消化

还只是半成品

作者: peter1123 时间: 2006-12-30 02:33
这次基本弄好了
算上是一个简单的教程

但还有很多地方不完善
需要大家多多指点，帮助

作者: 阿非 时间: 2006-12-30 09:31
不错，非常详细。以前自己搞，位置一个一个的摸索

作者: 122168993 时间: 2006-12-30 09:57
详细，好东西！

看过，顶过！

作者: strangk 时间: 2006-12-30 11:27
那天看了一个关于修改登陆截面的帖子，不过写的不详细,楼主的比较详细,带图啊,舒服

作者: q8q8feng 时间: 2006-12-30 12:18
真得很不错哦学习了

作者: xwszgr 时间: 2007-2-12 12:26
非常详细的教程，学习一下！

作者: shunjian0000 时间: 2007-2-12 21:05
登录画面一块一块的确复杂。。。
怎么不用单张背景配合按钮呢。。。
微软一定要把事情弄的那么复杂嘛

作者: haiou327 时间: 2007-2-12 23:59
看过路过顶过

作者: peter1123 时间: 2007-2-13 00:15

原帖由 shunjian0000 于 2007-2-12 09:05 PM 发表
登录画面一块一块的确复杂。。。
怎么不用单张背景配合按钮呢。。。
微软一定要把事情弄的那么复杂嘛

登陆界面的元素其实很多很多
就这么看上去以为很简单

不过你可以去掉很多不必要的元素自己精简下再弄就比较容易了

其实你可以去别的网站下点登陆画面，选好模板然后自己第2次修改会方便些

作者: jioncy 时间: 2007-2-13 10:04
非常之详细,学习了

作者: langouste 时间: 2007-2-13 10:25
不错，学习一下

作者: lscgzwd 时间: 2007-2-13 14:36
好东西

作者: cyx8899 时间: 2007-2-27 12:42
非常详细,学习...

作者: 头头 时间: 2007-2-27 13:59
不错啊,,,强顶..

作者: smscxj 时间: 2007-2-28 20:12
不错，学习一下

作者: awg 时间: 2007-2-28 21:49
嗯，说的很好，我也改成瑞星启动时在右上角的效果。

作者: koreaa 时间: 2007-4-5 20:12
真是好东西!收藏了.慢慢学习

作者: 弄潮儿-NET 时间: 2007-4-16 07:22
比较懒得去找，楼主最好把搞好的全部东东打包发上来，
这样就方便大家测试了

作者: sponey 时间: 2007-4-16 18:37
好东西，作个记号先。

作者: 精武勇士 时间: 2007-4-16 18:46
收藏了!

:victory:

作者: peter1123 时间: 2007-4-16 21:30

原帖由 弄潮儿-NET 于 2007-4-16 07:22 AM 发表
比较懒得去找，楼主最好把搞好的全部东东打包发上来，
这样就方便大家测试了

做好的东西？
你是说做好的XP登录画面么？
那个网上很多地方都有，做的都相当的华丽。

我这个只是做个批注，尽量把代码翻译下。以供查询
如果可以的话，你倒是可以帮忙把没翻译完的翻译下哈:lol

作者: peter1123 时间: 2007-4-16 21:32

原帖由 弄潮儿-NET 于 2007-4-16 07:22 AM 发表
比较懒得去找，楼主最好把搞好的全部东东打包发上来，
这样就方便大家测试了

作者: wgch00 时间: 2007-4-17 21:33
看不懂啊在学习学学

作者: arboby 时间: 2007-4-17 21:51
这么详细的教程头一次看到啊。赞美楼主。

作者: haiou327 时间: 2007-4-17 22:44
是想修改滚动条那个界面.

作者: 弄潮儿-NET 时间: 2007-4-17 22:51
标题: 改个界面算什么？
我能把整个系统都改成LINUX……

作者: peter1123 时间: 2007-4-17 22:54

原帖由 haiou327 于 2007-4-17 10:44 PM 发表
是想修改滚动条那个界面.

你可以查看老毛桃的帖子有段专门讲解你要的这个

作者: 弄潮儿-NET 时间: 2007-4-17 23:41
标题: 楼上的怎么不打包下载
等到花儿也谢了……

作者: peter1123 时间: 2007-4-20 17:38
打包?
你要什么?

ResHacker?
logonui.exe?
还是把帖子做成CHM?

作者: ccxbox 时间: 2007-5-26 21:49
google到这。。以前还没发现这篇好文章呢

作者: chs6868 时间: 2007-7-5 12:03
不错 :victory:

作者: chen780404 时间: 2007-7-9 23:47
不错，非常详细。以前自己搞，位置一个一个的摸索

作者: ksdb123 时间: 2007-7-15 22:38
好是好，就是太复杂，看不明白

作者: kkkli086 时间: 2007-7-15 23:03
很详细的贴，受教了。！！

作者: baitfk 时间: 2007-7-15 23:18
哈哈,刚好路过,进来帮UP上去,让更多人知道下~~~~~~~~~~支持

作者: akung 时间: 2007-7-29 16:48
好文章!可以好好学习一下啦!!

作者: anytm 时间: 2007-7-29 20:44
好贴收藏以后用着。谢谢楼主无私

作者: ilovehl8688 时间: 2007-7-30 16:34
看了,感觉太精典了!有空试试!

作者: lin_hzcy 时间: 2007-8-5 15:35
好文章!可以好好学习一下啦!!:victory: :victory:

作者: 26136092 时间: 2007-8-7 21:43
楼主真辛苦，写了这么多

作者: liangyulu 时间: 2007-8-8 13:42
头看昏了，太多了哦:)

作者: 1qazxcvb 时间: 2007-8-11 14:29
我放弃了太复杂了～～

作者: yana 时间: 2007-8-13 21:25
狂顶上去试验去了

作者: 宇宙 时间: 2007-8-14 10:10
啊,太专业,好好学习了,真是好东东

作者: canstar 时间: 2007-8-14 16:26
这个好详细，谢谢楼主。

作者: chinalinux 时间: 2007-8-14 19:59
:em04 好东西！收下了，我今天就做测试看看

作者: peng198319 时间: 2007-8-15 10:09
精典....顶.

作者: plr000 时间: 2007-8-16 21:12
转贴转的不完整，最起码把图也转过来呀

作者: liuzhu417 时间: 2007-9-6 16:32
不是很明白
。。。。。。。。。。。。

作者: 糖衣炮弹 时间: 2007-9-7 00:08
感觉好难啊………………

作者: ruhuapaper 时间: 2007-9-7 09:05
研究他有什么用呢，:( :(

作者: wxf617 时间: 2007-9-7 17:05
学习了! 顶

作者: 独孤VIP 时间: 2008-5-24 11:26
回复楼主，正在学习哈

作者: wh3509 时间: 2008-5-24 13:14
非常详细！我要好好学习一下！

作者: xyr163 时间: 2008-5-24 13:26
好帖子。受教了。顶一个

作者: goobi 时间: 2008-9-30 00:53
我直接纳来动手了··

作者: xulihang 时间: 2008-9-30 10:50
支持一下! !!!!!!!!

作者: S6522813 时间: 2008-9-30 22:46
标题: 看不懂啊在学习学学
好好学习，天天向上
做人最重要的
第一是对自己信心，第二是要努力。
总有一天，你也会有劳力士手表，会有一切。

作者: syddhgx 时间: 2008-10-15 13:14
不错啊,,,强顶..

作者: oneuu 时间: 2009-6-1 08:21
相当好的教程....以后可以改画面了.,

作者: tothesun 时间: 2009-6-1 18:00
我的登录界面被精简掉了。

作者: baiyun 时间: 2009-6-2 11:00
hao dong dong xue xue

作者: shldol 时间: 2009-6-2 13:58
我记得好像以前有个XP下改界面的软件。不过，没有这么多功能。学习了

作者: yj850624 时间: 2009-6-3 21:58
lz很专业谢谢你

作者: plmmswd 时间: 2009-6-4 20:44
谢谢楼主，很详细的教程啊。

作者: sensual6891 时间: 2009-8-9 16:06
这个东西强劲有力~~ 够猛~~！！

作者: gdeiwldzchl 时间: 2010-5-15 14:20
看来要去试一下把XP改到面目全非才行，并从中学习东西！

作者: qq393980683 时间: 2014-12-24 20:22
谢谢楼主，等有空再研究

欢迎光临无忧启动论坛 (http://bbs.wuyou.net/)