Minecraft/bedrock-samples
1
0
Fork 0
mirror of https://github.com/Mojang/bedrock-samples.git synced 2024-11-27 04:38:56 +00:00
Code
main
bedrock-samples/resource_pack/ui/sidebar_navigation.json
Mike Ammerlaan 1c48a87a35 v1.21.20.3
2024-08-13 09:36:05 -07:00

1286 lines
44 KiB
JSON
Raw Permalink Blame History

{
"namespace": "sidebar_navigation",
"empty_panel": {
"type": "panel",
"size": [ "100%", 0 ]
},
"empty_fill_x_panel": {
"type": "panel",
"size": [ "fill", "100%" ]
},
"empty_default_panel@common.empty_panel": {
"size": [ 0, 0 ]
},
"vertical_padding_panel@common.empty_panel": {
"size": [ "100%", 2 ]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// optional fields:
// - $sidebar_bg_color : color desired from bg
"sidebar_bg": {
"type": "image",
"texture": "textures/ui/white_background",
"$sidebar_bg_color|default": "$sidebar_bg_color",
"color": "$sidebar_bg_color",
"fill": true,
"keep_ratio": false
},
"sidebar_divider": {
"type": "image",
"size": [ "100%", 2 ],
"layer": 3,
"texture": "textures/ui/sidebar_icons/side_panel_divider",
"fill": true,
"keep_ratio": false
},
"sidebar_divider_panel@common.empty_panel": {
"size": [ "100%", 6 ],
"controls": [
{
"sidebar_divider@sidebar_navigation.sidebar_divider": {
"size": [ "100%", 2 ]
}
}
]
},
"toggle_content": {
"type": "panel",
"controls": [
{ "toggle_content@$sidebar_toggle_content": {} }
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - size : desired size
// - $scrolling_content : ui control panel to use in scrolling area
//
"sidebar_section_scroll_panel@common.scrolling_panel": {
"anchor_from": "top_left",
"anchor_to": "top_left",
"$scrolling_pane_size": [ "100%", "100%" ],
"$scroll_size": [ 5, "100% - 8px" ],
"$scroll_bar_left_padding_size": [ 2, 0 ],
"$scroll_bar_right_padding_size": [ 0, 0 ]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_bg_content : ui control to use as content
//
// optional fields:
// - $sidebar_bg_color : color desired from bg
"sidebar_bg_content_panel@sidebar_navigation.sidebar_bg": {
"anchor_to": "top_left",
"anchor_from": "top_left",
"$sidebar_bg_content_control|default": "common.empty_panel",
"controls": [
{
"sidebar_bg_content@$sidebar_bg_content_control": {}
}
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_factory_collection_name : colletion name : strign
//
// optional fields
// - $sidebar_nav_toggle_image : image path : string : if not provided then a binding will be provided
"sidebar_nav_toggle_image": {
"type": "image",
"$sidebar_nav_toggle_image_size|default": [ 14, 14 ],
"size": "$sidebar_nav_toggle_image_size",
"layer": 3,
"$sidebar_nav_toggle_image_anchor|default": "center",
"anchor_from": "$sidebar_nav_toggle_image_anchor",
"anchor_to": "$sidebar_nav_toggle_image_anchor",
"$sidebar_nav_toggle_image_grayscale|default": false,
"grayscale": "$sidebar_nav_toggle_image_grayscale",
"$sidebar_nav_toggle_image|default": "",
"$sidebar_nav_toggle_image_binds|default": [],
"variables": [
{
"requires": "($sidebar_nav_toggle_image = '')",
"$sidebar_nav_toggle_image_binds": [
{
"binding_type": "collection_details"
},
{
"binding_type": "$toggle_parent_collection_details",
"binding_collection_name": "$toggle_parent_collection_details_name",
"binding_collection_prefix": "$toggle_parent_collection_details_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "#sidebar_nav_image",
"binding_name_override": "#texture"
},
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "#sidebar_nav_image_file_system",
"binding_name_override": "#texture_file_system"
},
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "#sidebar_nav_image_bilinear_enabled",
"binding_name_override": "#bilinear"
}
]
}
],
"texture": "$sidebar_nav_toggle_image",
"bindings": "$sidebar_nav_toggle_image_binds"
},
"sidebar_nav_toggle_image_panel": {
"type": "panel",
"$sidebar_nav_toggle_image_panel_size|default": [ "100%c", "100%" ],
"size": "$sidebar_nav_toggle_image_panel_size",
"$gamepad_helper_icon|default": "sidebar_navigation.empty_default_panel",
"controls": [
{ "sidebar_nav_toggle_image@sidebar_navigation.sidebar_nav_toggle_image": {} },
{ "gamepad_helper_icon@$gamepad_helper_icon": {} }
]
},
"gamepad_helper_icon_start_toggle@common.gamepad_helper_start": {
"$hide_description|default": true,
"variables": [
{
"requires": "$is_ps4",
"$start_gamepad_helper_offset": [ -5, 2 ],
"$gamepad_helper_icon_size": [ 18, 18 ]
},
{
"requires": "(not $is_ps4)",
"$start_gamepad_helper_offset": [ -8, -3 ]
}
],
"offset": "$start_gamepad_helper_offset"
},
"verbose_view_toggle_content": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100%", "100%" ],
"$gamepad_helper_icon": "sidebar_navigation.gamepad_helper_icon_start_toggle",
"controls": [
{
"left_padding": {
"type": "panel",
"size": [ 12, "100%" ]
}
},
{
"sidebar_nav_toggle_image@sidebar_navigation.sidebar_nav_toggle_image_panel": {
"$sidebar_nav_toggle_image_anchor": "left_middle"
}
}
]
},
"sidebar_toggle_bg@common_buttons.button_image": {
"$sidebar_toggle_bg_bindings|default": [],
"$sidebar_toggle_bg_property_bag|default": {},
"variables": [
{
"requires": "$toggle_checked",
"$sidebar_toggle_bg_bindings": [
{
"binding_type": "$toggle_parent_collection_details",
"binding_collection_name": "$toggle_parent_collection_details_name",
"binding_collection_prefix": "$toggle_parent_collection_details_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "#dropdown_checked_color",
"binding_name_override": "#color"
}
],
"$sidebar_toggle_bg_property_bag": {
"#expanded_color": "$sidebar_dropdown_expanded_color",
"#selected_color": "$sidebar_option_selected_color"
}
}
],
"property_bag": "$sidebar_toggle_bg_property_bag",
"bindings": "$sidebar_toggle_bg_bindings"
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $toggle_binding_type : binging type
// - $toggle_grid_collection_name : collection name : required if binging type == collection
// - $toggle_state_binding_name : binding name for state
//
// optional fields:
// - $toggle_name : toggle event name
// - $hover_texture : texture path
// - $button_content : toggle content control
// - $button_alpha : alpha color for toggle bg texture
// - $default_checked_texture_color : color for default checked bg
"sidebar_toggle@common_toggles.dark_content_toggle": {
"$sidebar_toggle_size|default": [ "100%", 23 ],
"size": "$sidebar_toggle_size",
"$toggle_name|default": "toggle.sidebar_option_selection",
"$default_focus_precedence": -10,
"$button_image_size": [ "100%", "100%" ],
"$button_content": "sidebar_navigation.toggle_content",
"$button_content_size": [ "100%", "100%" ],
"$unchecked_locked_texture": "textures/ui/banners_no_border",
"$checked_locked_texture": "textures/ui/banners_no_border",
"$default_texture": "textures/ui/white_background",
"$hover_texture": "textures/ui/white_background",
"$pressed_texture": "textures/ui/White",
"$pressed_no_hover_texture": "textures/ui/White",
"$default_texture_color": "$sidebar_bg_color",
"$default_checked_texture_color": "$sidebar_option_selected_color",
"$hover_texture_color": "$sidebar_default_hover_color",
"$hover_checked_texture_color": "$sidebar_default_hover_color",
"$hover_border_visible": false,
"$default_border_visible": false,
"$button_image_fill": true,
"$enable_hover_event_mapping": true,
"$toggle_hover_event_mapping": "button.dropdown_nav_toggle_on_hover",
"$toggle_parent_collection_details": "collection_details",
"$toggle_parent_collection_details_name": "$sidebar_section_collection_name",
"$toggle_parent_collection_details_prefix": "$sidebar_section_collection_prefix",
"$pressed_button_name": "toggle.sidebar_option_selection"
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $toggle_binding_type : binging type
// - $toggle_grid_collection_name : collection name : required if binging type == collection
// - $toggle_state_binding_name : binding name for state
"sidebar_option_toggle@sidebar_navigation.sidebar_toggle": {
"$border_color": "$f_color_format",
"$toggle_tts_toggle_on_text": "",
"$toggle_tts_toggle_off_text": "",
"$toggle_tts_header_binding_type": "collection",
"$toggle_tts_header_binding_collection_name": "$sidebar_factory_collection_name",
"$toggle_tts_header": "#sidebar_toggle_tts"
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $toggle_binding_type : binging type
// - $toggle_grid_collection_name : collection name : required if binging type == collection
// - $toggle_state_binding_name : binding name for state
"simple_sidebar_toggle@sidebar_navigation.sidebar_option_toggle": {
"$false_border_visible": false,
"$sidebar_nav_toggle_image_grayscale": false,
"$sidebar_toggle_content": "sidebar_navigation.sidebar_nav_toggle_image",
"$toggle_state_binding_name": "#simple_sidebar_option_toggle_check",
"$enable_focus_enabled_bind": true,
"$focus_enabled_binding_name": "(not #is_using_gamepad)"
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $toggle_binding_type : binging type
// - $toggle_grid_collection_name : collection name : required if binging type == collection
// - $toggle_state_binding_name : binding name for state
"verbose_toggle@sidebar_navigation.sidebar_option_toggle": {
"anchor_from": "top_right",
"anchor_to": "top_right",
"$sidebar_toggle_content": "common_toggles.toggle_content_panel",
"$toggle_content_panel_size": [ "100% - 13px", "100% - 6px" ],
"$toggle_content_panel_offset": [ -4, 0 ],
"$toggle_content_panel_anchor": "right_middle",
"$content_toggle_image_panel": "sidebar_navigation.sidebar_nav_toggle_image_panel",
"$content_toggle_label_size": [ "100%", 12 ],
"$content_toggle_label_max_size": [ "100%", 12 ],
"$content_toggle_label_offset": [ 0, 2 ],
"$content_toggle_label_binding_type": "collection",
"$content_toggle_label": "#sidebar_option_label",
"$toggle_state_binding_name": "#verbose_sidebar_option_toggle_check",
"$enable_focus_id_bind": true,
"$focus_id_binding_name": "#verbose_option_focus_id",
"$focus_id": "verbose_option"
},
"verbose_sidebar_option@sidebar_navigation.verbose_toggle": {
"$ignore_content_toggle_icon": true
},
"verbose_expand_option@sidebar_navigation.verbose_sidebar_option": {
"$ignore_content_toggle_image": true,
"$default_texture_alpha": 0,
"$hover_border_visible": true
},
/////////////////////////////////////////////////////
// Verbose dropdown toggle controls
"verbose_dropdown_option@sidebar_navigation.verbose_toggle": {
"$toggle_name": "toggle.sidebar_option_dropdown",
"$content_toggle_icon_panel_size": [ 7, "100%" ],
"$content_toggle_icon_size": [ 7, 7 ],
"$content_toggle_icon": "#dropdown_toggle_icon",
"$button_image": "sidebar_navigation.sidebar_toggle_bg",
"$content_toggle_icon_bindings": [
{
"binding_type": "$toggle_parent_collection_details",
"binding_collection_name": "$toggle_parent_collection_details_name",
"binding_collection_prefix": "$toggle_parent_collection_details_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "#dropdown_toggle_texture",
"binding_name_override": "#texture"
}
],
"$focus_override_right": "expand_option",
"$ignore_close_verbose_button_mapping": true,
"$enable_hover_event_mapping": true,
"$toggle_hover_event_mapping": "button.dropdown_nav_toggle_on_hover"
},
"verbose_dropdown_expanded_option@sidebar_navigation.verbose_dropdown_option": {
"$ignore_content_toggle_image": true,
"$enable_focus_id_bind": true,
"$focus_id_binding_name": "#expand_option_focus_id",
"$focus_id": "first_expand_option"
},
"verbose_sidebar_expand_section_bg@sidebar_navigation.sidebar_bg": {
"layer": 1,
"$sidebar_bg_color": "$sidebar_expanded_section_bg_color"
},
"verbose_sidebar_expand_section_panel@sidebar_navigation.sidebar_section": {
"size": [ 122, "100%" ],
"$sidebar_section_name": "verbose_expand_section_scroll_panel",
"$sidebar_section_control": "sidebar_navigation.sidebar_section_scroll_panel",
"$ignore_sidebar_section_left_edge": false,
"$sidebar_section_left_edge_color": "$sidebar_verbose_expand_border_color",
"$sidebar_section_right_edge_color": "$sidebar_verbose_expand_border_color",
"$scrolling_content": "sidebar_navigation.verbose_expand_section_panel",
"$scroll_background_image_control": "sidebar_navigation.verbose_sidebar_expand_section_bg",
"$sidebar_factory_collection_name": "verbose_expand_section_option"
},
"verbose_expand_section_panel@sidebar_navigation.sidebar_option_factory_panel": {
"focus_container": true,
"use_last_focus": true,
"focus_wrap_enabled": false,
"focus_navigation_mode_left": "none",
"focus_navigation_mode_down": "contained",
"focus_navigation_mode_up": "contained",
"focus_navigation_mode_right": "custom",
"focus_container_custom_right": [
{
"other_focus_container_name": "scrolling_content",
"focus_id_inside": "expand_option"
}
],
"$sidebar_option_factory_binding_type": "collection",
"$sidebar_option_factory_collection_name": "$sidebar_section_collection_name",
"$sidebar_factory_control_ids": {
"defaultNavOption": "sidebar_navigation.verbose_expand_option",
"defaultNavListOption": "sidebar_navigation.verbose_dropdown_expanded_option",
"defaultNavButton": "sidebar_navigation.verbose_nav_button_panel",
"fill": "sidebar_navigation.empty_default_panel",
"line": "sidebar_navigation.sidebar_divider_panel",
"padding": "sidebar_navigation.vertical_padding_panel"
}
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $toggle_binding_type : binging type
// - $toggle_grid_collection_name : collection name : required if binging type == collection
// - $toggle_state_binding_name : binding name for state
"verbose_view_toggle@sidebar_navigation.sidebar_toggle": {
"$border_visible": false,
"$button_content": "sidebar_navigation.verbose_view_toggle_content",
"$focus_id": "verbose_toggle",
"$default_focus_precedence": -9,
"$sidebar_nav_toggle_image": "textures/ui/sidebar_icons/menu_threebars",
"$sidebar_nav_toggle_image_size": [ 10, 10 ],
"$toggle_name": "toggle.sidebar_verbose_toggle",
"$toggle_binding_type": "global",
"$toggle_state_binding_name": "#sidebar_verbose_toggle_check",
"$default_checked_texture_alpha": 0,
"$toggle_tts_header_binding_type": "global",
"$toggle_tts_header": "#verbose_toggle_tts",
"$enable_focus_enabled_bind": true,
"$focus_enabled_binding_name": "(not #is_using_gamepad)"
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_factory_control_ids : control id array
// - $sidebar_factory_collection_name : string
// - $sidebar_factory_collection_binding_name : bind name string
"sidebar_option_factory": {
"type": "stack_panel",
"orientation": "vertical",
"size": [ "100%", "100%c" ],
"anchor_to": "top_left",
"anchor_from": "top_left",
"collection_name": "$sidebar_factory_collection_name",
"$sidebar_option_factory_binding_type|default": "global",
"$sidebar_option_factory_collection_name|default": "",
"$toggle_binding_type": "collection",
"$toggle_property_bag_binding_type": "collection",
"$toggle_grid_collection_name": "$sidebar_factory_collection_name",
"$toggle_state_binding_name": "#sidebar_option_toggle_check",
"$toggle_collection_details_type": "collection_details",
"$toggle_collection_detail_name": "$sidebar_factory_collection_name",
"factory": {
"name": "sidebar_factory",
"control_ids": "$sidebar_factory_control_ids",
"factory_variables": [
"$sidebar_factory_collection_name",
"$sidebar_section_collection_name",
"$sidebar_section_collection_prefix",
"$toggle_binding_type",
"$toggle_property_bag_binding_type",
"$toggle_grid_collection_name",
"$toggle_state_binding_name",
"$toggle_collection_details_type",
"$toggle_collection_detail_name"
]
},
"bindings": [
{
"binding_condition": "visible",
"binding_type": "$sidebar_option_factory_binding_type",
"binding_collection_name": "$sidebar_option_factory_collection_name",
"binding_name": "$sidebar_factory_collection_binding_name",
"binding_name_override": "#collection_length"
}
]
},
"sidebar_option_factory_panel": {
"type": "input_panel",
"size": [ "100%", "100%c" ],
"controls": [
{ "sidebar_option_factory@sidebar_navigation.sidebar_option_factory": {} }
],
"$ignore_exit_button_mapping|default": false,
"$ignore_close_verbose_button_mapping|default": false,
"button_mappings": [
{
"ignored": "$ignore_exit_button_mapping",
"from_button_id": "button.menu_cancel",
"to_button_id": "button.exit_verbose_state",
"mapping_type": "global",
"consume_event": false
}
],
"bindings": [
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_section_collection_name",
"binding_collection_prefix": "$sidebar_section_collection_prefix"
}
]
},
"verbose_button_content": {
"type": "panel",
"controls": [
{
"button_label": {
"type": "label",
"size": [ "100%", "default" ],
"layer": 5,
"color": "$text_color",
"text_alignment": "center",
"text": "$button_text_binding_name",
"bindings": [
{
"binding_type": "collection",
"binding_collection_name": "$sidebar_factory_collection_name",
"binding_name": "$button_text_binding_name"
},
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_section_collection_name",
"binding_collection_prefix": "$sidebar_section_collection_prefix"
}
]
}
}
]
},
"verbose_button@common_buttons.dark_content_button": {
"size": [ "100% - 14px", "100% - 2px" ],
"$button_focus_precedence": -1,
"$pressed_button_name": "button.select_nav_option",
"$button_content": "sidebar_navigation.verbose_button_content",
"$button_text_binding_name": "#sidebar_option_label",
"$default_button_texture": "textures/ui/sidebar_icons/button_panel",
"$hover_button_texture": "textures/ui/sidebar_icons/side_drawer_button_hover_focused",
"$pressed_button_texture": "textures/ui/sidebar_icons/side_drawer_button_selected",
"bindings": [
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_factory_collection_name"
},
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_section_collection_name",
"binding_collection_prefix": "$sidebar_section_collection_prefix"
}
]
},
"verbose_nav_button_panel": {
"type": "panel",
"size": [ "100%", 26 ],
"anchor_from": "center",
"anchor_to": "center",
"bindings": [
{
"binding_name": "(not #is_simple_sidebar_state_active)",
"binding_name_override": "#visible"
}
],
"controls": [
{ "verbose_nav_button@sidebar_navigation.verbose_button": {} }
]
},
"verbose_screen_nav_button@common_buttons.dark_content_button": {
"size": [ "100% - 14px", "100% - 2px" ],
"$pressed_button_name": "button.select_screen_nav_button_option",
"$button_content": "sidebar_navigation.verbose_button_content",
"$button_text_binding_name": "#sidebar_screen_nav_screen_button_label",
"$default_button_texture": "textures/ui/sidebar_icons/button_panel",
"$hover_button_texture": "textures/ui/sidebar_icons/side_drawer_button_selected",
"$pressed_button_texture": "textures/ui/sidebar_icons/side_drawer_button_selected",
"bindings": [
{
"binding_name": "#is_screen_nav_button_visible",
"binding_name_override": "#visible"
},
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_factory_collection_name"
},
{
"binding_type": "collection_details",
"binding_collection_name": "$sidebar_section_collection_name",
"binding_collection_prefix": "$sidebar_section_collection_prefix"
}
]
},
"verbose_screen_nav_option_panel": {
"type": "panel",
"size": [ "100%", 26 ],
"anchor_from": "bottom_middle",
"anchor_to": "bottom_middle",
"$sidebar_section_collection_name": "sidebar_section_collection",
"$sidebar_section_collection_prefix": "sidebar_section",
"bindings": [
{
"binding_name": "#is_verbose_sidebar_nav_button_visible",
"binding_name_override": "#visible"
}
],
"controls": [
{ "verbose_nav_button@sidebar_navigation.verbose_screen_nav_button": {} }
]
},
"sidebar_option_factory_scroll_panel@sidebar_navigation.sidebar_section_scroll_panel": {
"size": [ "100%", "65%" ],
"$scrolling_content": "sidebar_navigation.sidebar_option_factory_panel",
"$scroll_background_image_control": "sidebar_navigation.verbose_sidebar_expand_section_bg",
"$sidebar_factory_collection_name": "verbose_expand_section_option"
},
"sidebar_screen_nav_option_factory_panel": {
"ignored": "$store_disabled",
"type": "stack_panel",
"size": [ "100%", "fill" ],
"controls": [
{
"fill_panel": {
"type": "panel",
"size": [ "100%", "fill" ]
}
},
{ "button@sidebar_navigation.verbose_screen_nav_option_panel": {} },
{
"padding": {
"type": "panel",
"size": [ "100%", 26 ]
}
},
{ "platform_icon_padding@sidebar_navigation.platform_store_icon_spacing": {} }
]
},
"root_section_content_panel": {
"type": "stack_panel",
"orientation": "vertical",
"size": [ "100%", "100%" ],
"controls": [
{ "sidebar_option_factory@sidebar_navigation.sidebar_option_factory_scroll_panel": {} },
{ "verbose_sidebar_screen_Nav@sidebar_navigation.sidebar_screen_nav_option_factory_panel": {} }
]
},
"edge_bar": {
"type": "image",
"size": [ 1, "100%" ],
"layer": 1,
"texture": "textures/ui/White",
"fill": true
},
"verbose_view_stack_panel": {
"type": "stack_panel",
"orientation": "vertical",
"$sidebar_section_control|default": "sidebar_navigation.root_section",
"controls": [
{
"verbose_view_toggle@sidebar_navigation.verbose_view_toggle": {
"size": [ "100%", 23 ]
}
},
{
"$sidebar_section_name@$sidebar_section_control": {
"size": [ "100%", "100%" ]
}
}
]
},
"sidebar_section": {
"orientation": "horizontal",
"size": [ "100%", "100%" ],
"type": "stack_panel",
"$ignore_sidebar_section_left_edge|default": true,
"controls": [
{
"left_edge_bar@sidebar_navigation.edge_bar": {
"ignored": "$ignore_sidebar_section_left_edge",
"$sidebar_section_left_edge_color|default": "$sidebar_verbose_expand_border_color",
"color": "$sidebar_section_left_edge_color"
}
},
{
"verbose_view_stack_panel@sidebar_navigation.verbose_view_stack_panel": { "size": [ "fill", "100%" ] }
},
{
"right_edge_bar@sidebar_navigation.edge_bar": {
"$sidebar_section_right_edge_color|default": "black",
"color": "$sidebar_section_right_edge_color"
}
}
]
},
"root_section@sidebar_navigation.sidebar_section_scroll_panel": {
"$scrolling_content": "sidebar_navigation.root_section_content_panel",
"$show_background": false,
"bindings": [
{
"binding_name": "#is_sidebar_nav_ready",
"binding_name_override": "#visible"
}
]
},
"verbose_root_section@sidebar_navigation.sidebar_section": {
"size": "$sidebar_view_size",
"$sidebar_section_name": "verbose_root_section_content",
"focus_container": true,
"use_last_focus": true,
"focus_wrap_enabled": false,
"focus_navigation_mode_left": "contained",
"focus_navigation_mode_down": "contained",
"focus_navigation_mode_up": "contained",
"focus_navigation_mode_right": "custom",
"focus_container_custom_right": [
{
"other_focus_container_name": "scrolling_content",
"focus_id_inside": "expand_option"
}
],
"$sidebar_option_factory_binding_type": "collection",
"$sidebar_option_factory_collection_name": "$sidebar_section_collection_name",
"$sidebar_factory_collection_name": "verbose_root_section_option"
},
"simple_root_section": {
"type": "stack_panel",
"orientation": "vertical",
"size": "$sidebar_view_size",
"$ignore_exit_button_mapping": true,
// this bind is needed to make sure focus goes to the content view
"bindings": [
{
"binding_name": "#is_simple_sidebar_state_active",
"binding_name_override": "#visible"
}
],
"controls": [
{ "verbose_view_toggle@sidebar_navigation.verbose_view_toggle": {} },
{
"root_section@sidebar_navigation.root_section": {
"size": [ "100%", "100%" ]
}
}
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_view_size : size of the sidebar view
// - $sidebar_factory_control_ids : control id array
// - $sidebar_factory_collection_name : string
// - $sidebar_factory_collection_binding_name : bind name string
"sidebar_section_factory_panel@sidebar_navigation.sidebar_bg": {
"size": [ "100%c", "100%" ],
"anchor_from": "top_left",
"anchor_to": "top_left",
"controls": [
{
"sidebar_section_factory": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100%c", "100%" ],
"focus_container": true,
"use_last_focus": true,
"focus_wrap_enabled": false,
"focus_navigation_mode_left": "contained",
"focus_navigation_mode_down": "contained",
"focus_navigation_mode_up": "contained",
"focus_navigation_mode_right": "none",
"$sidebar_section_collection_prefix": "sidebar_section",
"$sidebar_section_collection_name": "sidebar_section_collection",
"collection_name": "$sidebar_section_collection_name",
"factory": {
"name": "sidebar_factory",
"control_ids": {
"simple_root_section": "sidebar_navigation.simple_root_section",
"verbose_root_section": "sidebar_navigation.verbose_root_section",
"expanded_section": "sidebar_navigation.verbose_sidebar_expand_section_panel"
},
"factory_variables": [
"$sidebar_factory_collection_name",
"$sidebar_section_collection_name",
"$sidebar_section_collection_prefix",
"$sidebar_view_size",
"$sidebar_factory_collection_binding_name",
"$sidebar_factory_control_ids"
]
},
"bindings": [
{
"binding_name": "#sidebar_sections",
"binding_name_override": "#collection_length"
},
{
"binding_name": "$section_visibility_binding_name",
"binding_name_override": "#visible"
}
]
}
}
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_view_size : size of the sidebar view
// - $sidebar_factory_control_ids : control id array
// - $sidebar_factory_collection_name : string
// - $sidebar_factory_collection_binding_name : bind name string
//
// optional fields:
// - $ignore_verbose_view_exit : bool
"sidebar_view_content_panel": {
"type": "panel",
"size": [ "100%", "100%" ],
"$ignore_verbose_view_exit|default": true,
"controls": [
{
"view_stack_panel": {
"type": "stack_panel",
"size": [ "100%", "100%" ],
"orientation": "horizontal",
"controls": [
{
"sidebar_view@sidebar_navigation.sidebar_section_factory_panel": {}
},
{
// this is here to handle closing the verbose view
"controller_hover_close_panel": {
"type": "panel",
"size": [ "fill%", "100%" ],
"visible": false,
"bindings": [
{
"binding_name": "(not #page_loading_visible)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
],
"controls": [
{
"controller_hover_close_button@common.button": {
"size": [ "100%", "100%" ],
"layer": 299,
"default_focus_precedence": -20,
"pressed_control": "",
"bindings": [
{
"binding_name": "#is_controller_close_hover_visible",
"binding_name_override": "#visible"
},
{
"binding_name": "#is_using_gamepad",
"binding_name_override": "#focus_enabled"
}
],
"button_mappings": [
{
"to_button_id": "button.controller_hover_close_verbose_view",
"mapping_type": "pressed"
}
],
"controls": [
{ "default@common.empty_panel": {} },
{ "hover@common.empty_panel": {} }
]
}
}
]
}
}
]
}
},
{
"verbose_view_exit@common_store.close_bg_panel": {
"ignored": "$ignore_verbose_view_exit",
"size": [ "100%", "100%" ],
"layer": 1,
"alpha": 0.6,
"$close_bg_exit_button_name": "button.exit_verbose_state_bg"
}
}
]
},
"verbose_sidebar_view_modal@common.modal_area_panel_base": {
"size": [ "100%", "100%" ],
"bindings": [
{
"binding_name": "$section_visibility_binding_name",
"binding_name_override": "#visible",
"binding_condition": "always"
},
{
"binding_name": "$section_visibility_binding_name",
"binding_name_override": "#modal",
"binding_condition": "always"
}
],
"button_mappings": [
{
"from_button_id": "button.menu_up",
"to_button_id": "button.menu_up",
"mapping_type": "global",
"scope": "view"
},
{
"from_button_id": "button.menu_down",
"to_button_id": "button.menu_down",
"mapping_type": "global",
"scope": "view"
},
{
"from_button_id": "button.menu_left",
"to_button_id": "button.menu_left",
"mapping_type": "global",
"scope": "view"
},
{
"from_button_id": "button.menu_right",
"to_button_id": "button.menu_right",
"mapping_type": "global",
"scope": "view"
},
{
"from_button_id": "button.controller_start",
"to_button_id": "button.toggle_verbose_state",
"mapping_type": "global"
}
]
},
"sidebar_views": {
"ignored": "(not $is_sidebar_navigation_enabled)",
"type": "panel",
"size": [ "100%", "100%" ],
"layer": 210,
"$ignore_inventory_button": "$is_sidebar_navigation_enabled",
"visible": "$sidebar_ignore_page_loading",
"property_bag": {
"#visible": "$sidebar_ignore_page_loading"
},
"bindings": "$sidebar_page_loading_binds",
"controls": [
{
"sidebar_view_conent": {
"type": "panel",
"bindings": [
{
"binding_name": "#is_sidebar_nav_visible",
"binding_name_override": "#visible"
}
],
"controls": [
{
"simple_sidebar_view@sidebar_navigation.sidebar_view_content_panel": {
"$sidebar_view_size": [ 30, "100%" ],
"$section_visibility_binding_name": "#is_simple_sidebar_state_active",
"$sidebar_factory_collection_binding_name": "#simple_sidebar_factory_collection",
"$sidebar_factory_collection_name": "simple_sidebar_collection",
"$sidebar_factory_control_ids": {
"defaultNavOption": "sidebar_navigation.simple_sidebar_toggle",
"defaultNavListOption": "sidebar_navigation.simple_sidebar_toggle",
"defaultNavButton": "sidebar_navigation.empty_panel",
"fill": "sidebar_navigation.empty_panel",
"line": "sidebar_navigation.sidebar_divider_panel",
"padding": "sidebar_navigation.empty_panel"
},
"bindings": [
{
"binding_name": "$section_visibility_binding_name",
"binding_name_override": "#visible"
}
]
}
},
{ //wrap this in a modal
"verbose_side_bar_view_modal@sidebar_navigation.verbose_sidebar_view_modal": {
"size": [ "100%", "100%" ],
"layer": "$sidebar_layer",
"$section_visibility_binding_name": "(not #is_simple_sidebar_state_active)",
"controls": [
{
"verbose_sidebar_view@sidebar_navigation.sidebar_view_content_panel": {
"$ignore_verbose_view_exit": false,
"$sidebar_view_size": [ 142, "100%" ],
"$sidebar_factory_collection_binding_name": "#verbose_sidebar_factory_collection",
"$sidebar_factory_collection_name": "verbose_sidebar_collection",
"$sidebar_factory_control_ids": {
"defaultNavOption": "sidebar_navigation.verbose_sidebar_option",
"defaultNavListOption": "sidebar_navigation.verbose_dropdown_option",
"defaultNavButton": "sidebar_navigation.verbose_nav_button_panel",
"fill": "sidebar_navigation.empty_default_panel",
"line": "sidebar_navigation.sidebar_divider_panel",
"padding": "sidebar_navigation.vertical_padding_panel"
}
}
}
]
}
}
]
}
}
]
},
"sidebar_empty_panel": {
"type": "panel",
"ignored": "(not $is_sidebar_navigation_enabled)",
"size": [ 30, "100%" ],
"bindings": [
{
"binding_name": "#is_sidebar_nav_visible",
"binding_name_override": "#visible"
}
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_main_view_content : ui control to use for area right of sidebar
"content_view": {
"type": "panel",
"focus_container": true,
"use_last_focus": false,
"focus_wrap_enabled": false,
"focus_navigation_mode_down": "contained",
"focus_navigation_mode_up": "contained",
"focus_navigation_mode_right": "contained",
"$main_content_focus_container_left": "custom",
"$main_content_focus_container_left_custom": [
{
"other_focus_container_name": "content_view",
"focus_id_inside": "controller_hover_open_button"
}
],
"controls": [
{
"content_view_stack": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100%", "100%" ],
"$sidebar_main_view_content|default": "sidebar_navigation.empty_fill_x_panel",
"bindings": "$sidebar_page_loading_binds",
"controls": [
{
"sidebar_view_stack": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100%c", "100%" ],
"bindings": [
{
"binding_name": "#is_sidebar_nav_visible",
"binding_name_override": "#visible"
}
],
"controls": [
{
"sidebar_empty_panel@sidebar_navigation.sidebar_empty_panel": {
"controls": [
{
// this is here to handle opening opening the verbose view
// when simple sidebar is given focus
"controller_hover_open_panel": {
"type": "panel",
"visible": false,
"bindings": [
{
"binding_name": "(not #page_loading_visible)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
],
"controls": [
{
"controller_hover_open_button@common.button": {
"size": [ "100%", "100%" ],
"layer": "($sidebar_layer + 10)",
"default_focus_precedence": 1,
"pressed_control": "",
"bindings": [
{
"binding_name": "#is_controller_hover_visible",
"binding_name_override": "#visible"
},
{
"binding_name": "#is_using_gamepad",
"binding_name_override": "#focus_enabled"
}
],
"button_mappings": [
{
"to_button_id": "button.controller_hover_open_verbose_view",
"mapping_type": "pressed"
}
],
"controls": [
{ "default@common.empty_panel": {} },
{ "hover@common.empty_panel": {} }
]
}
}
]
}
}
]
}
},
{
"divider@sidebar_navigation.edge_bar": {
"ignored": "(not $is_sidebar_navigation_enabled)",
"color": "black"
}
}
]
}
},
{
// This is an input panel so that this object gains focus while the screen loads.
// Once the screen loads, this object will turn off focus enabled and be removed from
// the focus manager. This will cause the focus manager to find the closest button under
// it and not give focus to the sidebar.
"main_view_content": {
"type": "input_panel",
"size": [ "fill", "100%" ],
"focus_container": true,
"use_last_focus": true,
"focus_wrap_enabled": false,
"focus_navigation_mode_down": "contained",
"focus_navigation_mode_right": "contained",
"focus_navigation_mode_left": "$main_content_focus_container_left",
"focus_container_custom_left": "$main_content_focus_container_left_custom",
"tts_skip_message": true,
"tts_skip_children": true,
"default_focus_precedence": 20,
"controls": [
{ "screen_content@$sidebar_main_view_content": {} }
],
"focus_enabled": "(not $sidebar_ignore_page_loading)",
"bindings": [
{
"ignored": "$sidebar_ignore_page_loading",
"binding_name": "#page_loading_visible",
"$main_content_fo": null,
"binding_name_override": "#focus_enabled",
"binding_condition": "always"
}
]
}
}
]
}
}
]
},
/////////////////////////////////////////////////////////////////////////////////////////////////////
// required fields:
// - $sidebar_main_view_content : ui control to use for area right of sidebar
"sidebar_view": {
"type": "input_panel",
"size": [ "100%", "100%" ],
"$sidebar_layer": 300,
"$sidebar_ignore_page_loading|default": false,
"$sidebar_page_loading_binds": [
{
"ignored": "$sidebar_ignore_page_loading",
"binding_name": "(not #page_loading_visible)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
],
"button_mappings": [
{
"from_button_id": "button.controller_start",
"to_button_id": "button.toggle_verbose_state",
"mapping_type": "global"
}
],
"controls": [
{ "sidebar_content@sidebar_navigation.sidebar_views": {} },
{ "content_view@sidebar_navigation.content_view": {} },
{
"progress_loading@common_store.progress_loading": {
"ignored": "$sidebar_ignore_page_loading",
"$baseLayer": "($sidebar_layer + 100)",
"bindings": [
{
"binding_name": "#page_loading_visible",
"binding_name_override": "#visible",
"binding_condition": "always"
},
{
"binding_name": "#page_loading_finished",
"binding_condition": "visible"
}
]
}
}
]
},
"platform_store_icon_spacing": {
"type": "panel",
"size": [ "100%", 40 ],
"bindings": [
{
"binding_name": "#showing_platform_store_icon",
"binding_name_override": "#visible"
}
]
}
}
View Git Blame Copy Permalink