枠の上にマウスが乗ったら枠の色を変化させる
単純に枠の上にマウスが乗ったら枠の色を変えるということ。
8行目のMOUSE_XとMOUSE_Yで枠の中にマウスが入るスペースを設定するだけで、マウスの動きを取得することができる。その下にマウスが乗った時の色と外れた時の色を指定。
13行目で枠を作成、その下がテキストを枠の中に入るようにポジションを設定。
filename.lua
x
42
42
1
function on_draw(fwl_wnd, x, y)2
-- 以下により左上が原点になる（winRight, winBottomを指定すると右下が原点？）3
-- winLeftとwinRightで左右のウインドウ幅を取得している。左が原点なのでこれは使わず「x」が使用されている。4
-- 天地の場合、上を原点にするので「winTop - winBottom」で天地幅を取得して「y」に天が原点になるように設定されている。5
winLeft, winTop, winRight, winBottom = float_wnd_get_geometry(fwl_wnd)6
---------------------------------------------------------------------------------------------------7
-- マウスオンでバック帯表示----------8
if (MOUSE_X >= x + 20 and MOUSE_X <= x + 230 and MOUSE_Y >= y + winTop - winBottom - 4 - (20 * 2) and MOUSE_Y <= y + winTop - winBottom +10 - (20 * 2)) then9
graphics.set_color(0, 1, 1, 0.5)10
else11
graphics.set_color(0, 1, 1, 0.2)12
end13
graphics.draw_rectangle(x + 20, y + (winTop - winBottom) + 12 - (20 * 2), x + 230, y + (winTop - winBottom) - 6 - (20 * 2))14
draw_string(x + 30, y + (winTop - winBottom) - (20 * 2), "DCバッテリースイッチをオンにする", "white") --テキスト、white yellow magenta grey green red cyan15
------------------------------------------------------------------------------16
-- マウスオンでバック帯表示----------17
if (MOUSE_X >= x + 20 and MOUSE_X <= x + 230 and MOUSE_Y >= y + winTop - winBottom - 4 - (20 * 3) and MOUSE_Y <= y + winTop - winBottom + 10 - (20 * 3)) then18
graphics.set_color(0, 1, 1, 0.5)19
else20
graphics.set_color(0, 1, 1, 0.2)21
end22
graphics.draw_rectangle(x + 20, y + (winTop - winBottom) + 12 - (20 * 3), x + 230, y + (winTop - winBottom) - 6 - (20 * 3))23
draw_string(x + 30, y + (winTop - winBottom) - (20 * 3), "STANDBY POWERをAUTOにする", "white") --テキスト24
------------------------------------------------------------------------------25
-- マウスオンでバック帯表示----------26
if (MOUSE_X >= x + 20 and MOUSE_X <= x + 230 and MOUSE_Y >= y + winTop - winBottom - 4 - (20 * 4) and MOUSE_Y <= y + winTop - winBottom + 10 - (20 * 4)) then27
graphics.set_color(0, 1, 1, 0.5)28
else29
graphics.set_color(0, 1, 1, 0.2)30
end31
graphics.draw_rectangle(x + 20, y + (winTop - winBottom) + 12 - (20 * 4), x + 230, y + (winTop - winBottom) - 6 - (20 * 4))32
--テキスト-------------------------------33
draw_string(x + 30, y + (winTop - winBottom) - (20 * 4), "GRD PWRをONスイッチをオンにする", "white") --テキスト34
------------------------------------------------------------------------------35
end -- function on_draw36
---------------------------------------------------------------------------------------------37
-- 単色の背景の場合は1、透明の場合は338
fwl_wnd = float_wnd_create(280, 120, 1, true)39
float_wnd_set_title(fwl_wnd, "FlyWithLua Test")40
float_wnd_set_position(fwl_wnd, 100, 200)41
float_wnd_set_ondraw(fwl_wnd, "on_draw")42
float_wnd_set_onclose(fwl_wnd, "on_close")枠のクリックで何か動作させる
枠をクリックでテキストの色を変える
枠をクリックするとテキストの色が変わる。更にクリックで元に戻るトグルになる。
float_wnd_set_onclickを使うのがポイント。
filename.lua
1
34
34
1
local click_ON = 0 --初期設定はマゼンタ2
3
-- XPLM CreateWindowEx による幅、高さ、装飾スタイル。 1 は無地の背景、3 は透明の場合4
wnd3 = float_wnd_create(220, 100, 1, false)5
float_wnd_set_title(wnd3, "fid2_xp11_fw")6
float_wnd_set_position(wnd3, 600, 500)7
float_wnd_set_ondraw(wnd3, "on_draw3")8
float_wnd_set_onclick(wnd3, "on_click3")9
float_wnd_set_onclose(wnd3, "on_close3")10
11
-- ここでウインドウを作成、原点は左下、x は右に増加し、y は上に増加。12
function on_draw3(wnd3, x3, y3)13
XPLMSetGraphicsState(0, 0, 0, 1, 1, 0, 0)14
15
graphics.set_color( 0, 1, 1, 0.2 ) --四角の色16
graphics.draw_rectangle(x3 + 10, y3 + 55, x3 + 75, y3 + 80)--四角、左下が起点17
18
if (click_ON == 0) then19
draw_string(x3 + 20, y3 + 64, "BUTTON", "magenta")20
else21
draw_string(x3 + 20, y3 + 64, "BUTTON", "yellow")22
end23
24
end25
26
-- スペース範囲を設定、クリックで１になる。左下が原点。27
function on_click3(wnd3, x3, y3, state)28
-- 上の四角のスペースと同じ位置を設定する。29
if (state == 1 and x3 >= 10 and x3 <= 75 and y3 >= 55 and y3 <= 80) then 30
click_ON = 1 - click_ON -- これでトグルになる。31
end32
end33
34
function on_close(wnd3)end