awtk/demos/res/raw/ui/slide_view_h.xml

<window style="1:bricks">
  <slide_view x="0" y="0" w="100%" h="100%">
    <view x="0" y="0" w="100%" h="100%" layout="w60 h60 5 10">
      <button name="close" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="Close" />
      </button>
      <button name="btn02" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.2" />
      </button>
      <button name="btn03" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.3" />
      </button>
      <button name="btn04" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.4" />
      </button>
      <button name="btn05" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.5" />
      </button>
      <button name="btn06" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.6" />
      </button>
      <button name="btn07" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.7" />
      </button>
      <button name="btn08" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="0.8" />
      </button>
    </view>
    
    <view x="0" y="0" w="100%" h="100%" layout="w60 h60 5 10">
      <button name="btn11" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.1" />
      </button>
      <button name="btn12" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.2" />
      </button>
      <button name="btn13" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.3" />
      </button>
      <button name="btn14" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.4" />
      </button>
      <button name="btn15" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.5" />
      </button>
      <button name="btn16" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.6" />
      </button>
      <button name="btn17" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.7" />
      </button>
      <button name="btn18" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="1.8" />
      </button>
    </view>
    
    <view x="0" y="0" w="100%" h="100%" layout="w60 h60 5 10">
      <button name="btn21" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.1" />
      </button>
      <button name="btn22" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.2" />
      </button>
      <button name="btn23" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.3" />
      </button>
      <button name="btn24" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.4" />
      </button>
      <button name="btn25" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.5" />
      </button>
      <button name="btn26" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.6" />
      </button>
      <button name="btn27" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.7" />
      </button>
      <button name="btn28" style="10:grid_item"> 
        <image x="center" y="top" w="100%" h="80%" image="message" />
        <label x="center" y="bottom" w="100%" h="30%" text="2.8" />
      </button>
    </view>
  </slide_view>
</window>