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

<window anim_hint="htranslate" theme="tab_top_compact">
  <tab_button_group x="c" y="12" w="90%" h="30" compact="true" >
    <tab_button text="General"/>
    <tab_button text="Network" value="true" />
    <tab_button text="Security"/>
  </tab_button_group>
  <pages x="c" y="42" w="90%" h="-60" value="1">
    <view w="100%" h="100%">
      <label x="c" y="m" w="100%" h="60" text="General" /> 
      <button name="close" x="c" y="bottom:100" w="80" h="40" text="Close" />
    </view>
    <view w="100%" h="100%">
      <label x="c" y="m" w="100%" h="60" text="Network" /> 
      <button name="close" x="c" y="bottom:100" w="80" h="40" text="Close" />
    </view>
    <view w="100%" h="100%">
      <label x="c" y="m" w="100%" h="60" text="Security" /> 
      <button name="close" x="c" y="bottom:100" w="80" h="40" text="Close" />
    </view>
  </pages>
</window>