layout.xml

<?xml version="1.0" encoding="utf-8"?>
<layout>
  <grid>
    <row>
      <button id="open_dir" icon="FOLDER" color="#999900" onTap="open_dir" /> 
      <button id="fullscreen" icon="FULLSCREEN" color="#2233aa" onTap="fullscreen" />
      <button id="random_img" icon="SHUFFLE" color="green"  onTap="random_img" />
    </row>
    <row>
      <button id="greyscale" icon="OFF" color="#646464" onTap="greyscale" />
      <button id="darken" icon="OFF" color="#703000" onTap="darken" onhold="desat"/ />
      <button id="brighten" icon="ON" color="#804000" onTap="brighten" onhold="sat" />
   </row>
   <row>
      <button id="mirror_h" icon="DOCSWITCH" color="purple" onTap="mirror_h" onhold="mirror_v" />
      <button id="rotate_left" icon="ROTATELEFT" color="purple" onTap="rotate_left" />
      <button id="rotate_right" icon="ROTATERIGHT" color="purple" onTap="rotate_right" />
   </row>
   <row>
      <button id="play_prev" icon="ARROWLEFT" color="#22aa00" onTap="play_prev" />
      <button id="play_next" icon="ARROWRIGHT" color="#22aa00" onTap="play_next" />
    </row>
    <row>
    	<button id="reload" icon="REFRESH" color="red" onTap="reload" />
    	<button id="zoom_out" icon="ZOOMOUT" color="#550055" onTap="zoom_out" />
    	<button id="zoom_in" icon="ZOOMIN" color="#550055" onTap="zoom_in" />
    </row>
    <row>
      <button id="cur_left" icon="LEFT" color="#2233aa" onTap="cur_left" />
      <button id="cur_down" icon="DOWN" color="#2233aa" onTap="cur_down" />
      <button id="cur_up" icon="UP" color="#2233aa" onTap="cur_up" />
      <button id="cur_right" icon="RIGHT" color="#2233aa" onTap="cur_right" />
    </row>
  </grid>
</layout>