mirror of
https://github.com/Mojang/bedrock-samples.git
synced 2024-11-27 03:28:56 +00:00
a3b394c507
Initial layout
454 lines
13 KiB
JSON
454 lines
13 KiB
JSON
{
|
|
"namespace": "win10_trial_conversion",
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Padding
|
|
//---------------------------------------------------------------------------
|
|
|
|
"padding_horizontal": {
|
|
"type": "panel",
|
|
"size": [ 2, 0 ]
|
|
},
|
|
|
|
"padding_vertical": {
|
|
"type": "panel",
|
|
"size": [ 0, 2 ]
|
|
},
|
|
|
|
"padding_vertical_3": {
|
|
"type": "panel",
|
|
"size": [ 0, 3 ]
|
|
},
|
|
|
|
"background_image": {
|
|
"type": "image",
|
|
"layer": 1,
|
|
"size": [ "100%-2px", "100%" ],
|
|
"texture": "textures/ui/dark_bg"
|
|
},
|
|
|
|
"title_image": {
|
|
"type": "image",
|
|
"layer": 4,
|
|
"size": [ "100% - 2px", "100% - 2px" ],
|
|
"texture": "$title_texture"
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Image section
|
|
//---------------------------------------------------------------------------
|
|
|
|
"focus_border": {
|
|
"type": "image",
|
|
"texture": "textures/ui/square_image_border_white",
|
|
"color": "$non_interact_border_color"
|
|
},
|
|
|
|
"pack_image": {
|
|
"type": "image",
|
|
"layer": 3,
|
|
"size": [ "100%-2px", "100%-2px" ],
|
|
"bindings": [
|
|
{
|
|
"binding_name": "#pack_texture",
|
|
"binding_name_override": "#texture",
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "$collection_name"
|
|
}
|
|
]
|
|
},
|
|
|
|
"pack_image_panel": {
|
|
"type": "panel",
|
|
"size": [ 70, 41 ],
|
|
"controls": [
|
|
{
|
|
"pack_image@win10_trial_conversion.pack_image_with_border": {}
|
|
}
|
|
]
|
|
},
|
|
|
|
"title_image_border": {
|
|
"type": "image",
|
|
"size": [ 168, 96 ],
|
|
"layer": 3,
|
|
"texture": "textures/ui/Black",
|
|
"controls": [
|
|
{
|
|
"image@win10_trial_conversion.title_image": {
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"pack_image_with_border": {
|
|
"type": "image",
|
|
"size": [ "100%", "100%" ],
|
|
"layer": 2,
|
|
"texture": "textures/ui/Black",
|
|
"controls": [
|
|
{
|
|
"image@pack_image": {}
|
|
}
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// label
|
|
//---------------------------------------------------------------------------
|
|
|
|
"label_panel": {
|
|
"type": "label",
|
|
"size": [ "100%", "default" ],
|
|
"layer": 3,
|
|
"$text_font_scale_factor|default": 1,
|
|
"font_scale_factor": "$text_font_scale_factor",
|
|
"text": "$text",
|
|
"color": "$main_header_text_color"
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Buy Button Panel
|
|
//---------------------------------------------------------------------------
|
|
|
|
"button_panel": {
|
|
"type": "stack_panel",
|
|
"size": [ "100%", 29 ],
|
|
"orientation": "horizontal",
|
|
"controls": [
|
|
{ "padding_5@win10_trial_conversion.padding_horizontal": {} },
|
|
{ "buy_now_button@win10_trial_conversion.buy_now_button": {} },
|
|
{ "padding_6@win10_trial_conversion.padding_horizontal": {} }
|
|
]
|
|
},
|
|
|
|
"buy_now_button@common_buttons.light_content_button": {
|
|
"size": [ "100% - 4px", "100%" ],
|
|
"$button_content": "win10_trial_conversion.buy_now_label"
|
|
},
|
|
|
|
"buy_now_label": {
|
|
"type": "panel",
|
|
"layer": 2,
|
|
"controls": [
|
|
{
|
|
"button_label@win10_trial_conversion.label_panel": {
|
|
"text": "$button_text",
|
|
"text_alignment": "center",
|
|
"color": "$text_color"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// focus border
|
|
//---------------------------------------------------------------------------
|
|
|
|
"is_focused@focus_border": {
|
|
"size": [ "100%", "100%" ],
|
|
"layer": 3
|
|
},
|
|
|
|
"filler_panel": {
|
|
"type": "panel",
|
|
"layer": 1
|
|
},
|
|
|
|
"focus_border_button@common.button": {
|
|
"size": [ "100%", "100%" ],
|
|
"sound_volume": 0.0,
|
|
"$pressed_button_name": "button.pack_select",
|
|
"controls": [
|
|
{ "default@win10_trial_conversion.filler_panel": {} },
|
|
{ "hover@win10_trial_conversion.is_focused": {} },
|
|
{ "pressed@win10_trial_conversion.is_focused": {} }
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Grid section
|
|
//---------------------------------------------------------------------------
|
|
|
|
"grid_item": {
|
|
"type": "stack_panel",
|
|
"size": [ "100%", "100% - 2px" ],
|
|
"orientation": "horizontal",
|
|
"controls": [
|
|
{
|
|
"padding_1@win10_trial_conversion.padding_horizontal": {}
|
|
},
|
|
{
|
|
"pack_image_pane@win10_trial_conversion.pack_image_panel": {}
|
|
},
|
|
{
|
|
"padding_2@win10_trial_conversion.padding_horizontal": {
|
|
}
|
|
},
|
|
{
|
|
"pack_panel@win10_trial_conversion.pack_panel": {}
|
|
},
|
|
{
|
|
"padding_3@win10_trial_conversion.padding_horizontal": {}
|
|
}
|
|
]
|
|
},
|
|
|
|
"grid_item_vertical": {
|
|
"type": "panel",
|
|
"size": [ "100%", 44 ],
|
|
"controls": [
|
|
{
|
|
"grid_item_horizontal@win10_trial_conversion.grid_item": {}
|
|
},
|
|
{
|
|
"pack_grid@win10_trial_conversion.focus_border_button": {
|
|
"size": [ "100%", "100% - 2px" ]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"pack_panel": {
|
|
"type": "stack_panel",
|
|
"size": [ "fill", "100%" ],
|
|
"orientation": "vertical",
|
|
"controls": [
|
|
{
|
|
"packtitle@win10_trial_conversion.label_panel": {
|
|
"text": "#title_name",
|
|
"font_type": "smooth",
|
|
"bindings": [
|
|
{
|
|
"binding_name": "#title_name",
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "$collection_name"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"padding_2@win10_trial_conversion.padding_vertical": {}
|
|
},
|
|
{
|
|
"packdesc@win10_trial_conversion.label_panel": {
|
|
"text": "#description_text",
|
|
"font_type": "smooth",
|
|
"size": [ "100%", "default" ],
|
|
"color": "$wtc_pack_desc_text_color",
|
|
"bindings": [
|
|
{
|
|
"binding_name": "#description_text",
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "$collection_name"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Collection Panels
|
|
//---------------------------------------------------------------------------
|
|
|
|
"collection_main_panel": {
|
|
"type": "stack_panel",
|
|
"orientation": "vertical",
|
|
"anchor_to": "top_middle",
|
|
"anchor_from": "top_middle",
|
|
"size": [ "100%", "100%c" ],
|
|
"controls": [
|
|
{ "padding_1@win10_trial_conversion.padding_vertical": {} },
|
|
{
|
|
"title_panel@win10_trial_conversion.label_panel": {
|
|
"text_alignment": "center",
|
|
"text": "$title_text"
|
|
}
|
|
},
|
|
{ "padding_2@win10_trial_conversion.padding_vertical": {} },
|
|
{
|
|
"title_image_panel": {
|
|
"type": "panel",
|
|
"size": [ "100%", "100%c" ],
|
|
"anchor_to": "top_middle",
|
|
"anchor_from": "top_middle",
|
|
"controls": [
|
|
{
|
|
"border_image@win10_trial_conversion.title_image_border": {}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{ "padding_3@win10_trial_conversion.padding_vertical": {} },
|
|
{
|
|
"offer_panel": {
|
|
"type": "stack_panel",
|
|
"orientation": "horizontal",
|
|
"size": [ "100%", "100%c" ],
|
|
"controls": [
|
|
{ "padding_1@win10_trial_conversion.padding_horizontal": {} },
|
|
{
|
|
"label_panel": {
|
|
"type": "panel",
|
|
"size": [ "100%", 38 ],
|
|
"controls": [
|
|
{
|
|
"offer_label@win10_trial_conversion.label_panel": {
|
|
"size": [ "100% - 3px", "default" ],
|
|
"text_alignment": "center",
|
|
"text": "$offer_text"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{ "padding_2@win10_trial_conversion.padding_horizontal": {} }
|
|
]
|
|
}
|
|
},
|
|
{ "padding_4@win10_trial_conversion.padding_vertical": {} },
|
|
{ "button_panel@win10_trial_conversion.button_panel": {} },
|
|
{ "padding_5@win10_trial_conversion.padding_vertical_3": {} },
|
|
{
|
|
"include_panel": {
|
|
"type": "stack_panel",
|
|
"orientation": "horizontal",
|
|
"size": [ "100%", 9 ],
|
|
"controls": [
|
|
{ "padding_1@win10_trial_conversion.padding_horizontal": {} },
|
|
{
|
|
"include_label@win10_trial_conversion.label_panel": {
|
|
"size": [ "100% - 3px", "default" ],
|
|
"$text": "trial.includes",
|
|
"font_type": "smooth"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{ "padding_6@win10_trial_conversion.padding_vertical": {} },
|
|
{
|
|
"pack_list_grid": {
|
|
"layer": 2,
|
|
"type": "grid",
|
|
"grid_item_template": "win10_trial_conversion.grid_item_vertical",
|
|
"grid_dimension_binding": "$grid_dimension",
|
|
"collection_name": "$collection_name",
|
|
"anchor_to": "top_left",
|
|
"anchor_from": "top_left",
|
|
"size": [ "100%", "100%c" ],
|
|
"bindings": [
|
|
{
|
|
"binding_name": "$grid_dimension",
|
|
"binding_type": "global"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"background_image_with_border": {
|
|
"size": [ "50% - 3px", "100%c" ],
|
|
"type": "image",
|
|
"layer": 1,
|
|
"texture": "textures/ui/Banners",
|
|
"controls": [
|
|
{
|
|
"main_panel_no_buttons@win10_trial_conversion.collection_main_panel": {
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Main Panels
|
|
//---------------------------------------------------------------------------
|
|
|
|
"win10_trial_conversion_main_panel": {
|
|
"type": "panel",
|
|
"size": [ "100%", "100%" ],
|
|
"controls": [
|
|
{
|
|
"scrolling_panel@common.scrolling_panel": {
|
|
"size": [ "100%", "100%" ],
|
|
"$show_background": false,
|
|
"$scrolling_content": "win10_trial_conversion.vertical_main_panel",
|
|
"$scrolling_pane_size": [ "100%-4px", "100%" ],
|
|
"$scroll_size": [ 5, "100% - 4px" ],
|
|
"$scroll_bar_left_padding_size": [ 1, 0 ]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"vertical_main_panel": {
|
|
"type": "stack_panel",
|
|
"orientation": "vertical",
|
|
"size": [ "100%", "100%c" ],
|
|
"controls": [
|
|
{ "padding_1@win10_trial_conversion.padding_vertical": {} },
|
|
{ "panel@win10_trial_conversion.horizontal_main_panel": {} },
|
|
{ "padding_2@win10_trial_conversion.padding_vertical": {} }
|
|
]
|
|
},
|
|
|
|
"horizontal_main_panel": {
|
|
"type": "stack_panel",
|
|
"orientation": "horizontal",
|
|
"size": [ "100%", "100%cm + 4px" ],
|
|
"controls": [
|
|
{ "padding_1@win10_trial_conversion.padding_horizontal": {} },
|
|
{
|
|
"starter_collection@win10_trial_conversion.background_image_with_border": {
|
|
"inherit_max_sibling_height": true,
|
|
"$grid_dimension": "#starter_grid_dimension",
|
|
"$collection_name": "starter_list",
|
|
"$pressed_button_name": "button.starter_buy_now_button",
|
|
"$title_texture": "textures/ui/win10_minecraft_startercollection_keyartsmall",
|
|
"$title_text": "trial.starter.collection.title",
|
|
"$button_text": "trial.starter.collection.button",
|
|
"$offer_text": "trial.starter.offer"
|
|
}
|
|
},
|
|
{
|
|
"padding_2@win10_trial_conversion.padding_horizontal": {}
|
|
},
|
|
{
|
|
"master_collection@win10_trial_conversion.background_image_with_border": {
|
|
"$grid_dimension": "#master_grid_dimension",
|
|
"$collection_name": "master_list",
|
|
"$pressed_button_name": "button.master_buy_now_button",
|
|
"$title_texture": "textures/ui/win10_minecraft_mastercollection_keyartsmall",
|
|
"$title_text": "trial.master.collection.title",
|
|
"$button_text": "trial.master.collection.button",
|
|
"$offer_text": "trial.master.offer"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
//---------------------------------------------------------------------------
|
|
// Screen
|
|
//---------------------------------------------------------------------------
|
|
|
|
"win10_trial_conversion_screen@common.base_screen": {
|
|
"button_mappings": [
|
|
{
|
|
"from_button_id": "button.menu_cancel",
|
|
"to_button_id": "button.menu_exit",
|
|
"mapping_type": "global"
|
|
}
|
|
],
|
|
"$screen_content": "win10_trial_conversion.win10_trial_conversion_panel"
|
|
},
|
|
|
|
"win10_trial_conversion_panel@common.fullscreen_header": {
|
|
"$back_button_has_title": true,
|
|
"$button_text": "trial.tabbed_upsell.title",
|
|
"$child_control": "win10_trial_conversion.win10_trial_conversion_main_panel"
|
|
}
|
|
|
|
}
|