341 lines
17 KiB
XML
341 lines
17 KiB
XML
<?xml version="1.0"?>
|
|
<root>
|
|
<layout id="button">
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="1" border-color=".5">
|
|
<text text="A" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
|
|
<layout id="multi-button-item">
|
|
<button-custom height="50%" width="50%" justify="center" align="center">
|
|
<text text="A" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</layout>
|
|
|
|
<layout id="multi-button">
|
|
<node width="50" margin="0 5 0 0" dir="row" wrap="1" flood-events="1">
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
<ref id="multi-button-item"/>
|
|
</node>
|
|
</layout>
|
|
|
|
<layout id="rounded-inside">
|
|
<border thickness="1" border-color=".9" color=".4" height="100%" pad="10">
|
|
</border>
|
|
</layout>
|
|
|
|
<!--brush icon-->
|
|
<layout id="tpl-brush-icon">
|
|
<button-custom width="50" height="50" margin="1" pad="2" align="center" justify="center">
|
|
<image width="100%" height="100%"/>
|
|
</button-custom>
|
|
</layout>
|
|
|
|
<!--slider control-->
|
|
<layout id="tpl-slider">
|
|
<border pad="1" grow="1" height="100%" color="1" dir="row">
|
|
<node height="100%" grow="1">
|
|
<slider-cursor id="cursor" width="10" height="100%" positioning="absolute" />
|
|
</node>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--layer template-->
|
|
<layout id="tpl-layer">
|
|
<border height="30" border-color="1" thickness="1" color=".4" dir="row" margin="1 0 1 0">
|
|
<node width="30" pad="1">
|
|
<checkbox id="cb"></checkbox>
|
|
</node>
|
|
<node width="1" grow="1" justify="center" pad="5">
|
|
<text id="label" text="Layer0" font-face="arial" font-size="11"/>
|
|
</node>
|
|
<node color=".4" width="100" pad="5">
|
|
<slider></slider>
|
|
</node>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--layers panel template-->
|
|
<layout id="tpl-panel-layers">
|
|
<node width="220" margin="0 0 10 0">
|
|
<border height="30" color=".5" align="center" justify="center" margin="0 0 0 0">
|
|
<text text="Layers" font-face="arial" font-size="11" color="1 1 1 1"/>
|
|
</border>
|
|
<border id="layers-container" pad="5" color=".4" dir="col" flood-events="1">
|
|
<!--layers list-->
|
|
</border>
|
|
<border height="40" color=".5" dir="row" align="center" flood-events="1">
|
|
<button-custom id="btn-add" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 5">
|
|
<icon width="30" icon="add"/>
|
|
</button-custom>
|
|
<button-custom id="btn-up" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 0">
|
|
<icon width="30" icon="bullet_arrow_up"/>
|
|
</button-custom>
|
|
<button-custom id="btn-down" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 0">
|
|
<icon width="30" icon="bullet_arrow_down"/>
|
|
</button-custom>
|
|
<node grow="1"></node>
|
|
<button-custom id="btn-remove" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 10 0 0">
|
|
<icon width="30" icon="bin_closed"/>
|
|
</button-custom>
|
|
</border>
|
|
</node>
|
|
</layout>
|
|
|
|
<!--brushes panel-->
|
|
<layout id="tpl-panel-brushes">
|
|
<node width="220" margin="0 0 10 0">
|
|
<border height="30" color=".5" align="center" justify="center">
|
|
<text text="Brushes" font-face="arial" font-size="11" color="1 1 1 1"/>
|
|
</border>
|
|
<border id="brushes" color=".4" pad="5" dir="row" wrap="1" flood-events="1">
|
|
</border>
|
|
</node>
|
|
</layout>
|
|
|
|
<layout id="message-box">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center">
|
|
<border thickness="1" border-color=".2" pad="3">
|
|
<border width="400" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Just a test message" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="400" color="0 0 0 .9" pad="10" dir="col">
|
|
<text text="Longer description for the error or the message." font-face="arial" font-size="11"></text>
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Ok" width="50" height="30" margin="0 10 0 0"/>
|
|
<button text="Cancel" width="60" height="30" pad="10"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--settings window-->
|
|
<layout id="settings">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center">
|
|
<border thickness="1" border-color=".2" pad="3" width="80%" min-width="400">
|
|
<border width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Global Settings" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" color="0 0 0 .9" pad="10" dir="col">
|
|
<!--window content-->
|
|
<node dir="row">
|
|
<!--sidebar-->
|
|
<node width="100" flood-events="1">
|
|
<border height="30" width="100%" color=".2" pad="0 0 0 10" align="flex-begin" justify="center">
|
|
<text text="Viewport" font-face="arial" font-size="11"/>
|
|
</border>
|
|
<button-custom height="30" width="100%" color=".1" pad="0 0 0 10" align="flex-begin" justify="center">
|
|
<text text="Registers" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom height="30" width="100%" color=".1" pad="0 0 0 10" align="flex-begin" justify="center">
|
|
<text text="Toolbar" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom height="30" width="100%" color=".1" pad="0 0 0 10" align="flex-begin" justify="center">
|
|
<text text="Panorama" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</node>
|
|
<!--settings tab-->
|
|
<border color=".2" width="100%" height="200"></border>
|
|
</node>
|
|
<!--footer buttons-->
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Ok" width="50" height="30" margin="0 10 0 0"/>
|
|
<button text="Cancel" width="60" height="30" pad="10"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--popup menu-->
|
|
<layout id="popup-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="camera" width="20"/>
|
|
<text text="Snapshot" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="layers" width="20"/>
|
|
<text text="Layers" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_white" width="20"/>
|
|
<text text="New Layer" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_white_paste" width="20"/>
|
|
<text text="Paste" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_white_stack" width="20"/>
|
|
<text text="Copy" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--file menu-->
|
|
<layout id="file-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom height="30" align="center" color=".2" pad="0 20 0 10" dir="row">
|
|
<checkbox width="20" height="20"/>
|
|
<node pad="5" width="100%">
|
|
<slider></slider>
|
|
</node>
|
|
</button-custom>
|
|
<button-custom height="30" align="center" color=".2" pad="0 20 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<node pad="5" width="100%">
|
|
<slider></slider>
|
|
</node>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<text text="New Panodoc" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk" width="20"/>
|
|
<text text="Save" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk_multiple" width="20"/>
|
|
<text text="Save as.." margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="add" width="20"/>
|
|
<text text="Add reference" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon width="20"/>
|
|
<text text="Quit" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--edit menu-->
|
|
<layout id="edit-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<text text="New Panodoc" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk" width="20"/>
|
|
<text text="Save" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk_multiple" width="20"/>
|
|
<text text="Save as.." margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--layers menu-->
|
|
<layout id="layers-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<text text="New Panodoc" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk" width="20"/>
|
|
<text text="Save" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk_multiple" width="20"/>
|
|
<text text="Save as.." margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="add" width="20"/>
|
|
<text text="Add reference" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--main-->
|
|
<layout id="main">
|
|
<node dir="col" wrap="0" width="100%" height="100%" pad="0">
|
|
<!-- menu bar -->
|
|
<border flood-events="1" margin="0 0 0 0" pad="0 0 0 0" color=".1" width="100%" height="30" dir="row" align="center">
|
|
<button-custom id="menu-file" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8">
|
|
<text text="File" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="menu-edit" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8">
|
|
<text text="Edit" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="menu-layers" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8">
|
|
<text text="Layers" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</border>
|
|
<!-- toolbar -->
|
|
<border id="toolbar" height="50" width="100%" pad="5" dir="row" color=".2">
|
|
<button id="btn-close" width="50" height="100%" margin="0 5 0 0" text="Close"/>
|
|
<button id="btn-popup" width="50" height="100%" margin="0 5 0 0" text="Popup"/>
|
|
<ref id="multi-button"/>
|
|
<border width="50" margin="0 5 0 0" color=".1" thickness="1" border-color=".5" justify="center" align="center">
|
|
<text text="button" font-face="arial" font-size="11"/>
|
|
</border>
|
|
<separator width="10"/>
|
|
<button-custom width="50" margin="0 5 0 0" color=".1" thickness="1" border-color=".5" justify="center" align="center"><text text="red" font-face="arial" font-size="11" color="1 0 0 1"/></button-custom>
|
|
<button-custom width="50" margin="0 5 0 0" color=".3" thickness="1" border-color=".5" justify="center" align="center"><text text="green" font-face="arial" font-size="11" color="0 1 0 1"/></button-custom>
|
|
<button-custom width="50" margin="0 5 0 0" color=".2" thickness="1" border-color=".5" justify="center" align="center"><text text="blue" font-face="arial" font-size="11" color=".4 .4 1 1"/></button-custom>
|
|
<separator width="10"/>
|
|
<!--button with image-->
|
|
<button-custom width="50" margin="0 5 0 0" thickness="1" border-color=".0" pad="8">
|
|
<image path="data/icons.png" region="30 30 90 90" width="100%" height="100%" align="center" justify="flex-end">
|
|
<!--<text text="Groups" font-face="arial" font-size="11" color=".1"/>-->
|
|
</image>
|
|
</button-custom>
|
|
<button-custom id="btn-settings" width="50" margin="0 5 0 0" thickness="1" border-color=".0" pad="8">
|
|
<image path="data/icons.png" region="143 155 203 215" width="100%" height="100%" align="center" justify="flex-end">
|
|
<!--<text text="Settings" font-face="arial" font-size="11"/>-->
|
|
</image>
|
|
</button-custom>
|
|
<button-custom width="50" margin="0 5 0 0" thickness="1" border-color=".0" pad="8" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="accept"/>
|
|
</button-custom>
|
|
</border>
|
|
<!-- central row -->
|
|
<node grow="1" dir="row" wrap="1" height="0">
|
|
<!--<border width="60" color=".2 .2 .2 .6" margin="0 0 0 0" dir="col" pad="4">
|
|
<border height="4" margin="-4 0 0 0"/>
|
|
<button-custom width="50" height="50" margin="5 5 0 0" thickness="1" border-color=".0" pad="12" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="accept"/>
|
|
</button-custom>
|
|
<button-custom width="50" height="50" margin="5 5 0 0" thickness="1" border-color=".0" pad="12" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="arrow_branch"/>
|
|
</button-custom>
|
|
<button-custom width="50" height="50" margin="5 5 0 0" thickness="1" border-color=".0" pad="12" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="arrow_refresh"/>
|
|
</button-custom>
|
|
<button-custom width="50" height="50" margin="5 5 0 0" thickness="1" border-color=".0" pad="12" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="disk"/>
|
|
</button-custom>
|
|
</border>-->
|
|
<!-- side bar -->
|
|
<node height="100%" dir="row" shrink="1">
|
|
<border pad="5 5 5 5" margin="0 0 0 0" color=".3 .3 .3 .4" height="100%" dir="col" wrap="1" shrink="1">
|
|
<!--Brushes-->
|
|
<panel-brushes id="panel-brushes"></panel-brushes>
|
|
<!--Layers-->
|
|
<panel-layers></panel-layers>
|
|
</border>
|
|
</node>
|
|
<!-- content panel -->
|
|
<node grow="1" color=".1" pad="10">
|
|
<!--<viewport grow="1"></viewport>-->
|
|
</node>
|
|
</node>
|
|
<!-- status bar -->
|
|
<border height="30" width="100%" color=".15" border-color=".3" dir="row" pad="0 0 0 10" align="center">
|
|
<text text="Status Bar: nothing to show here." font-face="arial" font-size="11"/>
|
|
<text text="#opengl #fromscratch #c++" font-face="arial" font-size="11" margin="0 0 0 10" color=".2 .5 1 1"/>
|
|
</border>
|
|
</node>
|
|
<!--<ref id="settings"/>-->
|
|
<!--<ref id="popup-menu"/>-->
|
|
</layout>
|
|
</root>
|