diff options
Diffstat (limited to 'src/examples/button_example_01.js')
| -rw-r--r-- | src/examples/button_example_01.js | 208 |
1 files changed, 208 insertions, 0 deletions
diff --git a/src/examples/button_example_01.js b/src/examples/button_example_01.js new file mode 100644 index 000000000..5f34c112a --- /dev/null +++ b/src/examples/button_example_01.js @@ -0,0 +1,208 @@ +efl = require('efl'); +elm = require('elm'); + +_btn_options_cb = function(_btn) { + var text = _btn.textGet("elm.text"); + var lbl = text.split(": "); + + var t = parseFloat(lbl[1]); + if (lbl[0] === "Initial") + { + console.log ("Initial: " + lbl[1]); + up.setAutorepeatInitialTimeout(t); + down.setAutorepeatInitialTimeout(t); + left.setAutorepeatInitialTimeout(t); + right.setAutorepeatInitialTimeout(t); + } + else if (lbl[0] === "Gap") + { + console.log ("Gap: " + lbl[1]); + up.setAutorepeatGapTimeout(t); + down.setAutorepeatGapTimeout(t); + left.setAutorepeatGapTimeout(t); + right.setAutorepeatGapTimeout(t); + } +} + +_btn_cursors_move = function(_btn) { + var size = mid.getSizeHintAlign(); + var ax = size[0]; + var ay = size[1]; + console.log ("cursor move: ", size[0], size[1]); + + if (!icon_still) { + var icon = new elm.Elm.Icon(mid); + var icon_still_p = mid.contentUnset("icon"); + if (icon_still_p) { + icon_still_p.setVisible(false); + } + icon.setStandard("chat"); + mid.contentSet("icon", icon); + } + + if (_btn.getPosition()[1] == up.getPosition()[1]) { + ay -= 0.05; + if (ay < 0.0) ay = 0.0; + } + else if (_btn.getPosition()[1] == down.getPosition()[1]) { + ay += 0.05; + if (ay > 1.0) ay = 1.0; + } + else if (_btn.getPosition()[0] == left.getPosition()[0]) { + ax -= 0.05; + if (ax < 0.0) ax = 0.0; + } + else if (_btn.getPosition()[0] == right.getPosition()[0]) { + ax += 0.05; + if (ax > 1.0) ax = 1.0; + } + mid.setSizeHintAlign(ax, ay); +} + + +win = new elm.Elm.WinStandard(null); +win.setTitle("Button example"); +win.setAutohide(true); + +icon_still = new elm.Elm.Icon(win); +mid = new elm.Elm.Button(win); +up = new elm.Elm.Button(win); +down = new elm.Elm.Button(win); +left = new elm.Elm.Button(win); +right = new elm.Elm.Button(win); + +_btn_cursors_release = function() { + if (icon_still) + { + mid.contentSet("icon", icon_still); + icon_still = null; + } +} + +box = new elm.Elm.Box(win); +box.setSizeHintWeight(1.0, 1.0); +win.resizeObjectAdd(box); +box.setVisible(true); + +box_initial = new elm.Elm.Box(win); +box_initial.setHorizontal(true); +box_initial.setSizeHintWeight(1.0, 0.0); +box.packEnd(box_initial); +box_initial.setVisible(true); + +btn = new elm.Elm.Button(win); +btn.setText("elm.text", "Initial: 0.0"); +box_initial.packEnd(btn); +btn.setVisible(true); + +btn.on('clicked', _btn_options_cb); + +btn2 = new elm.Elm.Button(win); +btn2.setText("elm.text", "Initial: 1.0"); +box_initial.packEnd(btn2); +btn2.setVisible(true); +btn2.on('clicked', _btn_options_cb); + +btn3 = new elm.Elm.Button(win); +btn3.setText("elm.text", "Initial: 5.0"); +box_initial.packEnd(btn3); +btn3.setVisible(true); +btn3.on('clicked', _btn_options_cb); + +box_gap = new elm.Elm.Box(win); +box_gap.setHorizontal(true); +box_gap.setSizeHintWeight(1.0, 0.0); +box.packEnd(box_gap); +box_gap.setVisible(true); + +btn4 = new elm.Elm.Button(win); +btn4.setText("elm.text", "Gap: 0.1"); +box_gap.packEnd(btn4); +btn4.setVisible(true); +btn4.on('clicked', _btn_options_cb); + +btn5 = new elm.Elm.Button(win); +btn5.setText("elm.text", "Gap: 0.5"); +box_gap.packEnd(btn5); +btn5.setVisible(true); +btn5.on('clicked', _btn_options_cb); + +btn6 = new elm.Elm.Button(win); +btn6.setText("elm.text", "Gap: 1.0"); +box_gap.packEnd(btn6); +btn6.setVisible(true); +btn6.on('clicked', _btn_options_cb); + +up.setAutorepeat(true); +up.setAutorepeatInitialTimeout(1.0); +up.setAutorepeatGapTimeout(0.5); +up.setSizeHintWeight(1.0, 0.0); +up.setSizeHintAlign(-1.0, 0.0); +box.packEnd(up); +up.setVisible(true); +up.on('repeated', _btn_cursors_move) +up.on('unpressed', _btn_cursors_release); +icon_up = new elm.Elm.Icon(win); +icon_up.setStandard("arrow_up"); +up.contentSet("icon", icon_up); + +box_inferior = new elm.Elm.Box(win); +box_inferior.setHorizontal(true); +box_inferior.setSizeHintWeight(1.0, 1.0); +box_inferior.setSizeHintAlign(-1.0, -1.0); +box.packEnd(box_inferior); +box_inferior.setVisible(true); + +left.setAutorepeat(true); +left.setAutorepeatInitialTimeout(1.0); +left.setAutorepeatGapTimeout(0.5); +left.setSizeHintWeight(0.0, 1.0); +left.setSizeHintAlign(0.0, -1.0); +box_inferior.packEnd(left); +left.setVisible(true); +left.on('repeated', _btn_cursors_move) +left.on('unpressed', _btn_cursors_release); + +icon_left = new elm.Elm.Icon(win); +icon_left.setStandard("arrow_left"); +left.contentSet("icon", icon_left); + +mid.setSizeHintWeight(1.0, 1.0); +box_inferior.packEnd(mid); +mid.setVisible(true); + +icon_mid = new elm.Elm.Icon(win); +icon_mid.setStandard("close"); +mid.contentSet("icon", icon_mid); + +right.setAutorepeat(true); +right.setAutorepeatInitialTimeout(1.0); +right.setAutorepeatGapTimeout(0.5); +right.setSizeHintWeight(0.0, 1.0); +right.setSizeHintAlign(0.0, -1.0); +box_inferior.packEnd(right); +right.setVisible(true); +right.on('repeated', _btn_cursors_move); +right.on('unpressed', _btn_cursors_release); + +icon_right = new elm.Elm.Icon(win); +icon_right.setStandard("arrow_right"); +right.contentSet("icon", icon_right); + +down.setAutorepeat(true); +down.setAutorepeatInitialTimeout(1.0); +down.setAutorepeatGapTimeout(0.5); +down.setSizeHintWeight(1.0, 0.0); +down.setSizeHintAlign(-1.0, 0.0); +box.packEnd(down); +down.setVisible(true); +down.on('repeated', _btn_cursors_move); +down.on('unpressed', _btn_cursors_release); + +icon_down = new elm.Elm.Icon(win); +icon_down.setStandard("arrow_down"); +down.contentSet("icon", icon_down); + +win.setSize(300, 320); +win.setVisible(true); + |