<SOUI 
  name="wnd_composition" 
  resizable="0" 
  wndType="normal"
  translucent="1"
  toolwindow="1"
>
  <skin>
    <imglist name="skin_bk" src="img:png_composition" tile="1"/>
    <imglist name="btn_prevpage" src="img:btn_prevpage" states="4"/>
    <imglist name="btn_nextpage" src="img:btn_nextpage" states="4"/>
    <imglist name="lines" src="img:png_lines" states="6"/>
    <imglist name="comp_logo" src="img:png_comp_logo" />
  </skin>
  <style>
    <class name="cls_cand_first"  colorIndex="@color/cand_first"
     colorCand="@color/cand_first"
     colorComp="@color/cand_comp"
     colorWild="@color/cand_wild"
     colorCandForecast="@color/cand_forecast"
     colorCandGbk="@color/cand_gbk"   />
    <class name="cls_cand"   colorIndex="@color/cand_index" 
	    colorCand="@color/cand_text" 
	    colorCandUserDef="@color/cand_user_def" 
	    colorCandUserCmd="@color/cand_user_cmd"  
	    colorCandForecast="@color/cand_forecast"  
	    colorCandBlendPy="@color/cand_blend_py"  
	    colorCandGbk="@color/cand_gbk"  
	    colorComp="@color/cand_comp" 
	    colorWild="@color/cand_wild"/>
    <class name="cls_comp" caret_width="2" caret_animate="1" caret_color="@color/theme" caret_fade_time="20" caret_show_time="20"/>
  </style>
  <root size="-1,-1">
    <comp_bg size="-1,-1" skin="skin_bk" cache="1" colorBorder="@color/border" layout="vbox" margin="1,1,1,1" padding="4,0,4,0">
      <window size="-2,0" weight="1" layout="hbox" gravity="center">
        <window size="-1,-2" weight="1" layout="hbox">
          <mutexView size="-1,-2" name="comp_normal" layout="hbox"  gravity="center">
            <compView size="-1,-2" name="txt_comps" colorText="@color/comp" class="cls_comp"/>
            <tipView size="-1,-2" name="txt_tip" colorText="@color/tip_comp" extend_left="@dim/interval_comp"/>
          </mutexView>
          <mutexView size="-1,-2" name="comp_spell"  layout="hbox" gravity="center">
            <text size="-1,-2" text="t:" name="txt_temp_spell_flag" colorText="@color/temp_spell_flag" padding_right="@dim/interval_comp_prefix" display="0"/>
            <spellView size="-1,-2" name="txt_comps" valign="middle" colorSpell="@color/spell_comp" colorResult="@color/spell_result" colorEdit="@color/spell_comp" colorCaret="@color/spell_caret"/>
            <tipView size="-1,-2" name="txt_tip" colorText="@color/gray" extend_left="@dim/interval_comp"/>
          </mutexView>
          <mutexView size="-1,-2" name="comp_umode"  layout="hbox"  gravity="center">
            <text size="-1,-2" text="u:" colorText="@color/comp_umode_prefix" padding_right="@dim/interval_comp_prefix"/>
            <compView size="-1,-2" name="txt_comps" text="umode"  class="cls_comp"/>
            <text size="-1,-2" name="txt_auto_complete" colorText="@color/comp_auto_complete"/>
          </mutexView>
          <mutexView size="-1,-2" name="comp_lineime"  layout="hbox" gravity="center">
            <text size="-1,-2" text="i:" colorText="@color/comp_umode_prefix" padding_right="@dim/interval_comp_prefix"/>
            <lineComp size="-1,-2" name="txt_comps" lineSkin="lines"/>
          </mutexView>
          <mutexView size="-1,-2" name="comp_english" layout="hbox"  gravity="center">
            <compView size="-1,-2" name="txt_comps"  class="cls_comp"/>
            <text size="-1,-2" name="txt_auto_complete" colorText="@color/comp_auto_complete"/>
          </mutexView>
          <mutexView size="-1,-2" name="comp_sent" layout="hbox" gravity="center">
            <sentView name="stv_sent" size="-1,-2"  valign="bottom" colorRemain="@color/sent_right" colorInactive="@color/sent_inactive" colorInput="@color/sent_input" colorSelected="@color/sent_left"/>
          </mutexView>
        </window>
        <img size="-1,-1" skin="comp_logo"/>
      </window>      
      <window size="-1,0" weight="1" layout="hbox"  tip="candidate window" gravity="center">
        <mutexView size="-1,-1" layout="hbox" name="cand_normal"  gravity="center">
          <imgbtn size="-1,-1" display="0" skin="btn_prevpage" name="btn_prevpage"/>
          <window size="-1,-1" layout="hbox" name="cand_container" interval="@dim/interval_cand">
            <candidate size="-1,-1" index="1:"  class="cls_cand_first"/>
            <candidate size="-1,-1" index="2:"  class="cls_cand"/>
            <candidate size="-1,-1" index="3:"  class="cls_cand"/>
            <candidate size="-1,-1" index="4:"  class="cls_cand"/>
            <candidate size="-1,-1" index="5:"  class="cls_cand"/>
          </window>
          <imgbtn size="-1,-1" display="0" skin="btn_nextpage" name="btn_nextpage"/>
        </mutexView>
        <mutexView size="-1,-1" layout="hbox" name="cand_english"  gravity="center">
          <text size="-1,-1" text="ch:" colorText="@color/associate_english_prefix" name="txt_en_header" extend_right="@dim/interval_cand_prefix"/>
          <imgbtn size="-1,-1" display="0" skin="btn_prevpage" name="btn_prevpage"/>
          <window size="-1,-1" layout="hbox" name="cand_container">
            <EnCand size="-1,-1" index="1:" colorCand="@color/cand_text" colorPhonetic="@color/cand_phonetic"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="2:" colorCand="@color/cand_text" colorPhonetic="@color/cand_phonetic"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="3:" colorCand="@color/cand_text" colorPhonetic="@color/cand_phonetic"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="4:" colorCand="@color/cand_text" colorPhonetic="@color/cand_phonetic"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="5:" colorCand="@color/cand_text" colorPhonetic="@color/cand_phonetic"/>
          </window>
          <imgbtn size="-1,-1" display="0" skin="btn_nextpage" name="btn_nextpage"/>
        </mutexView>
        <mutexView size="-1,-1" layout="hbox" name="cand_phrase"  gravity="center">
          <imgbtn size="-1,-1" display="0" skin="btn_prevpage" name="btn_prevpage"/>
          <window size="-1,-1" layout="hbox" name="cand_container">
            <PhraseCand size="-1,-1" index="1:" colorCand="@color/cand_text"/>
            <PhraseCand size="-1,-1" extend_left="@dim/interval_cand" index="2:" colorCand="@color/cand_text"/>
            <PhraseCand size="-1,-1" extend_left="@dim/interval_cand" index="3:" colorCand="@color/cand_text"/>
            <PhraseCand size="-1,-1" extend_left="@dim/interval_cand" index="4:" colorCand="@color/cand_text"/>
            <PhraseCand size="-1,-1" extend_left="@dim/interval_cand" index="5:" colorCand="@color/cand_text"/>
          </window>
          <imgbtn size="-1,-1" display="0" skin="btn_nextpage" name="btn_nextpage"/>
        </mutexView>
        <mutexView size="-1,-1" layout="hbox" name="cand_english_input"  gravity="center">
          <imgbtn size="-1,-1" display="0" skin="btn_prevpage" name="btn_prevpage"/>
          <window size="-1,-1" layout="hbox" name="cand_container">
            <EnCand size="-1,-1" index="1:" colorCand="@color/cand_text" showPhonetic="0"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="2:" colorCand="@color/cand_text" showPhonetic="0"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="3:" colorCand="@color/cand_text" showPhonetic="0"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="4:" colorCand="@color/cand_text" showPhonetic="0"/>
            <EnCand size="-1,-1" extend_left="@dim/interval_cand" index="5:" colorCand="@color/cand_text" showPhonetic="0"/>
          </window>
          <imgbtn size="-1,-1" display="0" skin="btn_nextpage" name="btn_nextpage"/>
        </mutexView>
        <mutexView size="-1,-1" layout="hbox" name="cand_tip" visible="0">
          <tipView size="-1,-1" name="txt_tip" colorText="@color/tip_cand"/>
        </mutexView>
      </window>
    </comp_bg>
  </root>
</SOUI>
