1250 lines
71 KiB
XML
1250 lines
71 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>
|
|
|
|
<!--layer template-->
|
|
<layout id="tpl-layer">
|
|
<border height="30" border-color="1" thickness="1" color=".4" dir="col" margin="1 0 1 0">
|
|
<node dir="row" height="30">
|
|
<node width="30" pad="1">
|
|
<checkbox id="cb" icon="data/ui/check-layer-visibility.png"></checkbox>
|
|
</node>
|
|
<node width="1" grow="1" justify="center" pad="5">
|
|
<text id="label" font-face="arial" font-size="11"/>
|
|
</node>
|
|
</node>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--layers panel template-->
|
|
<layout id="tpl-panel-layers">
|
|
<node width="220" margin="0 0 10 0" rtl="ltr">
|
|
<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 height="35" color=".5" dir="row" align="center" flood-events="1" pad="0 0 5 0">
|
|
<checkbox id="alpha-lock" icon="data/ui/check-lock-transparency.png" width="30" margin="0 5 0 5"></checkbox>
|
|
<combobox id="blend-mode" width="100" height="30" margin="0 5 0 0" combo-list="Normal,-,Multiply,Screen,-,Color Dodge,Overlay" default="0"/>
|
|
<slider-h id="opacity" value="1" grow="1" width="1" margin="0 5 0 0"/>
|
|
</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-duplicate" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 5">
|
|
<icon width="30" icon="page_copy"/>
|
|
</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>
|
|
|
|
<!--brush-presets panel-->
|
|
<layout id="tpl-panel-brush-preset">
|
|
<node rtl="ltr">
|
|
<scroll id="brushes" color=".4" pad="5 20 5 5" dir="row" wrap="1" flood-events="1" grow="1" height="1"/>
|
|
<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>
|
|
<button-custom id="btn-save" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 0">
|
|
<icon width="30" icon="bullet_disk"/>
|
|
</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>
|
|
<!--brush-presets-item icon-->
|
|
<layout id="tpl-brush-preset">
|
|
<button-custom width="100%" height="70" margin="1" pad="5" align="center" justify="center" dir="row">
|
|
<border color="1" width="40" height="60" align="center" justify="center">
|
|
<image id="thumb" width="40" height="40"/>
|
|
</border>
|
|
<stroke-preview id="canvas" width="1" grow="1" height="60"/>
|
|
</button-custom>
|
|
</layout>
|
|
|
|
<!--brushes panel-->
|
|
<layout id="tpl-panel-brushes">
|
|
<node rtl="ltr">
|
|
<scroll id="brushes" color=".4" pad="5" dir="row" wrap="1" flood-events="1" grow="1" height="1"/>
|
|
<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>
|
|
<button-custom id="btn-save" thickness="1" color="0 0" border-color=".0" shrink="1" margin="0 2 0 0">
|
|
<icon width="30" icon="bullet_disk"/>
|
|
</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>
|
|
|
|
<!--color panel-->
|
|
<layout id="tpl-panel-color">
|
|
<node width="220" margin="0 0 10 0" rtl="ltr">
|
|
<border height="30" color=".5" align="center" justify="center">
|
|
<text text="Colors" font-face="arial" font-size="11" color="1 1 1 1"/>
|
|
</border>
|
|
<border color=".3" pad="5" dir="row" height="250">
|
|
<color-quad id="quad" color="1 0 0 1" height="100%" grow="1"/>
|
|
<node width="30" dir="col" pad="0 0 0 5"><slider-hue id="hue"/></node>
|
|
</border>
|
|
</node>
|
|
</layout>
|
|
|
|
<!--stroke panel-->
|
|
<layout id="tpl-panel-stroke">
|
|
<node width="220" margin="0 0 10 0" rtl="ltr">
|
|
<border height="30" color=".5" align="center" justify="center">
|
|
<text text="Stroke" font-face="arial" font-size="11" color="1 1 1 1"/>
|
|
</border>
|
|
<border color=".3" pad="5" dir="col" width="100%">
|
|
<border color=".2" pad="3" margin="0 0 10 0">
|
|
<stroke-preview id="canvas" width="100%" height="100"/>
|
|
<button-custom id="tip-change" width="50" height="50" position="0 56" positioning="absolute" pad="3">
|
|
<image id="tip-change-thumb" width="100%" height="100%"/>
|
|
</button-custom>
|
|
</border>
|
|
|
|
<border color=".2" height="20" justify="center" align="center"><text text="Tip Settings" font-face="arial" font-size="11"/></border>
|
|
<node dir="row">
|
|
<node width="30%" dir="col">
|
|
<!--<node height="20" justify="center" margin="5 0 5 0"><text text="Shade" font-face="arial" font-size="11"/></node>-->
|
|
<node height="40" justify="center" margin="5 0 0 0"><text text="Preset" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 5 0"><text text="Blend" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Size" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Flow" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Opacity" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center" margin="5 0 0 0"><text text="Spacing" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Angle" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 0 0"><text text="Stencil" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center" margin="5 0 0 0"><text text="Mixer" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Wet" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Noise" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center" margin="5 0 0 0"><text text="Hue" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Sat" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Val" font-face="arial" font-size="11"/></node>
|
|
</node>
|
|
<node dir="col" align="center" grow="1" width="1" flood-events="1">
|
|
<!--<node height="20" pad="1" width="100%" margin="5 0 5 0"><slider-h id="tip-shade" value="1"/></node>-->
|
|
<button-custom id="preset-button" width="100%" height="40" margin="5 0 0 0" dir="row" pad="4">
|
|
<image id="preset-thumb" path="data/thumbs/Round-Hard.png" width="32" height="100%"/>
|
|
<stroke-preview id="preset-preview" width="10" grow="1" height="100%"/>
|
|
</button-custom>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 5 0">
|
|
<combobox id="blend-mode" text="Normal" width="100%" height="30" combo-list="Normal,-,Multiply,Screen,-,Color Dodge,Overlay" default="0"/>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" dir="row">
|
|
<slider-h id="tip-size" width="1" grow="1" value=".25"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-size-pressure"></checkbox>
|
|
</node>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" dir="row">
|
|
<slider-h id="tip-flow" width="1" grow="1" value=".5"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-flow-pressure"></checkbox>
|
|
</node>
|
|
</node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="tip-opacity" value="1"/></node>
|
|
<node height="20" pad="1" width="100%" margin="5 0 0 0"><slider-h id="tip-spacing" value=".25"/></node>
|
|
<node height="20" pad="1" width="100%" dir="row">
|
|
<slider-h id="tip-angle" width="1" grow="1"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-angle-follow"></checkbox>
|
|
</node>
|
|
</node>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<slider-h id="tip-stencil" width="1" grow="1"/>
|
|
<node width="50" pad="0" margin="0 0 0 5">
|
|
<button id="tip-stencil-load" text="Load" height="30"></button>
|
|
</node>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" margin="5 0 0 0"><slider-h id="tip-mix"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="tip-wet"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="tip-noise"/></node>
|
|
<node height="20" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<slider-h id="tip-hue" width="1" grow="1"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-hue-pressure"></checkbox>
|
|
</node>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" dir="row">
|
|
<slider-h id="tip-sat" width="1" grow="1"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-sat-pressure"></checkbox>
|
|
</node>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" dir="row">
|
|
<slider-h id="tip-val" width="1" grow="1"/>
|
|
<node width="20" pad="0" margin="0 0 0 2">
|
|
<checkbox id="tip-val-pressure"></checkbox>
|
|
</node>
|
|
</node>
|
|
</node>
|
|
</node>
|
|
|
|
<border color=".2" height="20" justify="center" align="center" margin="5 0 5 0"><text text="Jitter Settings" font-face="arial" font-size="11"/></border>
|
|
<node dir="row">
|
|
<node width="30%" dir="col">
|
|
<node height="20" justify="center"><text text="Scale" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Angle" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Spread" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Flow" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Hue" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Sat" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Val" font-face="arial" font-size="11"/></node>
|
|
</node>
|
|
<node dir="col" align="center" grow="1" width="1">
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-scale"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-angle"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-spread"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-flow"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-hue"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-sat"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="jitter-val"/></node>
|
|
</node>
|
|
</node>
|
|
|
|
</border>
|
|
</node>
|
|
</layout>
|
|
|
|
<!--grids panel-->
|
|
<layout id="tpl-panel-grid">
|
|
<node width="220" margin="0 0 10 0" rtl="ltr">
|
|
<border height="30" color=".5" align="center" justify="center">
|
|
<text text="Grids" font-face="arial" font-size="11" color="1 1 1 1"/>
|
|
</border>
|
|
<border color=".3" pad="5" dir="col" width="100%">
|
|
|
|
<node dir="row">
|
|
<node width="40%" dir="col">
|
|
<node height="20" justify="center"><text text="Opacity" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Value" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Offset" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 0 0"><text text="Resolution" font-face="arial" font-size="11"/></node>
|
|
</node>
|
|
<node dir="col" align="center" grow="1" width="1" flood-events="1">
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-ground-opacity"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-ground-value" value="0.0"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-ground-offset" value="0.25"/></node>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<combobox id="grid-ground-resolution" width="100%" height="30" combo-list="0.1,0.5,1,2,4,8" default="2"/>
|
|
</node>
|
|
</node>
|
|
</node>
|
|
<node height="5"/>
|
|
<border color=".2" height="20" justify="center" align="center"><text text="Heightmap" font-face="arial" font-size="11"/></border>
|
|
<border color="1" align="center" pad="5" margin="0 0 5 0">
|
|
<image-texture id="grid-heightmap-preview" width="100%" grow="1" height="100" aspect-ratio="1"/>
|
|
</border>
|
|
<node dir="row">
|
|
<node width="40%" dir="col">
|
|
<node height="30" justify="center"><text text="File" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 0 0"><text text="Shading" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center" margin="5 0 0 0"><text text="Wireframe" font-face="arial" font-size="11"/></node>
|
|
<!--<node height="20" justify="center"><text text="Thickness" font-face="arial" font-size="11"/></node>-->
|
|
<node height="20" justify="center"><text text="Height" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="L-Yaw" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="L-Pitch" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Ambient" font-face="arial" font-size="11"/></node>
|
|
<node height="20" justify="center"><text text="Radius" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 0 0"><text text="Samples" font-face="arial" font-size="11"/></node>
|
|
<node height="30" justify="center" margin="5 0 0 0"><text text="Tex Res." font-face="arial" font-size="11"/></node>
|
|
</node>
|
|
<node dir="col" align="center" grow="1" width="1" flood-events="1" color=".3" >
|
|
<node height="30" width="100%" dir="row" pad="0 1 0 1">
|
|
<node width="20" grow="1" pad="0" dir="row">
|
|
<button id="grid-heightmap-load" text="..." width="20" height="30" margin="0 2 0 0"></button>
|
|
<button id="grid-heightmap-clear" text="Clear" width="45" height="30" margin="0 2 0 0"></button>
|
|
<button id="grid-heightmap-reload" text="Reload" width="55" height="30"></button>
|
|
</node>
|
|
</node>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<combobox id="grid-heightmap-shading" width="100%" height="30" combo-list="Transparent,Flat,Solid,Textured" default="0"/>
|
|
</node>
|
|
<node height="20" pad="1" width="100%" margin="5 0 0 0"><slider-h id="grid-heightmap-wireframe" value="1.0"/></node>
|
|
<!--<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-thickness" value="0.5"/></node>-->
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-height" value="0.25"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-lyaw" value="0.5"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-lpitch" value="0.1"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-ambient" value="0.0"/></node>
|
|
<node height="20" pad="1" width="100%"><slider-h id="grid-heightmap-radius" value="0.25"/></node>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<combobox id="grid-heightmap-samples" width="100%" height="30" combo-list="1,4,8,16,32,64,128" default="2"/>
|
|
</node>
|
|
<node height="30" pad="1" width="100%" dir="row" margin="5 0 0 0">
|
|
<combobox id="grid-heightmap-texres" width="100%" height="30" combo-list="256,512,1024,2048,4096" default="1"/>
|
|
</node>
|
|
</node>
|
|
</node>
|
|
<button id="grid-render" text="Render Lightmap" height="30" margin="5 0 0 0"/>
|
|
<button id="grid-commit" text="Commit to Layer" height="30" margin="5 0 0 0"/>
|
|
|
|
</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" mouse-capture="true">
|
|
<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 id="title" 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 id="message" text-wrap-width="380" 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 id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<layout id="progress-bar">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<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 id="title" 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">
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<border width="50" height="30" grow="1" margin="0 10 0 0" color=".2">
|
|
<border id="progress" width="50%" color="1 0 0 1" height="30"/>
|
|
</border>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Color Picker Dialog -->
|
|
<layout id="color-picker">
|
|
<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="300" height="30" color=".2 .2 .2 .9" dir="row" align="center">
|
|
<node grow="1" width="10" align="center">
|
|
<text id="title" text="Color Picker" font-face="arial" font-size="11"/>
|
|
</node>
|
|
<!--<combobox justify="flex-end" pad="5" margin="0 5 0 0" text="Triangle" combo-list="Triangle,Square" default="0"/>-->
|
|
</border>
|
|
<border width="300" color=".5 .5 .5 .9" pad="10" dir="col">
|
|
<colorwheel id="wheel" width="100%" aspect-ratio="1"/>
|
|
<border color="1" pad="5" dir="row" margin="10 0 0 0">
|
|
<border border-color="0 0 0 1" thickness="1" id="color-cur" height="30" grow="1" color="1"/>
|
|
<border border-color="0 0 0 1" thickness="1" id="color-old" height="30" grow="1" color="0"/>
|
|
<border border-color="0 0 0 1" thickness="1" id="color-old1" height="30" grow="1" color="0"/>
|
|
<border border-color="0 0 0 1" thickness="1" id="color-old2" height="30" grow="1" color="0"/>
|
|
</border>
|
|
<node width="100%" pad="2" height="20" dir="row" align="center" margin="10 0 0 0">
|
|
<node width="20"><text text="H" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="hsv-h" width="10" grow="1" value="1"/>
|
|
</node>
|
|
<node width="100%" pad="2" height="20" dir="row" align="center">
|
|
<node width="20"><text text="S" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="hsv-s" width="10" grow="1" value="1"/>
|
|
</node>
|
|
<node width="100%" pad="2" height="20" dir="row" align="center">
|
|
<node width="20"><text text="V" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="hsv-v" width="10" grow="1" value="1"/>
|
|
</node>
|
|
<node width="100%" pad="2" height="20" dir="row" align="center" margin="5 0 0 0">
|
|
<node width="20"><text text="R" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="rgb-r" width="10" grow="1" value="1"/>
|
|
<node width="15" margin="0 0 0 5"><text text="G" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="rgb-g" width="10" grow="1" value="1"/>
|
|
<node width="15" margin="0 0 0 5"><text text="B" font-face="arial" font-size="11"/></node>
|
|
<slider-h id="rgb-b" width="10" grow="1" value="1"/>
|
|
</node>
|
|
|
|
</border>
|
|
<node height="33" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Reset" width="60" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-select" text="Select color" width="100" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Dialog Rename Layer -->
|
|
<layout id="dialog-layer-rename">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<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="Rename Layer" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="400" color="0 0 0 .9" pad="10" dir="col">
|
|
<border dir="row" align="center" height="30" color=".2 .2 .2 1">
|
|
<text text="New name: " font-face="arial" font-size="11" margin="0 5 0 5"/>
|
|
<text-input id="txt-input" align="center" pad="5" grow="1" height="30" color=".3"/>
|
|
</border>
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Rename Layer" width="110" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Dialog Resize -->
|
|
<layout id="dialog-resize">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border thickness="1" border-color=".2" pad="3">
|
|
<border width="500" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Resize Document Resolution" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="500" color="0 0 0 .9" pad="10" dir="col">
|
|
<text text="This action is permanent and cannot be undone.\nAll of the history will be cleared." font-face="arial" font-size="11" margin="0 5 10 5"/>
|
|
<border dir="row" align="center" height="30" color=".2 .2 .2 1">
|
|
<node grow="1"><text id="current-res" text="Current: 2K" font-face="arial" font-size="11" margin="0 5 0 5"/></node>
|
|
<text text="New Resolution:" font-face="arial" font-size="11" margin="0 5 0 5"/>
|
|
<combobox id="resolution" width="100" height="30" text="2K" combo-list="2K,4K,6K,8K,16K,32K" default="1"/>
|
|
</border>
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Resize" width="70" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Browse Dialog Popup -->
|
|
|
|
<layout id="dialog-browse-item">
|
|
<border dir="col" color=".4 .4 .4 .8" pad="4" height="120" width="100" margin="1 1 1 1" grow="1" align="center">
|
|
<image-texture id="thumb-tex" width="100%" grow="1" height="1" aspect-ratio="1"/>
|
|
<text id="title" text="File Name" margin="5 0 0 0" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
<layout id="dialog-browse">
|
|
<border id="background" positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border id="form" thickness="1" border-color=".2" pad="3" width="90%" height="90%" dir="col">
|
|
<border id="title-bar" width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Browse PanoPainter Projects" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" height="100" color="0 0 0 .9" pad="10" dir="row" grow="1">
|
|
<scroll id="files-list" dir="row" wrap="1" flood-events="1" grow="1" height="100%" margin="0 0 0 0" pad="0 20 0 0" color=".2 .2 .2 1">
|
|
</scroll>
|
|
</border>
|
|
<node dir="row">
|
|
<node grow="1"><text os="win,osx" id="path" text="Workind dir: path" text-wrap-width="470" font-face="arial" font-size="11" margin="10 5 10 10"/></node>
|
|
<button os="win,osx" id="btn-path" text="Set destination dir" width="140" height="30" margin="0 10 0 0"/>
|
|
</node>
|
|
<node id="footer" height="50" dir="row" align="flex-end" justify="flex-end" pad="10">
|
|
<node grow="1"><button id="btn-delete" text="Delete Project" width="100" height="30" margin="0 10 0 0" color="1 0 0 1"/></node>
|
|
<button id="btn-ok" text="Open Project" width="100" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Cloud Browse Dialog Popup -->
|
|
|
|
<layout id="dialog-cloud-item">
|
|
<border dir="col" color=".4 .4 .4 .8" pad="4" height="120" width="100" margin="1 1 1 1" grow="1" align="center">
|
|
<image-texture id="thumb-tex" width="100%" grow="1" height="1" aspect-ratio="1"/>
|
|
<text id="title" text="File Name" margin="5 0 0 0" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
|
|
<layout id="dialog-cloud">
|
|
<border id="background" positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border id="form" thickness="1" border-color=".2" pad="3" width="90%" height="90%" dir="col">
|
|
<border id="title-bar" width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Browse PanoPainter Projects" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" height="100" color="0 0 0 .9" pad="10" dir="row" grow="1">
|
|
<scroll id="files-list" dir="row" wrap="1" flood-events="1" grow="1" height="100%" margin="0 0 0 0" pad="0 20 0 0" color=".2 .2 .2 1">
|
|
</scroll>
|
|
</border>
|
|
<node id="footer" height="50" dir="row" align="flex-end" justify="flex-end" pad="10">
|
|
<node grow="1" os="win,osx"><button id="btn-path" text="Set destination dir" width="130" height="30" margin="0 10 0 0"/></node>
|
|
<button id="btn-ok" text="Open Project" width="100" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Open Dialog Popup -->
|
|
|
|
<layout id="dialog-open-item">
|
|
<border dir="row" color=".4 .4 .4 .8" pad="4" height="30" margin="1 0 1 0" align="center">
|
|
<!--<image-texture id="thumb-tex" width="64" height="64"/>-->
|
|
<text id="title" text="Title" font-face="arial" font-size="11"/>
|
|
</border>
|
|
</layout>
|
|
<layout id="dialog-open">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<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="Open PanoPainter Project" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="400" color="0 0 0 .9" pad="10" dir="col">
|
|
<node dir="row">
|
|
<scroll id="files-list" dir="col" flood-events="1" grow="1" height="250" margin="0 10 0 0" pad="0 20 0 0" color=".2 .2 .2 1"/>
|
|
<!--
|
|
<node dir="col" grow="1" margin="0 0 0 10">
|
|
<border height="20" align="center" justify="center" color=".2 .2 .2 1"><text id="info-title" text="Title" font-face="arial" font-size="11"/></border>
|
|
<text id="info-data" text="Title" font-face="arial" font-size="11"/>
|
|
</node>
|
|
-->
|
|
<image-texture id="thumb-tex" aspect-ratio="1" width="150" height="150"/>
|
|
</node>
|
|
<!--<text-input width="100" height="100" color=".3"/>-->
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<node grow="1"><button id="btn-delete" text="Delete Project" width="100" height="30" margin="0 10 0 0" color="1 0 0 1"/></node>
|
|
<button id="btn-ok" text="Open Project" width="100" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- Save Dialog Popup -->
|
|
<layout id="dialog-save">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<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="Save Pano Project" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="400" color="0 0 0 .9" pad="10" dir="col">
|
|
<border dir="row" align="center" height="30" color=".2 .2 .2 1">
|
|
<text text="Project name: " font-face="arial" font-size="11" margin="0 5 0 5"/>
|
|
<text-input id="txt-input" align="center" pad="5" grow="1" height="30" color=".3"/>
|
|
</border>
|
|
<text os="win,osx" id="path" text="Workind dir: path" text-wrap-width="470" font-face="arial" font-size="11" margin="10 5 10 5"/>
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<node grow="1" os="win,osx"><button id="btn-path" text="Set working dir" width="120" height="30" margin="0 10 0 0"/></node>
|
|
<button id="btn-ok" text="Save Project" width="100" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!-- NewDoc Dialog Popup -->
|
|
<layout id="dialog-newdoc">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border thickness="1" border-color=".2" pad="3">
|
|
<border width="500" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="Create New Pano Project" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="500" color="0 0 0 .9" pad="10" dir="col">
|
|
<text text="Note: resolution is measured in K-pixels, so a 2K document produces\na 2048x1024 equirectangular output." font-face="arial" font-size="11" margin="0 5 10 5"/>
|
|
<border dir="row" align="center" height="30" color=".2 .2 .2 1">
|
|
<text text="Project name: " font-face="arial" font-size="11" margin="0 5 0 5"/>
|
|
<text-input id="txt-input" align="center" pad="5" grow="1" height="30" color=".3"/>
|
|
<combobox id="resolution" width="100" height="30" text="2K" combo-list="2K,4K,6K,8K,16K,32K" default="1"/>
|
|
</border>
|
|
<text os="win,osx" id="path" text="Workind dir: path" text-wrap-width="470" font-face="arial" font-size="11" margin="10 5 10 5"/>
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<node grow="1" os="win,osx"><button id="btn-path" text="Set working dir" width="120" height="30" margin="0 10 0 0"/></node>
|
|
<button id="btn-ok" text="Create Project" width="110" height="30" margin="0 10 0 0"/>
|
|
<button id="btn-cancel" text="Cancel" width="60" height="30"/>
|
|
</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" mouse-capture="true">
|
|
<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"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--About window-->
|
|
<layout id="about">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="1">
|
|
<border thickness="1" border-color=".2" pad="3" max-width="650">
|
|
<border width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="About PanoPainter" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" color="0 0 0 .9" pad="10" dir="col">
|
|
<!--window content-->
|
|
<border color=".2" width="100%" height="300">
|
|
<scroll pad="10" margin="5" color=".3 .3 .3 .4" height="100%" dir="col" wrap="0" shrink="1">
|
|
<text margin="0 0 0 5" font-face="arial" font-size="11" text=
|
|
"
|
|
--------------------------------------------------- ABOUT PANOPAINTER -----------------------------------------------------
|
|
PanoPainter - Copyright 2018 OmixLab Ltd
|
|
Thanks for using PanoPainter.
|
|
My name is Omar Mohamed Ali Mudhir and I'm the developer of this unique application.
|
|
In the late 2016 Facebook started to make it possible for users to post 360 content
|
|
captured from the first 360 cameras born after the advent of the VR to the market.
|
|
|
|
That's where me and a bounch or artists started to wonder about making art in 360.
|
|
I then started coding in my spare time to create something that would have helped
|
|
artists in the long process of creating a panoramic painting (panopainting).
|
|
|
|
Today this software has evolved a lot and reached a mature version ready for early
|
|
adopters that want to break the rules of traditional digital art and get into the
|
|
future of immersive painting.
|
|
|
|
Feel free to follow me on:
|
|
- Instagram: @panopainter
|
|
- Twitter: @panopainter
|
|
- Facebook: fb.me/panopainter
|
|
|
|
|
|
------------------------------------------------- FREE SOFTWARE LICENSES -------------------------------------------------
|
|
Free brushes:
|
|
The free brushes are provided by the freely available Brush Pack v3 from Fenris31
|
|
Link: https://www.deviantart.com/fenris31/art/Brush-Pack-v3-549566626
|
|
|
|
Roboto Font License:
|
|
Copyright 2018 OmixLab Ltd
|
|
Licensed under the Apache License, Version 2.0 (the 'License');
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an 'AS IS' BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License."/>
|
|
</scroll>
|
|
</border>
|
|
<!--footer buttons-->
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Ok" width="100" height="30" margin="0 10 0 0"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--Changelog window-->
|
|
<layout id="changelog">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border thickness="1" border-color=".2" pad="3" max-width="650">
|
|
<border width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="What's new in PanoPainter" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" color="0 0 0 .9" pad="10" dir="col">
|
|
<!--window content-->
|
|
<border color=".2" width="100%" height="400">
|
|
<scroll pad="10" margin="5" color=".3 .3 .3 .4" dir="col" shrink="1">
|
|
<text margin="0 0 0 5" font-face="arial" font-size="30" text="0.1.6"/>
|
|
<text margin="10 0 0 5" font-face="arial" font-size="11" text=
|
|
"- [FIX] Set system message box on top when recovery
|
|
- [FIX] Skip Apple Pencil first samples to overcome the initial pressure spike
|
|
- [WIN] Add initial VR support with openvr
|
|
- [FIX] Layer delete order bug
|
|
- [FIX] Improve brush preview during the stroke
|
|
- Add import flat images
|
|
- Add copy/cut and transform selection
|
|
- Add camera reset menu in Layers
|
|
- Add share button on iOS and MacOS
|
|
"/>
|
|
<text margin="20 0 0 5" font-face="arial" font-size="30" text="0.1.4"/>
|
|
<text margin="10 0 0 5" font-face="arial" font-size="11" text=
|
|
"- [WIN] Add: Windows Store package installer
|
|
- [OSX] Quick Look plugin for thumbnail generation
|
|
- [FIX] Browse Dialog crashing at empty files
|
|
- Implement a Fail-safe two-stage save document
|
|
- [IOS,OSX] Add: Crash Recovery routine, which saves a recovery.ppi after crashing
|
|
- [IOS,OSX] Add: HockeyApp crash report
|
|
- Add: Resize document, allows to change resolution after the document creation
|
|
- Internal: Text node wrap text per-char
|
|
- [OSX] Open File System Dialog for PPI files
|
|
- Add: text cursor caret for a better UX
|
|
- Add: Current working directory workflow, allows you to change the current
|
|
open/save/export directory
|
|
"/>
|
|
<text margin="20 0 0 5" font-face="arial" font-size="30" text="0.1.3"/>
|
|
<text margin="10 0 0 5" font-face="arial" font-size="11" text=
|
|
"- [OSX] Fix: use the right extension when exporting a .jpg
|
|
"/>
|
|
<text margin="20 0 0 5" font-face="arial" font-size="30" text="0.1.2"/>
|
|
<text margin="10 0 0 5" font-face="arial" font-size="11" text=
|
|
"- [OSX] Fix: fixed permissions issue preventing to import images
|
|
"/>
|
|
<text margin="20 0 0 5" font-face="arial" font-size="30" text="0.1.1"/>
|
|
<text margin="10 0 0 5" font-face="arial" font-size="11" text="First public release!"/>
|
|
<!--<text margin="10 0 0 5" font-face="arial" font-size="11" text=
|
|
"This is the first public release of PanoPainter. It's important to note this is an early
|
|
access to the software, so be aware it may crash or behave in unexpected ways.
|
|
Always save your work. It comes with a lot of features that will be improved over time.
|
|
Here's a list of what's available in this release.
|
|
- Immersive 360° panoramic canvas
|
|
- High-Performance GPU Accelerated Paint Engine
|
|
- Intuitive gestures to navigate
|
|
- Dynamic cross-platform User Interface
|
|
- Native Apple Pencil support
|
|
- Native Sonar Pen support
|
|
- Massive resolution up to 8K panorama
|
|
- Highly customizable brushes
|
|
- Cloud Storage for device interoperability
|
|
- Timelapse
|
|
- Layers
|
|
"/>-->
|
|
</scroll>
|
|
</border>
|
|
<!--footer buttons-->
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Ok" width="100" height="30" margin="0 10 0 0"/>
|
|
</node>
|
|
</border>
|
|
</border>
|
|
</border>
|
|
</layout>
|
|
|
|
<!--UserManual window-->
|
|
<layout id="usermanual">
|
|
<border positioning="absolute" position="0 0" color=".4 .4 .4 .8" width="100%" height="100%" align="center" justify="center" mouse-capture="true">
|
|
<border thickness="1" border-color=".2" pad="3" max-width="650">
|
|
<border width="100%" height="30" color=".2 .2 .2 .9" dir="row" align="center" justify="center">
|
|
<text text="PanoPainter User Manual" font-face="arial" font-size="11"></text>
|
|
</border>
|
|
<border width="100%" color="0 0 0 .9" pad="10" dir="col">
|
|
<!--window content-->
|
|
<border color=".2" width="100%" height="500">
|
|
<scroll pad="10" margin="5" color="1" dir="col" shrink="1">
|
|
<node align="center" margin="10 0 10 0"><text color="0" font-face="arial" font-size="30" text="Getting started with PanoPainter"/></node>
|
|
<image path="data/doc/images/panopainter-doc-overview.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node align="center" margin="40 0 20 0"><text color="0" font-face="arial" font-size="30" text="Brush Settings"/></node>
|
|
<image path="data/doc/images/panopainter-doc-brush-settings.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node align="center" margin="40 0 20 0"><text color="0" font-face="arial" font-size="30" text="Layers Settings"/></node>
|
|
<image path="data/doc/images/panopainter-doc-layers.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node align="center" margin="40 0 20 0"><text color="0" font-face="arial" font-size="30" text="File Menu"/></node>
|
|
<image path="data/doc/images/panopainter-doc-menu-file.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node align="center" margin="40 0 20 0"><text color="0" font-face="arial" font-size="30" text="Layers Menu"/></node>
|
|
<image path="data/doc/images/panopainter-doc-menu-layers.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node align="center" margin="40 0 20 0"><text color="0" font-face="arial" font-size="30" text="Timelapse Menu"/></node>
|
|
<image path="data/doc/images/panopainter-doc-menu-timelapse.jpg" width="100%" align="center" justify="flex-end" autosize="1"/>
|
|
<node height="40" margin="0 0 40 0"></node>
|
|
</scroll>
|
|
</border>
|
|
<!--footer buttons-->
|
|
<node height="40" grow="1" dir="row" align="flex-end" justify="flex-end">
|
|
<button id="btn-ok" text="Ok" width="100" height="30" margin="0 10 0 0"/>
|
|
</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 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 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 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 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 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="210" 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-h/>
|
|
</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-h/>
|
|
</node>
|
|
</button-custom>
|
|
-->
|
|
<button-custom id="file-newdoc" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<text text="New Pano" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
<text text="Ctrl-N" color=".4" justify="flex-end" margin="0 10 0 10" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-import" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="image_add" width="20"/>
|
|
<text text="Import" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<!--
|
|
<button-custom id="file-open" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_add" width="20"/>
|
|
<text text="Open" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
-->
|
|
<button-custom id="file-browse" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="images" width="20"/>
|
|
<text text="Browse" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
<text text="Ctrl-Shift-O" color=".4" justify="flex-end" margin="0 10 0 10" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-open" os="osx,win" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="image" width="20"/>
|
|
<text text="Open Path" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
<text text="Ctrl-O" color=".4" justify="flex-end" margin="0 10 0 10" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-save" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk" width="20"/>
|
|
<text text="Save" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
<text text="Ctrl-S" color=".4" justify="flex-end" margin="0 10 0 10" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-save-as" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk_multiple" width="20"/>
|
|
<text text="Save As.." grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-save-ver" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="disk_multiple" width="20"/>
|
|
<text text="Save Version" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
<text text="Ctrl-Shift-S" color=".4" justify="flex-end" margin="0 10 0 10" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<node dir="row">
|
|
<button-custom id="file-export" height="40" align="center" color=".2" pad="0 0 0 10" dir="row" grow="1">
|
|
<icon icon="picture_go" width="20"/>
|
|
<text text="Export JPG" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-export-tick" height="40" width="40" align="center" justify="center" color=".2" dir="row">
|
|
<icon icon="resultset_next" width="20"/>
|
|
</button-custom>
|
|
</node>
|
|
<button-custom id="file-share" os="osx,ios" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="picture_go" width="20"/>
|
|
<text text="Share" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-resize" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="arrow_out" width="20"/>
|
|
<text text="Resize Document" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<!--
|
|
<button-custom id="file-export-cubes" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="page_white_stack" width="20"/>
|
|
<text text="Export Cubes" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
-->
|
|
<button-custom id="file-cloud-upload" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="weather_clouds" width="20"/>
|
|
<text text="Cloud Publish" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-cloud-browse" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="weather_clouds" width="20"/>
|
|
<text text="Cloud Browse" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<!--<button-custom height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon width="20"/>
|
|
<text text="Quit" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>-->
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--file submenu - export-->
|
|
<layout id="file-submenu-export">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom id="file-submenu-export-png" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<text text="PNG" grow="1" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="file-submenu-export-layers" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<text text="Separate Layers" grow="1" 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 height="40" 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 height="40" 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 height="40" 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="270" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom id="layer-clear" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="cancel" width="20"/>
|
|
<text id="menu-label" text="Clear layer" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="clear-grids" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="bin" width="20"/>
|
|
<text text="Clear grids" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="layer-rename" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="application_edit" width="20"/>
|
|
<text id="menu-label" text="Rename Layer" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="layer-merge" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="application_edit" width="20"/>
|
|
<text id="menu-label" text="Merge with" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="camera-reset" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="arrow_rotate_clockwise" width="20"/>
|
|
<text id="menu-label" text="Reset Camera" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!-- timelapse menu -->
|
|
<layout id="timelapse-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="150" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom id="timelapse-start" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="camera" width="20"/>
|
|
<text id="menu-label" text="Start Recording" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="timelapse-clear" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="bin" width="20"/>
|
|
<text id="menu-label" text="Clear Frames" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="timelapse-export" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="film_save" width="20"/>
|
|
<text id="menu-label" text="Export MP4" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!-- about menu -->
|
|
<layout id="about-menu">
|
|
<popup-menu positioning="absolute" position="100 100" width="200" thickness="1" border-color=".1" color=".4 .4 .4 .8" dir="col">
|
|
<button-custom id="about-doc" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="help" width="20"/>
|
|
<text id="menu-label" text="Help Guide" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="about-app" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="application_view_gallery" width="20"/>
|
|
<text id="menu-label" text="About PanoPainter" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="about-news" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="bug" width="20"/>
|
|
<text id="menu-label" text="What's new?" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="about-crash" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="bug" width="20"/>
|
|
<text id="menu-label" text="Induce crash" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="about-perf" height="40" align="center" color=".2" pad="0 0 0 10" dir="row">
|
|
<icon icon="bug" width="20"/>
|
|
<text id="menu-label" text="Performance test" margin="0 0 0 5" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</popup-menu>
|
|
</layout>
|
|
|
|
<!--main-->
|
|
<layout id="main">
|
|
<canvas id="paint-canvas" positioning="absolute" width="100%" height="100%" grow="1"/>
|
|
<node dir="col" wrap="0" width="100%" height="100%" pad="0">
|
|
<!-- content panel -->
|
|
<!-- 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" mouse-capture="true">
|
|
<!--
|
|
<button-custom id="menu-file" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<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" color=".1">
|
|
<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" color=".1">
|
|
<text text="Layers" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
-->
|
|
<text id="txt-docname" text="Panodoc: no-name" font-face="arial" font-size="11" margin="0 20 0 10" color=".6 .6 .6 1"/>
|
|
<node height="100%" color="1" grow="1" align="center" justify="flex-end" dir="row">
|
|
<text id="txt-rec" text="" font-face="arial" font-size="11" margin="0 10 0 0" color=".6 .6 .6 1"/>
|
|
<text id="txt-memory" text="History memory: 0.00 Mb" font-face="arial" font-size="11" margin="0 5 0 0" color=".6 .6 .6 1"/>
|
|
<button-custom id="btn-clean-memory" margin="0 20 0 0">
|
|
<icon icon="cancel" width="20"/>
|
|
</button-custom>
|
|
<text id="version" text="PanoPainter" font-face="arial" font-size="11" margin="0 10 0 0" color=".2 .5 1 1"/>
|
|
<border id="ext-fbf" height="20" width="30" color="0 0 0 1" align="center" justify="center" margin="0 5 0 0">
|
|
<text id="txt-rec" text="FbF" font-face="arial" font-size="11" color="0 0 0 1"/>
|
|
</border>
|
|
</node>
|
|
</border>
|
|
<!-- toolbar -->
|
|
<border id="toolbar" height="50" width="100%" pad="5" dir="row" color=".2 .2 .2 .6" mouse-capture="true">
|
|
<!--
|
|
<button id="btn-open" width="50" height="100%" margin="0 5 0 0" text="Open"/>
|
|
<button id="btn-save" width="50" height="100%" margin="0 5 0 0" text="Save"/>
|
|
<button id="btn-export" width="50" height="100%" margin="0 5 0 0" text="Export"/>
|
|
<button id="btn-clear" width="50" height="100%" margin="0 5 0 15" text="Clear"/>
|
|
-->
|
|
<button-custom id="menu-file" width="50" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<text text="File" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<!--
|
|
<button-custom id="menu-edit" width="50" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<text text="Edit" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
-->
|
|
<button-custom id="menu-layers" width="60" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<text text="Layers" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="menu-timelapse" width="80" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<text text="Timelapse" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<button-custom id="menu-about" width="60" height="100%" margin="0 0 0 0" justify="center" align="center" pad="8" color=".1">
|
|
<text text="About" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
<!--<button id="btn-anim" width="70" height="100%" margin="1 0 0 10" text="Animate"/>-->
|
|
<node dir="row" justify="center" grow="1">
|
|
<button-custom id="btn-pen" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/pen.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button-custom id="btn-pick" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/picker.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
|
|
<button-custom id="btn-erase" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/eraser.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
|
|
<button id="btn-cam" width="70" height="100%" margin="0 0 0 5" text="Parallax"/>
|
|
|
|
<button-custom id="btn-line" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/line.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button id="btn-grid" width="40" height="100%" margin="0 0 0 5" text="Grid"/>
|
|
<button id="btn-copy" width="40" height="100%" margin="0 0 0 5" text="Copy"/>
|
|
<button id="btn-cut" width="40" height="100%" margin="0 0 0 5" text="Cut"/>
|
|
<!-- <button id="btn-fill" width="50" height="100%" margin="0 0 0 0" text="Fill"/> -->
|
|
<button-custom id="btn-mask-free" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/sel-free.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button-custom id="btn-mask-line" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/sel-poly.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
|
|
<button-custom id="btn-bucket" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/bucket.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button-custom id="btn-touchlock" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/notouch.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
</node>
|
|
<button-custom id="btn-undo" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/undo.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button-custom id="btn-redo" width="40" height="100%" margin="0 0 0 5" thickness="1" border-color="0 0 0 1" pad="2">
|
|
<image path="data/ui/redo.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<!--
|
|
<button-custom id="btn-layer" width="50" height="100%" margin="0 5 0 0" thickness="1" border-color="0 0 0 1" pad="6" align="center" justify="center">
|
|
<icon width="100%" height="100%" icon="disk"/>
|
|
</button-custom>
|
|
-->
|
|
</border>
|
|
<!-- central row -->
|
|
<node grow="1" dir="row" wrap="1" height="0" id="central-row">
|
|
<border width="60" color=".2 .2 .2 .6" margin="0 0 0 0" dir="col" pad="4" flood-events="1" justify="center" mouse-capture="true">
|
|
<!--panel togglers-->
|
|
<button-custom id="btn-stroke" width="50" height="50" margin="0 0 5 0" thickness="1" border-color=".1" pad="2">
|
|
<image path="data/ui/stroke.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<!--<button id="btn-brush-preset" width="50" height="50" margin="0 0 5 0" text="Preset" thickness="1" border-color=".1" pad="2"/>-->
|
|
<!--
|
|
<button-custom id="btn-brush" width="50" height="50" margin="0 0 5 0" thickness="1" border-color=".1" pad="2">
|
|
<image path="data/ui/brushes.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
-->
|
|
<button-custom id="btn-color" width="50" height="50" margin="0 0 5 0" thickness="1" border-color=".1" pad="2">
|
|
<image path="data/ui/palette.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
<button-custom id="btn-layer" width="50" height="50" margin="0 0 5 0" thickness="1" border-color=".1" pad="2">
|
|
<image path="data/ui/layers.png" width="100%" height="100%" align="center" justify="flex-end"/>
|
|
</button-custom>
|
|
|
|
<button-custom id="btn-grids-panel" width="50" height="50" margin="0 0 5 0" thickness="1" border-color=".1" pad="2">
|
|
<image path="data/ui/grid.png" width="100%" height="100%" align="center" justify="flex-end" mips="true"/>
|
|
</button-custom>
|
|
|
|
</border>
|
|
<!-- side bar -->
|
|
<node height="100%" dir="row" shrink="1">
|
|
<scroll id="panels" pad="5 5 5 5" margin="0 0 0 0" color=".3 .3 .3 .4" height="100%" dir="col" wrap="0" shrink="1">
|
|
<!--Stroke-->
|
|
<!--<panel-stroke id="panel-stroke"/>-->
|
|
<!--Brushes-->
|
|
<!--<panel-brush id="panel-brush"/>-->
|
|
<!--Layers-->
|
|
<!--<panel-layer id="panel-layer"/>-->
|
|
<!--Colors-->
|
|
<!--<panel-color id="panel-color"/>-->
|
|
<!--Grids-->
|
|
<!--<panel-grid/>-->
|
|
</scroll>
|
|
</node>
|
|
<!-- timeline -->
|
|
<!--
|
|
<node height="100%" width="1" grow="1" dir="col" justify="flex-start" rtl="ltr">
|
|
<border color=".3 .3 .3 .4" height="50" width="100%" pad="10" dir="row">
|
|
<text text="Timeline: " font-face="arial" font-size="11" margin="8 10 0 0"/>
|
|
<slider-h id="frames-slider" width="1" grow="1" margin="0 10 0 0"></slider-h>
|
|
<node width="30" margin="5 10 0 10">
|
|
<text id="timeline-frame" text="00" font-face="arial" font-size="30"/>
|
|
</node>
|
|
</border>
|
|
</node>
|
|
-->
|
|
|
|
<!--<node height="100%" width="1" grow="1" dir="col" align="center" justify="flex-start" rtl="ltr">
|
|
<border border-color="0 0 0 0" thickness="2" color=".2 .2 .2 .6" pad="10" dir="row" margin="2 0 0 0">
|
|
<node dir="col">
|
|
<node dir="row" align="center" margin="0 0 2 0">
|
|
<slider-h id="pitch-slider" value="0.5" width="200" height="15"></slider-h>
|
|
<text text="Pitch" font-face="arial" font-size="11" margin="0 0 0 10"/>
|
|
</node>
|
|
<node dir="row" align="center" margin="0 0 2 0">
|
|
<slider-h id="yaw-slider" value="0.5" width="200" height="15"></slider-h>
|
|
<text text="Yaw" font-face="arial" font-size="11" margin="0 0 0 10"/>
|
|
</node>
|
|
<node dir="row" align="center">
|
|
<slider-h id="roll-slider" value="0.5" width="200" height="15"></slider-h>
|
|
<text text="Roll" font-face="arial" font-size="11" margin="0 0 0 10"/>
|
|
</node>
|
|
</node>
|
|
<button-custom margin="0 0 0 10" thickness="1" border-color=".1" pad="5" justify="center">
|
|
<text text="Apply" font-face="arial" font-size="11"/>
|
|
</button-custom>
|
|
</border>
|
|
</node>-->
|
|
|
|
</node>
|
|
<!-- status bar -->
|
|
<!--<border height="30" width="100%" color=".15" border-color=".3" dir="row" pad="0 0 0 10" align="center">
|
|
--><!--<text-input width="100" height="100%" color=".3"/>--><!--
|
|
<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>
|
|
<!--
|
|
<border color="1 1 1 1" positioning="absolute" position="0 0" width="500" height="400">
|
|
<image-texture id="tex-debug" width="100%" height="100%"></image-texture>
|
|
</border>
|
|
-->
|
|
<!-- <color-picker/> -->
|
|
</layout>
|
|
</root>
|