Fix: button classes revised
This commit is contained in:
@@ -0,0 +1,73 @@
|
||||
class GameAppButton extends RoundRectButton {
|
||||
|
||||
constructor(x, y, type, iconName, buttonText, clickEvent) {
|
||||
console.log(type);
|
||||
let setting = new RoundRectButtonSetting(
|
||||
x, y,
|
||||
GameAppButton.BUTTON_WIDTH, GameAppButton.BUTTON_HEIGHT
|
||||
);
|
||||
setting.fontStyle.boundsAlignH = "center"; // left, center. right
|
||||
setting.fontStyle.boundsAlignV = "middle"; // top, middle, bottom
|
||||
setting.strokeWidthPx = 5;
|
||||
|
||||
switch(type) {
|
||||
case GameAppButton.TYPE_MOUSE_APP:
|
||||
setting.setStrokeColor(
|
||||
0xaa6666,
|
||||
0x884444,
|
||||
0x884444,
|
||||
0x333333
|
||||
);
|
||||
setting.setButtonColor(
|
||||
0xffdddd,
|
||||
0xddaaaa,
|
||||
0xddaaaa,
|
||||
0x666666
|
||||
);
|
||||
setting.setTextColor(
|
||||
"#a66",
|
||||
"#844",
|
||||
"#844",
|
||||
"#333"
|
||||
);
|
||||
break;
|
||||
case GameAppButton.TYPE_TYPING_PRACTICE:
|
||||
case GameAppButton.TYPE_TYPING_APP:
|
||||
setting.setStrokeColor(
|
||||
0x444488,
|
||||
0x6666aa,
|
||||
0x6666aa,
|
||||
0x333333
|
||||
);
|
||||
setting.setButtonColor(
|
||||
0xaaaadd,
|
||||
0xddddff,
|
||||
0xddddff,
|
||||
0x666666
|
||||
);
|
||||
setting.setTextColor(
|
||||
"#844",
|
||||
"#a66",
|
||||
"#a66",
|
||||
"#333"
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
super(setting, iconName, buttonText, clickEvent);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
GameAppButton.TYPE_MOUSE_APP = 0;
|
||||
GameAppButton.TYPE_TYPING_PRACTICE = 1;
|
||||
GameAppButton.TYPE_TYPING_APP = 2;
|
||||
|
||||
GameAppButton.BUTTON_WIDTH = 150;
|
||||
GameAppButton.BUTTON_HEIGHT = 150;
|
||||
|
||||
GameAppButton.BUTTON_GAP = 20;
|
||||
GameAppButton.MARGIN_VERTICAL = 100;
|
||||
|
||||
GameAppButton.BUTTON_UPPER_POS_Y = 200;
|
||||
GameAppButton.BUTTON_LOWER_POS_Y = 460;
|
||||
Reference in New Issue
Block a user