47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
|
// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
|
||
|
|
|
||
|
|
const UI = imports.testcommon.ui;
|
||
|
|
|
||
|
|
const { Clutter, St } = imports.gi;
|
||
|
|
|
||
|
|
function test() {
|
||
|
|
let stage = new Clutter.Stage();
|
||
|
|
UI.init(stage);
|
||
|
|
|
||
|
|
let vbox = new St.BoxLayout({ vertical: true,
|
||
|
|
width: stage.width,
|
||
|
|
height: stage.height });
|
||
|
|
stage.add_actor(vbox);
|
||
|
|
|
||
|
|
let hbox = new St.BoxLayout({ style: 'spacing: 12px;' });
|
||
|
|
vbox.add(hbox);
|
||
|
|
|
||
|
|
let text = new St.Label({ text: "Styled Text" });
|
||
|
|
vbox.add (text);
|
||
|
|
|
||
|
|
let size = 24;
|
||
|
|
function update_size() {
|
||
|
|
text.style = 'font-size: ' + size + 'pt';
|
||
|
|
}
|
||
|
|
update_size();
|
||
|
|
|
||
|
|
let button;
|
||
|
|
|
||
|
|
button = new St.Button ({ label: 'Smaller', style_class: 'push-button' });
|
||
|
|
hbox.add (button);
|
||
|
|
button.connect('clicked', () => {
|
||
|
|
size /= 1.2;
|
||
|
|
update_size ();
|
||
|
|
});
|
||
|
|
|
||
|
|
button = new St.Button ({ label: 'Bigger', style_class: 'push-button' });
|
||
|
|
hbox.add (button);
|
||
|
|
button.connect('clicked', () => {
|
||
|
|
size *= 1.2;
|
||
|
|
update_size ();
|
||
|
|
});
|
||
|
|
|
||
|
|
UI.main(stage);
|
||
|
|
}
|
||
|
|
test();
|