awtk/demos/assets/raw/ui/basic.xml

<window anim_hint="htranslate">
  <app_bar x="0" y="0" w="100%" h="30" >
    <label x="0" y="0" w="100%" h="100%" text="Basic Controls" />
  </app_bar>

  <row x="0" y="40" w="100%" h="30" layout="r:1 c:3 xm:2 s:10">
    <button name="inc_value" text="Inc"/>
    <button name="close" text="Close"/>
    <button name="dec_value" text="Dec"/>
  </row>

  <row x="0" y="80" w="100%" h="30" layout="r:1 c:3 xm:2 s:10">
    <label name="left" text="Left"/>
    <label name="center" text="Center"/>
    <label name="right" text="Right"/>
  </row>

  <progress_bar name="bar1" x="10" y="128" w="240" h="30" value="40"/>
  <progress_bar name="bar2" x="280" y="128" w="30" h="118" value="20" vertical="true"/>

  <column x="20" y="160" w="50%" h="60" layout="r:2 c:1 ym:2 s:10" >
    <check_button name="c1" text="Book"/>
    <check_button name="c2" text="Food"/>
  </column>

  <column x="20" y="230" w="50%" h="90" layout="r:3 c:1 ym:2 s:10" >
    <radio_button name="r1" text="Book"/>
    <radio_button name="r2" text="Food"/>
    <radio_button name="r3" text="Pencil" value="true"/>
  </column>

  <row x="20" y="bottom:60" w="100" h="30" layout="r:1 c:4">
    <radio_button style="left"/>
    <radio_button style="middle"/>
    <radio_button style="right"/>
    <check_button style="mute"/>
  </grid>
  
  <grid x="20" y="bottom:10" w="80%" h="40" layout="r:1 c:5 xm:2 s:10">
    <image draw_type="icon" image="earth"/>
    <image draw_type="icon" image="rgba" />
    <image draw_type="icon" image="rgb" />
    <image draw_type="icon" image="message"/>
    <image draw_type="icon" image="red_btn_n"/>
  </grid>

</window>