added slider, mouse capture in Node, desaturated icons

This commit is contained in:
2017-03-16 02:02:43 +00:00
parent c34d1a1f44
commit 011aeb8948
5 changed files with 123 additions and 27 deletions

View File

@@ -163,6 +163,20 @@
</button-custom>
</popup-menu>
</layout>
<!--brush icon-->
<layout id="tpl-brush-icon">
<button-custom width="50" height="50" margin="1" thickness="1" border-color=".0" pad="4" 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">
<node width="100%" height="100%">
<slider-cursor width="10" height="100%" positioning="absolute" />
</node>
</border>
</layout>
<!--main-->
<layout id="main">
<node dir="col" wrap="0" width="100%" height="100%" pad="5">
@@ -243,33 +257,15 @@
</button-custom>
</border>
<!-- side bar -->
<node width="30%" min-width="150" height="100%" dir="col" color=".2">
<node width="250" height="100%" dir="col" color=".2">
<border pad="15" margin="10 0 10 0" color=".3" width="100%" height="auto">
<border height="30" color=".5" align="center" justify="center">
<text text="Emoticons" font-face="arial" font-size="11" color="1 1 1 1"/>
<border id="slider-space" color="0" height="30" margin="0 0 10 0">
<ref id="tpl-slider" />
</border>
<border color=".4" pad="5" dir="row" wrap="1">
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_evilgrin"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_smile"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_surprised"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_tongue"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_unhappy"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_waii"/>
</button-custom>
<button-custom width="30" height="30" margin="5 5 0 0" thickness="1" border-color=".0" pad="4" align="center" justify="center">
<icon width="100%" height="100%" icon="emoticon_wink"/>
</button-custom>
<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">
</border>
</border>
<border pad="15" margin="0 0 10 0" color=".3" width="100%" height="auto">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 364 KiB

After

Width:  |  Height:  |  Size: 336 KiB