added color quad and hue slider

This commit is contained in:
2017-03-21 09:56:33 +00:00
parent 13fa84a02c
commit 03a5212e56
6 changed files with 202 additions and 28 deletions

View File

@@ -34,13 +34,29 @@
</layout>
<!--slider control-->
<layout id="tpl-slider">
<layout id="tpl-slider-h">
<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>
<layout id="tpl-slider-v">
<border pad="1" grow="1" height="100%" color="1" dir="row">
<node height="100%" grow="1">
<slider-cursor id="cursor" height="10" width="100%" positioning="absolute" />
</node>
</border>
</layout>
<layout id="tpl-slider-hue">
<border pad="1" grow="1" height="100%" color="1" dir="row">
<node height="100%" grow="1">
<slider-cursor id="cursor" height="10" width="100%" positioning="absolute" />
</node>
</border>
</layout>
<!--layer template-->
<layout id="tpl-layer">
@@ -52,7 +68,7 @@
<text id="label" text="Layer0" font-face="arial" font-size="11"/>
</node>
<node color=".4" width="100" pad="5">
<slider></slider>
<slider-h/>
</node>
</border>
</layout>
@@ -95,6 +111,19 @@
</node>
</layout>
<!--color panel-->
<layout id="tpl-panel-color">
<node width="220" margin="0 0 10 0">
<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="150">
<color-quad color=".2" height="100%" grow="1"/>
<node width="30" dir="col" pad="0 0 0 5"><slider-hue/></node>
</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">
@@ -182,13 +211,13 @@
<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>
<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></slider>
<slider-h/>
</node>
</button-custom>
<button-custom text="Menu" height="30" align="center" color=".2" pad="0 0 0 10" dir="row">
@@ -318,9 +347,11 @@
<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>
<panel-brushes id="panel-brushes"/>
<!--Layers-->
<panel-layers id="panel-layers"></panel-layers>
<panel-layers id="panel-layers"/>
<!--Colors-->
<ref id="tpl-panel-color"/>
</border>
</node>
<!-- content panel -->