{ "namespace": "skin_picker", //-------------------------------------------------------------------------------- // Common Controls //-------------------------------------------------------------------------------- "banner_fill": { "type": "image", "texture": "textures/ui/Banners" }, "title_label": { "type": "label", "size": [ "default", "default" ], "color": "$title_text_color" }, "label": { "type": "label", "anchor_from": "center", "anchor_to": "center", "offset": [ 0, 0 ], "color": "$main_header_text_color" }, "chevron_image": { "type": "image", "layer": 1, "size": [ 4, 7 ], "texture": "$chevron_image_name" }, "bumper_image": { "type": "image", "layer": 1, "size": [ 13, 13 ] }, "undo_image": { "type": "image", "texture": "textures/ui/undoArrow", "color": "$custom_color", "size": [ 14, 14 ] }, "plus_icon": { "type": "image", "texture": "textures/ui/plus", "color": "$glyph_color", "size": [ 11, 11 ] }, "direction_button_panel": { "type": "panel", "controls": [ { "chevron_image@skin_picker.chevron_image": { "bindings": [ { "binding_name": "(not #is_using_gamepad_icon)", "binding_name_override": "#visible" } ] } }, { "bumper_image@skin_picker.bumper_image": { "bindings": [ { "binding_name": "$bumper_texture_bind", "binding_name_override": "#texture" }, { "binding_name": "#is_using_gamepad_icon", "binding_name_override": "#visible" } ] } } ] }, "cycle_pack_button@common_buttons.light_content_button": { "$button_content": "skin_picker.direction_button_panel" }, "cycle_pack_left_button@cycle_pack_button": { "anchor_from": "bottom_left", "anchor_to": "bottom_left", "$chevron_image_name": "textures/ui/chevron_left", "$bumper_texture_bind": "#left_bumper", "$pressed_button_name": "button.cycle_pack_left" }, "cycle_pack_right_button@cycle_pack_button": { "anchor_from": "bottom_right", "anchor_to": "bottom_right", "$chevron_image_name": "textures/ui/chevron_right", "$bumper_texture_bind": "#right_bumper", "$pressed_button_name": "button.cycle_pack_right" }, "skin_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "layer": 3, "hover_control": "hover", "pressed_control": "pressed", "$highlight_size|default": [ "100% - 1px", "100% - 2px" ], "controls": [ { "hover@common.focus_border_white": { "size": "$highlight_size" } }, { "pressed@common.focus_border_white": { "size": "$highlight_size" } } ] }, //-------------------------------------------------------------------------------- // Preview Skin Panel //-------------------------------------------------------------------------------- "skin_rotation_arrows": { "type": "image", "layer": 6, "texture": "textures/ui/Rotate", "color": [ 0.6, 0.6, 0.6 ] }, "skin_viewer_panel": { "type": "input_panel", "layer": 3, "anchor_from": "top_left", "anchor_to": "top_left", "gesture_tracking_button": "button.turn_doll", "always_handle_controller_direction": true, "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.turn_doll", "mapping_type": "pressed", "button_up_right_of_first_refusal": true } ], "controls": [ { "custom_skin_button@common_buttons.light_text_form_fitting_button": { "$button_text_max_size": [ 120, 10 ], "$pressed_button_name": "button.choose_custom_skin", "$focus_id": "custom_focus_id", "$focus_override_down": "accept_focus_id", "$focus_override_up": "accept_focus_id", "$focus_override_right": "FOCUS_OVERRIDE_STOP", "ignored": "($image_picking_not_supported or $education_edition)", "$button_text": "skins.picker.custom.button", "anchor_from": "top_middle", "anchor_to": "top_middle", "offset": [ 0, 4 ], "layer": 6, "bindings": [ { "binding_name": "#show_reload_custom_skin_button", "binding_name_override": "#visible" } ] } }, { "skin_model_panel": { "type": "panel", "size": [ "100%", "76%" ], "offset": [ 0, -38 ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "controls": [ { "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "layer": 5, "use_selected_skin": false, "use_player_paperdoll": true, "use_skin_gui_scale": true, "rotation": "gesture_x", "animation_reset_name": "screen_animation_reset", "anims": [ "@common.screen_exit_size_animation_push", "@common.screen_exit_size_animation_pop", "@common.screen_entrance_size_animation_push", "@skin_picker.screen_entrance_size_animation_pop" ], "bindings": [ { "binding_type": "global", "binding_name": "#preview_skin" }, { "binding_type": "view", "source_control_name": "preview", "source_property_name": "#gesture_delta_source", "target_property_name": "#gesture_delta_source" }, { "binding_type": "view", "source_control_name": "preview", "source_property_name": "#gesture_mouse_delta_x", "target_property_name": "#gesture_mouse_delta_x" } ] } } ] } }, { "lock@skin_lock": { "size": [ 16, 16 ], "offset": [ 28, -6 ], "bindings": [ { "binding_name": "#show_preview_skin_lock", "binding_name_override": "#visible" } ] } } ] }, "screen_entrance_size_animation_pop@common.screen_entrance_size_animation_immediate": { "duration": "$transition_time_pop", "play_event": "screen.entrance_pop", "resettable": true, "from": [ "100%", "100%" ], "to": [ "100%", "100%" ] }, "undo_skin_button@common_buttons.light_glyph_button": { "$pressed_button_name": "button.undo_skin", "$button_content": "skin_picker.undo_image", "$focus_id": "undo_focus_id", "$focus_override_down": "custom_focus_id", "$focus_override_up": "custom_focus_id", "$focus_override_right": "accept_focus_id", "consume_hover_events": false, "bindings": [ { "binding_name": "#undo_button_enabled", "binding_name_override": "#enabled" } ] }, "accept_skin_button@common_buttons.light_text_button": { "$button_text_binding_type": "global", "$button_text": "#accept_skin_button_text", "$pressed_button_name": "button.accept_skin", "$focus_id": "accept_focus_id", "$focus_override_down": "custom_focus_id", "$focus_override_up": "custom_focus_id", "$focus_override_right": "undo_focus_id", "$focus_override_left": "undo_focus_id", "consume_hover_events": false, "bindings": [ { "binding_name": "#accept_skin_button_enabled", "binding_name_override": "#enabled" } ] }, "stack_item": { "type": "panel" }, "accept_skin_panel": { "type": "stack_panel", "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "orientation": "horizontal", "size": [ "100% - 4px", "100% - 2px" ], "offset": [ 0, -2 ], "controls": [ { "stack_item_0@skin_picker.stack_item": { "size": [ "25%", "100%" ], "controls": [ { "undo_btn@skin_picker.undo_skin_button": { "default_focus_precedence": 0, "size": [ "100%", "100%" ], "offset": [ 0, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle", "layer": 2, "$focus_id": "undo_focus_id" } } ] } }, { "stack_item_1@skin_picker.stack_item": { "size": [ "75% + 1px", "100%" ], "controls": [ { "accept_button@skin_picker.accept_skin_button": { "default_focus_precedence": 1, "size": [ "100%", "100%" ], "offset": [ -1, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle", "layer": 1, "$focus_override_right": "FOCUS_OVERRIDE_STOP" } } ] } } ] }, "appearance_status_image_panel": { "type": "panel", "size": [ 8, "100%" ], "controls": [ { "limited_status_image": { "type": "image", "size": [ "100%", "100%x" ], "bilinear": true, "texture": "textures/ui/infobulb", "bindings": [ { "binding_name": "#limited_status_visible", "binding_name_override": "#visible" } ] } }, { "no_restrictions_status_image": { "type": "image", "size": [ "100%", "100%x" ], "bilinear": true, "visible": false, "texture": "textures/ui/realms_green_check", "bindings": [ { "binding_type": "view", "source_control_name": "limited_status_image", "source_property_name": "(not #visible)", "target_property_name": "#visible", "resolve_sibling_scope": true } ] } } ] }, "appearance_status_content": { "type": "stack_panel", "orientation": "horizontal", "size": [ "100% - 6px", "100% - 2px" ], "layer": 2, "controls": [ { "appearance_status_image_panel@skin_picker.appearance_status_image_panel": {} }, { "padding": { "type": "panel", "size": [ "3px", "100%" ] } }, { "appearance_status_label_panel": { "type": "panel", "size": [ "fill", "100%" ], "controls": [ { "appearance_status_label": { "type": "label", "size": [ "100%", 10 ], "text": "#appearance_status_brief_label", "color": "$f_color_format", "bindings": [ { "binding_name": "#appearance_status_brief_label" } ] } } ] } } ] }, "preview_skin_panel": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 2, 0 ], "size": [ "100%", "100% - 2px" ], "controls": [ { "preview@skin_picker.skin_viewer_panel": { "size": [ "100%", "100% - 54px" ] } }, { "button_frame": { "type": "stack_panel", "orientation": "vertical", "size": [ "100%", 54 ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "controls": [ { "stack_item_0@skin_picker.stack_item": { "size": [ "100%", 12 ], "controls": [ { "rotation@skin_picker.skin_rotation_arrows": { "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ "50%", "100% - 4px" ] } } ] } }, { "padding": { "type": "panel", "size": [ "100%", 4 ] } }, { "notification_and_accept_input_panel": { "type": "input_panel", "size": [ "100%", "fill" ], "button_mappings": [ { "to_button_id": "button.is_hovered", "mapping_type": "pressed" } ], "controls": [ { "notification_and_accept_stack": { "type": "stack_panel", "orientation": "vertical", "size": [ "100%", "100%" ], "controls": [ { "skin_status_notification_section": { "type": "panel", "size": [ "100%", 14 ], "controls": [ { "appearance_status_notification_panel@common_buttons.static_tooltip_notification_panel": { "ignored": "$education_edition", "size": [ "100% - 4px", "100%" ], "button_mappings": [], "consume_hover_events": false, "focus_enabled": false, "$static_tooltip_button_visibility_binding_name": "#is_appearance_status_visible", "$tooltip_popup_visible_binding": "#is_appearance_status_hover_panel_visible", "$override_tooltip_popup_image": true, "$tooltip_popup_override_image_panel": "skin_picker.appearance_status_image_panel", "$tooltip_text_binding_name": "#appearance_status_hover_label", "$tooltip_panel_content": "skin_picker.appearance_status_content" } } ] } }, { "stack_item_1@skin_picker.stack_item": { "size": [ "100%", "fill" ], "controls": [ { "accept@skin_picker.accept_skin_panel": {} } ] } } ] } } ] } } ] } } ] }, //-------------------------------------------------------------------------------- // Change Skins Panel //-------------------------------------------------------------------------------- "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "layer": 5, "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "size": [ "100%", "100%" ], "offset": [ 0, -10 ], "use_selected_skin": false, "enable_scissor_test": true, "animation_reset_name": "screen_animation_reset", "$skin_model_animations|default": [], "variables": [ { "requires": "$screen_transitions_enabled", "$skin_model_animations": [ "@expanded_skin_pack.screen_exit_size_animation_push", "@expanded_skin_pack.screen_exit_size_animation_pop", "@common.screen_entrance_size_animation_push", "@common.screen_entrance_size_animation_pop" ] } ], "anims": "$skin_model_animations", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_collection_name": "premium_skins_collection", "binding_name": "#skin_index" } ] }, "premium_skin_button@skin_picker.skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_skins_collection", "binding_collection_prefix": "skins" }, { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_collection_name": "premium_skins_collection", "binding_name": "#focus_override_right", "binding_name_override": "#focus_change_right" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_premium_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_premium_skin", "mapping_type": "focused" }, { "to_button_id": "button.premium_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.premium_skin_unhovered", "mapping_type": "pressed" } ] }, "skin_lock": { "type": "image", "layer": 6, "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "size": [ 8, 8 ], "offset": [ 13, -2 ], "texture": "textures/ui/lock", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_name": "#skin_lock_visible", "binding_name_override": "#visible", "binding_collection_name": "premium_skins_collection" } ] }, "new_pack_icon": { "type": "panel", "layer": 6, "controls": [ { "icon@common_store.new_offer_icon": { "anchor_from": "top_middle", "anchor_to": "top_middle" } } ] }, "pack_lock": { "type": "panel", "layer": 3, "visible": "(not $education_edition)", "controls": [ { "locked": { "type": "image", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ 8, 8 ], "offset": [ 1, 1 ], "texture": "textures/ui/lock", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_locked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } }, { "unlocked": { "type": "image", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ 10, 8 ], "offset": [ 0, 1 ], "texture": "textures/ui/unLock", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_unlocked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } } ] }, "skin_input_panel": { "type": "input_panel", "size": [ "100%", "100%" ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "sg@skins_grid": {} } ] }, "skins_grid_item": { "type": "panel", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2 ], "clips_children": true, "controls": [ { "model@skin_model": {} } ] } }, { "lock@skin_lock": {} }, { "button@skin_picker.premium_skin_button": {} } ] }, "skins_grid": { "type": "grid", "$skins_grid_size|default": [ "80%", "100%" ], "$skins_grid_offset|default": [ "10%", 0 ], "size": "$skins_grid_size", "offset": "$skins_grid_offset", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "grid_item_template": "skin_picker.skins_grid_item", "grid_dimension_binding": "#premium_skins_grid_dimensions", "collection_name": "premium_skins_collection", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#premium_skins_grid_dimensions" } ] }, "pack_name": { "type": "label", "layer": 2, "anchor_from": "top_left", "anchor_to": "top_left", "color": "$main_header_text_color", "text": "#pack_name", "bindings": [ { "binding_type": "collection", "binding_collection_name": "premium_packs_collection", "binding_name": "#pack_name" } ] }, "pack_grid_item": { "type": "panel", "size": [ "100%", 85 ], "offset": [ 2, 1 ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "header": { "type": "stack_panel", "orientation": "horizontal", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", 10 ], "offset": [ 0, 0 ], "controls": [ { "padding": { "type": "panel", "visible": "$education_edition", "size": [ 3, "100%" ] } }, { "pack_lock@skin_picker.pack_lock": { "size": [ 20, "100%" ] } }, { "pack_name@skin_picker.pack_name": { "size": [ "default", "100%" ], "max_size": [ "100% - 56px", "100%" ] } }, { "padding_2": { "type": "panel", "size": [ 3, "100%" ] } }, { "new_pack_icon@skin_picker.new_pack_icon": { "size": [ "100%c", "100%" ], "bindings": [ { "binding_type": "collection", "binding_name": "#show_new_pack_icon", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } }, { "padding_3": { "type": "panel", "size": [ "fill", "100%" ] } } ] } }, { "bg@banner_fill": { "size": [ "100% - 4px", "100% - 13px" ], "offset": [ 0, 4.5 ], "controls": [ { "skin_input_panel@skin_input_panel": { "size": [ "90%", "100%" ], "$skins_grid_size": [ "100%", "100%" ], "$skins_grid_offset": [ 0, 0 ] } }, { "expand_view_button@common_buttons.light_glyph_button": { "size": [ "10%", "100%" ], "$pressed_button_name": "button.expand_view", "$button_content": "skin_picker.plus_icon", "anchor_from": "bottom_right", "anchor_to": "bottom_right", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" } ] } }, { "progress_loading_no_connection@common_store.progress_loading": { "$hide_failure_text": false, "layer": 100, "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#pack_loading_no_connection_visible", "binding_name_override": "#visible" } ] } }, { "progress_loading@common_store.progress_loading": { "$hide_failure_text": true, "layer": 100, "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#pack_loading_progress_visible", "binding_name_override": "#visible" } ] } } ] } } ] }, "premium_packs_grid": { "type": "grid", "anchor_from": "top_left", "anchor_to": "top_left", "grid_item_template": "skin_picker.pack_grid_item", "grid_dimension_binding": "#premium_packs_grid_dimensions", "collection_name": "premium_packs_collection", "bindings": [ { "binding_name": "#premium_packs_grid_dimensions" } ] }, //-------------------------------------------------------------------------------- // Recent and Default Skins //-------------------------------------------------------------------------------- "standard_skin_button@skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "$collection" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$button_id", "mapping_type": "global" }, { "from_button_id": "button.menu_ok", "to_button_id": "$button_id", "mapping_type": "global" } ] }, // // Default Skins Grid // "default_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "default_skins_collection", "binding_name": "#skin_index" } ] } }, { "button@standard_skin_button": { "$collection": "default_skins_collection", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_default_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_default_skin", "mapping_type": "focused" }, { "to_button_id": "button.default_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" } ] } } ] }, "default_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.default_skins_grid_item", "grid_dimension_binding": "#default_skins_grid_dimensions", "collection_name": "default_skins_collection", "bindings": [ { "binding_name": "#default_skins_grid_dimensions" } ] }, // // Recent Skins Grid // "recent_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2.0 ], "clips_children": true, "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "recent_skins_collection", "binding_name": "#skin_index" } ] } } ] } }, { "button@standard_skin_button": { "$collection": "recent_skins_collection", "variables": [ { "requires": "$desktop_screen", "$highlight_size": [ 32, "100% - 2px" ] }, { "requires": "$pocket_screen", "$highlight_size": [ 41, "100% - 2px" ] } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_recent_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_recent_skin", "mapping_type": "focused" }, { "to_button_id": "button.recent_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" } ] } } ] }, "recent_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.recent_skins_grid_item", "grid_dimension_binding": "#recent_skins_grid_dimensions", "collection_name": "recent_skins_collection", "bindings": [ { "binding_name": "#recent_skins_grid_dimensions" }, { "binding_name": "#is_recent_grid_ready", "binding_name_override": "#visible" } ] }, "standard_frame": { "type": "panel", "size": [ "50% - 1px", "100%" ], "offset": [ 2, 2 ] }, "standard_header@label": { "layer": 3, "size": [ "100%", 10 ], "offset": [ 1, 0 ], "anchor_from": "top_left", "anchor_to": "top_left" }, "standard_fill@banner_fill": { "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100% - 4px", "100% - 15px" ], "offset": [ 0, 11 ] }, "standard_panel": { "type": "panel", "controls": [ { "default_skins@standard_frame": { "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "header@standard_header": { "text": "skins.picker.default" } }, { "fill@standard_fill": { "controls": [ { "default_skins_grid@default_skins_grid": {} } ] } } ] } }, { "recent_skins@standard_frame": { "anchor_from": "top_right", "anchor_to": "top_right", "controls": [ { "header@standard_header": { "text": "skins.picker.recent" } }, { "fill@standard_fill": { "controls": [ { "recent_skins_grid@recent_skins_grid": {} }, { "recent_skins_loading_panel@common_store.progress_loading": { "$hide_failure_text": true, "$hide_progress_loading_outline": true, "$source_control_name": "recent_skins_grid", "$source_property_name": "(not #visible)" } } ] } } ] } } ] }, //-------------------------------------------------------------------------------- // Scrolling Skins Panel //-------------------------------------------------------------------------------- "scrolling_content_stack": { "type": "stack_panel", "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "standard_panel@standard_panel": { "size": [ "100%", 87 ] } }, { "premium_packs_grid@premium_packs_grid": { "size": [ "100%", "default" ] } } ] }, "all_skins_content": { "type": "input_panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 3, 0 ], "size": [ "100% - 3px", "100% - 2px" ], "controls": [ { "scrolling_frame": { "type": "panel", "controls": [ { "change_skin_scroll@common.scrolling_panel": { "$scrolling_pane_size": [ "100%", "100%" ], "$scroll_size": [ "5px", "100% - 4px" ], "$scrolling_content": "skin_picker.scrolling_content_stack", "$show_background": false, "$bar_visible": false, "bindings": [ { "binding_name": "#skin_content_visible", "binding_name_override": "#visible" } ] } }, { "progress_loading@common_store.progress_loading": { "size": [ "100% + 4px", "100% + 1px" ], "offset": [ -3, -1 ], "anchor_from": "top_left", "anchor_to": "top_left", "$banner_fill_alpha": 0.75, "layer": 100, "bindings": [ { "binding_name": "#skin_search_progress_visible", "binding_name_override": "#visible" } ] } } ] } } ] }, "all_skins_frame": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100%" ], "offset": [ 0, 0 ], "controls": [ { "all_skins_content@all_skins_content": {} } ] }, //-------------------------------------------------------------------------------- // Title bar //-------------------------------------------------------------------------------- "title_bar": { "type": "stack_panel", "orientation": "horizontal", "size": [ "100%", 21 ], "anchor_from": "top_middle", "anchor_to": "top_middle", "controls": [ { "padding_0": { "type": "panel", "size": [ 28, "100%" ] } }, { "fill_panel": { "type": "panel", "size": [ "fill", "100%" ], "layer": 2, "controls": [ { "title_holder": { "type": "panel", // This lets the main title start overlapping the padding // between it and the skin name once it can't move any farther // to the left as the skin name approaches its max size. "size": [ "100%", "100%" ], "min_size": [ "100%c", "100%" ], "anchor_from": "top_middle", "anchor_to": "top_middle", "controls": [ { "change_skin_title@skin_picker.title_label": { "text": "skins.picker.title", "anchor_from": "left_middle", "anchor_to": "left_middle" } } ] } } ] } }, { "padding_1": { "type": "panel", "size": [ 17, "100%" ] } }, { "skin_name_holder": { "type": "panel", "layer": 2, "min_size": [ "40% - 32px", "100%" ], "size": [ "100%c", "100%" ], "controls": [ { "preview_skin_name@skin_picker.title_label": { "visible": "(not $education_edition)", "text": "#skin_name", // In the edge case where the skin name is too long to fit, // even with the main title pushed as far to the left as it can // go, then the skin name should truncate. Since the label's // parent control has a width of "100%c", this truncation must // be due to a hard pixel limit for the label width. This limit // should be the pixels available at the smallest possible // screen width (320 on pocket) with the largest possible main // title (es_ES, "Seleccionar aspecto"). // 320 - 4 (padding around dialog) - 10 (padding around content) // - 3 (padding to the left of main title) // - 15 (close button) - 103 (texels for es_ES main title) // - 4 (space between title and skin name) // = 181 pixels, or about 30 characters, plus a bit more if // enough of those characters are narrow ones. // Marketing should avoid skin names longer than this. "size": [ "default", 10 ], "max_size": [ 181, 10 ], "bindings": [ { "binding_type": "global", "binding_name": "#skin_name" } ] } } ] } }, { "padding_2": { "type": "panel", "size": [ 15, "100%" ] } } ] }, //-------------------------------------------------------------------------------- // Popup Dialog //-------------------------------------------------------------------------------- "popup_dialog_skin_model": { "type": "panel", "size": [ "80%", "80%" ], "offset": [ 0, -6 ], "controls": [ { "paper_doll": { "type": "custom", "layer": 100, "renderer": "paper_doll_renderer", "use_selected_skin": false, "bindings": [ { "binding_name": "$button_model_type" } ] } } ] }, "popup_dialog_choose_skin_type_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "sound_name": "random.click", "sound_volume": 1.0, "sound_pitch": 1.0, "hover_control": "hover", "pressed_control": "pressed", "size": [ "80%", "80%" ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "offset": [ 0, -2 ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$pressed_button_name", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "$pressed_button_name", "mapping_type": "focused" } ], "controls": [ { "hover@common.focus_border_white": {} }, { "pressed@common.focus_border_white": {} } ] }, "popup_dialog_choose_skin_type_panel": { "type": "panel", "controls": [ { "model@skin_picker.popup_dialog_skin_model": { } }, { "button_highlight@popup_dialog_choose_skin_type_button": {} } ] }, "popup_dialog__invalid_custom_skin@popup_dialog.popup_dialog": { "$middle_button_press": "button.close_dialog", "$message_text": "skins.information.invalidCustomSkin", "$middle_button_text": "gui.ok", "controls": [ { "popup_dialog_bg@popup_dialog.popup_dialog_bg": {} }, { "popup_dialog_message@popup_dialog.popup_dialog_message": {} }, { "popup_dialog_middle_button@popup_dialog.popup_dialog_middle_button": {} } ] }, "popup_dialog__upsell_without_store@popup_dialog__invalid_custom_skin": { "$message_text": "skins.information.upsellWithoutStore" }, "popup_dialog__choose_skin_type@popup_dialog.popup_dialog": { "$message_text": "skins.information.selectSkin", "controls": [ { "popup_dialog_bg@popup_dialog.popup_dialog_bg": {} }, { "popup_dialog_message@popup_dialog.popup_dialog_message": {} }, { "left@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_skinny", "$button_model_type": "#skinny_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_left", "anchor_to": "bottom_left" } }, { "right@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_fat", "$button_model_type": "#fat_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_middle", "anchor_to": "bottom_left" } } ] }, //-------------------------------------------------------------------------------- // Root Controls //-------------------------------------------------------------------------------- "content": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "title@skin_picker.title_bar": {} }, { "selector_area@skin_picker.selector_area": {} }, { "content_area@skin_picker.content_area": {} }, { "section_divider@skin_picker.section_divider": {} } ] }, "skin_picker_screen@common.base_screen": { "button_mappings": [ { "from_button_id": "button.menu_cancel", "to_button_id": "button.menu_exit", "mapping_type": "global" } ], "$screen_animations": [ "@common.screen_exit_animation_push_fade", "@common.screen_exit_animation_pop_fade", "@common.screen_entrance_animation_push_fade", "@common.screen_entrance_animation_pop_fade" ], "$default_text_color": [ 0.3, 0.3, 0.3 ], "$screen_content": "skin_picker.skin_picker_screen_content", "$screen_bg_content": "persona_common.persona_screen_background_content", "$header_safezone_control": "common_store.store_top_bar_filler", "$header_bar_control": "common_store.store_top_bar", "$is_full_screen_layout": true }, "skin_picker_screen_content@common.common_panel": { "type": "panel", "layer": 1, "controls": [ { "bg@common.fullscreen_header": { "$dialog_background": "dialog_background_hollow_3", "$show_divider": true, "$divider_offset": [ "60% - 1px", "22px" ] } }, { "container": { "type": "panel", "layer": 1, "controls": [ { "content@skin_picker.content": {} } ] } }, { "popup_dialog_factory": { "type": "factory", "control_ids": { "invalid_custom_skin": "@skin_picker.popup_dialog__invalid_custom_skin", "choose_skin_type": "@skin_picker.popup_dialog__choose_skin_type", "upsell_without_store": "@skin_picker.popup_dialog__upsell_without_store" } } } ] }, //-------------------------------------------------------------------------------- // Controller Focus //-------------------------------------------------------------------------------- "scrollable_selector_area_content": { "type": "panel", "offset": [ "2px", "2px" ], "size": [ "100% - 4px", "100%c + 4px" ], "controls": [ { "$selector_stack_panel@$selector_stack_panel": {} } ] }, // left side "selector_area@common.modal_area_panel_base": { "offset": [ "0px", "23px" ], "size": [ "60%", "100% - 21px" ], "anchor_from": "top_left", "anchor_to": "top_left", "$menu_cancel_button_id": "button.menu_exit", "$modal_binding_name": "#selector_area_focused", "layer": 2, "controls": [ { "all_skins@all_skins_frame": {} }, { "inactive_modal_pane_fade@common.inactive_modal_pane_fade": { "bindings": [ { "binding_name": "#content_area_focused", "binding_name_override": "#visible" } ] } } ] }, // right side "content_area@common.modal_area_panel_base": { "offset": [ -2, 23 ], "size": [ "40% - 4px", "100% - 21px" ], "anchor_from": "top_right", "anchor_to": "top_right", "$menu_cancel_button_id": "button.back_to_selector_area", "$modal_binding_name": "#content_area_focused", "layer": 1, "controls": [ { "preview_skin@preview_skin_panel": {} }, { "inactive_modal_pane_fade@common.inactive_modal_pane_fade": { "bindings": [ { "binding_name": "#selector_area_focused", "binding_name_override": "#visible" } ] } } ] }, // divider between two sides "section_divider": { "type": "image", "offset": [ "60%", "22px" ], "size": [ "4px", "100% - 22px" ], "anchor_from": "top_left", "anchor_to": "top_left", "layer": 3, "texture": "textures/ui/HowToPlayDivider" } }