Readjusted tooltips and made them always fit the screen
This commit is contained in:
Azumgi
parent
e5662a8766
commit
02c2531978
1 changed files with 139 additions and 75 deletions
|
|
@ -280,51 +280,6 @@ local function create_header_widget(widget_definition, scenegraph_id)
|
|||
element = {
|
||||
passes = {
|
||||
-- VISUALS
|
||||
{
|
||||
pass_type = "local_offset",
|
||||
|
||||
offset_function = function (ui_scenegraph, ui_style, ui_content, ui_renderer)
|
||||
|
||||
if ui_content.highlight_hotspot.on_release and not ui_content.checkbox_hotspot.on_release and not ui_content.fav_icon_hotspot.on_release
|
||||
and not ui_content.fav_arrow_up_hotspot.on_release and not ui_content.fav_arrow_down_hotspot.on_release then
|
||||
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
||||
if ui_content.fav_icon_hotspot.on_release then
|
||||
ui_content.callback_favorite(ui_content)
|
||||
end
|
||||
|
||||
if ui_content.fav_arrow_up_hotspot.on_release then
|
||||
ui_content.callback_move_favorite(ui_content, true)
|
||||
end
|
||||
|
||||
if ui_content.fav_arrow_down_hotspot.on_release then
|
||||
ui_content.callback_move_favorite(ui_content, false)
|
||||
end
|
||||
|
||||
|
||||
if ui_content.checkbox_hotspot.on_release then
|
||||
|
||||
if ui_content.is_widget_collapsed then
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
||||
local mod_name = ui_content.mod_name
|
||||
local is_mod_suspended = ui_content.is_checkbox_checked
|
||||
|
||||
ui_content.is_checkbox_checked = not ui_content.is_checkbox_checked
|
||||
|
||||
ui_content.callback_mod_suspend_state_changed(mod_name, is_mod_suspended)
|
||||
end
|
||||
|
||||
ui_content.fav_icon_texture = ui_content.is_favorited and "header_fav_icon_lit" or "header_fav_icon"
|
||||
ui_content.background_texture = ui_content.is_widget_collapsed and "header_background_lit" or "header_background"
|
||||
ui_content.checkbox_texture = ui_content.is_checkbox_checked and "checkbox_checked" or "checkbox_unchecked"
|
||||
ui_style.fav_arrow_up.color[1] = ui_content.fav_arrow_up_hotspot.is_hover and 255 or 90
|
||||
ui_style.fav_arrow_down.color[1] = ui_content.fav_arrow_down_hotspot.is_hover and 255 or 90
|
||||
end
|
||||
},
|
||||
{
|
||||
pass_type = "texture",
|
||||
|
||||
|
|
@ -429,6 +384,56 @@ local function create_header_widget(widget_definition, scenegraph_id)
|
|||
|
||||
content_id = "highlight_hotspot"
|
||||
},
|
||||
-- PROCESSING
|
||||
{
|
||||
pass_type = "local_offset",
|
||||
|
||||
offset_function = function (ui_scenegraph, ui_style, ui_content, ui_renderer)
|
||||
|
||||
if ui_content.highlight_hotspot.is_hover and ui_content.tooltip_text then
|
||||
ui_style.tooltip_text.cursor_offset = ui_content.callback_fit_tooltip_to_the_screen(ui_content, ui_style.tooltip_text, ui_renderer)
|
||||
end
|
||||
|
||||
if ui_content.highlight_hotspot.on_release and not ui_content.checkbox_hotspot.on_release and not ui_content.fav_icon_hotspot.on_release
|
||||
and not ui_content.fav_arrow_up_hotspot.on_release and not ui_content.fav_arrow_down_hotspot.on_release then
|
||||
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
||||
if ui_content.fav_icon_hotspot.on_release then
|
||||
ui_content.callback_favorite(ui_content)
|
||||
end
|
||||
|
||||
if ui_content.fav_arrow_up_hotspot.on_release then
|
||||
ui_content.callback_move_favorite(ui_content, true)
|
||||
end
|
||||
|
||||
if ui_content.fav_arrow_down_hotspot.on_release then
|
||||
ui_content.callback_move_favorite(ui_content, false)
|
||||
end
|
||||
|
||||
|
||||
if ui_content.checkbox_hotspot.on_release then
|
||||
|
||||
if ui_content.is_widget_collapsed then
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
||||
local mod_name = ui_content.mod_name
|
||||
local is_mod_suspended = ui_content.is_checkbox_checked
|
||||
|
||||
ui_content.is_checkbox_checked = not ui_content.is_checkbox_checked
|
||||
|
||||
ui_content.callback_mod_suspend_state_changed(mod_name, is_mod_suspended)
|
||||
end
|
||||
|
||||
ui_content.fav_icon_texture = ui_content.is_favorited and "header_fav_icon_lit" or "header_fav_icon"
|
||||
ui_content.background_texture = ui_content.is_widget_collapsed and "header_background_lit" or "header_background"
|
||||
ui_content.checkbox_texture = ui_content.is_checkbox_checked and "checkbox_checked" or "checkbox_unchecked"
|
||||
ui_style.fav_arrow_up.color[1] = ui_content.fav_arrow_up_hotspot.is_hover and 255 or 90
|
||||
ui_style.fav_arrow_down.color[1] = ui_content.fav_arrow_down_hotspot.is_hover and 255 or 90
|
||||
end
|
||||
},
|
||||
-- TOOLTIP
|
||||
{
|
||||
pass_type = "tooltip_text",
|
||||
|
|
@ -439,7 +444,6 @@ local function create_header_widget(widget_definition, scenegraph_id)
|
|||
return content.tooltip_text and content.highlight_hotspot.is_hover
|
||||
end
|
||||
},
|
||||
-- PROCESSING
|
||||
-- DEBUG
|
||||
{
|
||||
pass_type = "border",
|
||||
|
|
@ -562,12 +566,14 @@ local function create_header_widget(widget_definition, scenegraph_id)
|
|||
|
||||
tooltip_text = {
|
||||
font_type = "hell_shark",
|
||||
font_size = 24,
|
||||
font_size = 18,
|
||||
horizontal_alignment = "left",
|
||||
vertical_alignment = "top",
|
||||
cursor_side = "left",
|
||||
cursor_side = "right",
|
||||
max_width = 600,
|
||||
cursor_offset = {-10, -27},
|
||||
cursor_offset = {27, 27},
|
||||
cursor_offset_bottom = {27, 27},
|
||||
cursor_offset_top = {27, -27},
|
||||
line_colors = {
|
||||
Colors.get_color_table_with_alpha("cheeseburger", 255),
|
||||
Colors.get_color_table_with_alpha("white", 255)
|
||||
|
|
@ -660,22 +666,16 @@ local function create_checkbox_widget(widget_definition, scenegraph_id)
|
|||
|
||||
content_id = "highlight_hotspot"
|
||||
},
|
||||
-- TOOLTIP
|
||||
{
|
||||
pass_type = "tooltip_text",
|
||||
|
||||
text_id = "tooltip_text",
|
||||
style_id = "tooltip_text",
|
||||
content_check_function = function (content)
|
||||
return content.tooltip_text and content.highlight_hotspot.is_hover
|
||||
end
|
||||
},
|
||||
-- PROCESSING
|
||||
{
|
||||
pass_type = "local_offset",
|
||||
|
||||
offset_function = function (ui_scenegraph, ui_style, ui_content, ui_renderer)
|
||||
|
||||
if ui_content.highlight_hotspot.is_hover and ui_content.tooltip_text then
|
||||
ui_style.tooltip_text.cursor_offset = ui_content.callback_fit_tooltip_to_the_screen(ui_content, ui_style.tooltip_text, ui_renderer)
|
||||
end
|
||||
|
||||
if ui_content.highlight_hotspot.on_release and not ui_content.checkbox_hotspot.on_release then
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
|
@ -699,6 +699,16 @@ local function create_checkbox_widget(widget_definition, scenegraph_id)
|
|||
ui_content.checkbox_texture = ui_content.is_checkbox_checked and "checkbox_checked" or "checkbox_unchecked"
|
||||
end
|
||||
},
|
||||
-- TOOLTIP
|
||||
{
|
||||
pass_type = "tooltip_text",
|
||||
|
||||
text_id = "tooltip_text",
|
||||
style_id = "tooltip_text",
|
||||
content_check_function = function (content)
|
||||
return content.tooltip_text and content.highlight_hotspot.is_hover
|
||||
end
|
||||
},
|
||||
-- DEBUG
|
||||
{
|
||||
pass_type = "rect",
|
||||
|
|
@ -789,12 +799,14 @@ local function create_checkbox_widget(widget_definition, scenegraph_id)
|
|||
|
||||
tooltip_text = {
|
||||
font_type = "hell_shark",
|
||||
font_size = 24,
|
||||
font_size = 18,
|
||||
horizontal_alignment = "left",
|
||||
vertical_alignment = "top",
|
||||
cursor_side = "left",
|
||||
cursor_side = "right",
|
||||
max_width = 600,
|
||||
cursor_offset = {-10, -27},
|
||||
cursor_offset = {27, 27},
|
||||
cursor_offset_bottom = {27, 27},
|
||||
cursor_offset_top = {27, -27},
|
||||
line_colors = {
|
||||
Colors.get_color_table_with_alpha("cheeseburger", 255),
|
||||
Colors.get_color_table_with_alpha("white", 255)
|
||||
|
|
@ -927,22 +939,16 @@ local function create_stepper_widget(widget_definition, scenegraph_id)
|
|||
style_id = "right_arrow_hotspot",
|
||||
content_id = "right_arrow_hotspot"
|
||||
},
|
||||
-- TOOLTIP
|
||||
{
|
||||
pass_type = "tooltip_text",
|
||||
|
||||
text_id = "tooltip_text",
|
||||
style_id = "tooltip_text",
|
||||
content_check_function = function (content)
|
||||
return content.tooltip_text and content.highlight_hotspot.is_hover
|
||||
end
|
||||
},
|
||||
-- PROCESSING
|
||||
{
|
||||
pass_type = "local_offset",
|
||||
|
||||
offset_function = function (ui_scenegraph, ui_style, ui_content, ui_renderer)
|
||||
|
||||
if ui_content.highlight_hotspot.is_hover and ui_content.tooltip_text then
|
||||
ui_style.tooltip_text.cursor_offset = ui_content.callback_fit_tooltip_to_the_screen(ui_content, ui_style.tooltip_text, ui_renderer)
|
||||
end
|
||||
|
||||
if ui_content.highlight_hotspot.on_release and not ui_content.left_arrow_hotspot.on_release and not ui_content.right_arrow_hotspot.on_release then
|
||||
ui_content.callback_hide_sub_widgets(ui_content)
|
||||
end
|
||||
|
|
@ -975,6 +981,16 @@ local function create_stepper_widget(widget_definition, scenegraph_id)
|
|||
ui_content.right_arrow_texture = ui_content.right_arrow_hotspot.is_hover and "settings_arrow_clicked" or "settings_arrow_normal"
|
||||
end
|
||||
},
|
||||
-- TOOLTIP
|
||||
{
|
||||
pass_type = "tooltip_text",
|
||||
|
||||
text_id = "tooltip_text",
|
||||
style_id = "tooltip_text",
|
||||
content_check_function = function (content, style)
|
||||
return content.tooltip_text and content.highlight_hotspot.is_hover
|
||||
end
|
||||
},
|
||||
-- DEBUG
|
||||
{
|
||||
pass_type = "rect",
|
||||
|
|
@ -1096,12 +1112,14 @@ local function create_stepper_widget(widget_definition, scenegraph_id)
|
|||
|
||||
tooltip_text = {
|
||||
font_type = "hell_shark",
|
||||
font_size = 24,
|
||||
font_size = 18,
|
||||
horizontal_alignment = "left",
|
||||
vertical_alignment = "top",
|
||||
cursor_side = "left",
|
||||
cursor_side = "right",
|
||||
max_width = 600,
|
||||
cursor_offset = {-10, -27},
|
||||
cursor_offset = {27, 27},
|
||||
cursor_offset_bottom = {27, 27},
|
||||
cursor_offset_top = {27, -27},
|
||||
line_colors = {
|
||||
Colors.get_color_table_with_alpha("cheeseburger", 255),
|
||||
Colors.get_color_table_with_alpha("white", 255)
|
||||
|
|
@ -1323,6 +1341,7 @@ VMFOptionsView.build_header_widget = function (self, definition, scenegraph_id)
|
|||
content.callback_move_favorite = callback(self, "callback_move_favorite")
|
||||
content.callback_mod_suspend_state_changed = callback(self, "callback_mod_suspend_state_changed")
|
||||
content.callback_hide_sub_widgets = callback(self, "callback_hide_sub_widgets")
|
||||
content.callback_fit_tooltip_to_the_screen = callback(self, "callback_fit_tooltip_to_the_screen")
|
||||
|
||||
return widget
|
||||
end
|
||||
|
|
@ -1334,6 +1353,7 @@ VMFOptionsView.build_stepper_widget = function (self, definition, scenegraph_id)
|
|||
|
||||
content.callback_setting_changed = callback(self, "callback_setting_changed")
|
||||
content.callback_hide_sub_widgets = callback(self, "callback_hide_sub_widgets")
|
||||
content.callback_fit_tooltip_to_the_screen = callback(self, "callback_fit_tooltip_to_the_screen")
|
||||
|
||||
return widget
|
||||
end
|
||||
|
|
@ -1345,6 +1365,7 @@ VMFOptionsView.build_checkbox_widget = function (self, definition, scenegraph_id
|
|||
|
||||
content.callback_setting_changed = callback(self, "callback_setting_changed")
|
||||
content.callback_hide_sub_widgets = callback(self, "callback_hide_sub_widgets")
|
||||
content.callback_fit_tooltip_to_the_screen = callback(self, "callback_fit_tooltip_to_the_screen")
|
||||
|
||||
return widget
|
||||
end
|
||||
|
|
@ -1449,6 +1470,49 @@ VMFOptionsView.sort_settings_list_widgets = function (self)
|
|||
end
|
||||
|
||||
|
||||
VMFOptionsView.callback_fit_tooltip_to_the_screen = function (self, widget_content, widget_style, ui_renderer)
|
||||
|
||||
local cursor_offset_bottom = widget_style.cursor_offset_bottom
|
||||
|
||||
if ui_renderer.input_service then
|
||||
|
||||
local cursor_position = UIInverseScaleVectorToResolution(ui_renderer.input_service.get(ui_renderer.input_service, "cursor"))
|
||||
if cursor_position then
|
||||
|
||||
local text = widget_content.tooltip_text
|
||||
local max_width = widget_style.max_width
|
||||
|
||||
local font, font_size = UIFontByResolution(widget_style)
|
||||
local font_name = font[3]
|
||||
local font_material = font[1]
|
||||
|
||||
local _, font_min, font_max = UIGetFontHeight(ui_renderer.gui, font_name, font_size)
|
||||
|
||||
|
||||
|
||||
local texts = UIRenderer.word_wrap(ui_renderer, text, font_material, font_size, max_width)
|
||||
local num_texts = #texts
|
||||
local full_font_height = (font_max + math.abs(font_min)) * RESOLUTION_LOOKUP.inv_scale
|
||||
|
||||
local tooltip_height = full_font_height * num_texts
|
||||
|
||||
if((cursor_offset_bottom[2] / UIResolutionScale() + tooltip_height) > cursor_position[2]) then
|
||||
|
||||
local cursor_offset_top = {}
|
||||
cursor_offset_top[1] = widget_style.cursor_offset_top[1]
|
||||
cursor_offset_top[2] = widget_style.cursor_offset_top[2] - (tooltip_height * UIResolutionScale())
|
||||
|
||||
return cursor_offset_top
|
||||
else
|
||||
return cursor_offset_bottom
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
return cursor_offset_bottom
|
||||
end
|
||||
|
||||
|
||||
VMFOptionsView.callback_favorite = function (self, widget_content)
|
||||
|
||||
local mod_name = widget_content.mod_name
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue