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