beatloop_mini.xml

<!DOCTYPE template>
<!--
  Description:
    A grid of beatloop controls with a loop double and halve on the left and right.
  Variables:
    group: The group for the controls.
-->
<Template>
  <WidgetGroup>
    <ObjectName>MiniBeatLoopContainer</ObjectName>
    <Layout>horizontal</Layout>

    <MinimumSize>-1,-1</MinimumSize>
    <SizePolicy>min,max</SizePolicy>

    <Children>

      <WidgetGroup>
        <Layout>vertical</Layout>
        <SizePolicy>min,min</SizePolicy>
        <Children>
          <WidgetGroup>
            <ObjectName>BeatLoopUpperRow</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>min,min</SizePolicy>
            <Children>

              <Template src="skin:loopmove_button.xml">
               <SetVariable name="control_length">4</SetVariable>
               <SetVariable name="text_length"></SetVariable>
               <SetVariable name="state_0_pressed">icon/ic_fast_rewind_48px.svg</SetVariable>
               <SetVariable name="state_0_unpressed">icon/ic_fast_rewind_48px.svg</SetVariable>
               <SetVariable name="direction">backward</SetVariable>
             </Template>

              <Template src="skin:spacer_hx.xml">
                <SetVariable name="width">3</SetVariable>
              </Template>
              
              <Template src="skin:left_1state_button.xml">
                <SetVariable name="TooltipId">loop_halve</SetVariable>
                <SetVariable name="ObjectName">LoopHalveButton</SetVariable>
                <SetVariable name="MinimumSize"><Variable name="SmallSquareButtonMinimumSize"/></SetVariable>
                <SetVariable name="MaximumSize"><Variable name="SmallSquareButtonMaximumSize"/></SetVariable>
                <SetVariable name="SizePolicy"><Variable name="VerticalStretchButtonSizePolicy"/></SetVariable>
                <SetVariable name="state_0_text"></SetVariable>
                <SetVariable name="state_0_pressed">icon/ic_minus_48px.svg</SetVariable>
                <SetVariable name="state_0_unpressed">icon/ic_minus_48px.svg</SetVariable>
                <SetVariable name="left_connection_control"><Variable name="group"/>,loop_halve</SetVariable>
              </Template>

              <Template src="skin:spacer_hx.xml">
                <SetVariable name="width">20</SetVariable>
              </Template>

              <Template src="skin:left_1state_button.xml">
                <SetVariable name="TooltipId">loop_double</SetVariable>
                <SetVariable name="ObjectName">LoopDoubleButton</SetVariable>
                <SetVariable name="MinimumSize"><Variable name="SmallSquareButtonMinimumSize"/></SetVariable>
                <SetVariable name="MaximumSize"><Variable name="SmallSquareButtonMaximumSize"/></SetVariable>
                <SetVariable name="SizePolicy"><Variable name="VerticalStretchButtonSizePolicy"/></SetVariable>
                <SetVariable name="state_0_text"></SetVariable>
                <SetVariable name="state_0_pressed">icon/ic_add_48px.svg</SetVariable>
                <SetVariable name="state_0_unpressed">icon/ic_add_48px.svg</SetVariable>
                <SetVariable name="left_connection_control"><Variable name="group"/>,loop_double</SetVariable>
              </Template>

              <Template src="skin:spacer_hx.xml">
                <SetVariable name="width">3</SetVariable>
              </Template>

              <Template src="skin:loopmove_button.xml">
               <SetVariable name="control_length">4</SetVariable>
               <SetVariable name="text_length"></SetVariable>
               <SetVariable name="state_0_pressed">icon/ic_fast_forward_48px.svg</SetVariable>
               <SetVariable name="state_0_unpressed">icon/ic_fast_forward_48px.svg</SetVariable>
               <SetVariable name="state_0_pressed">icon/ic_fast_forward_48px.svg</SetVariable>
               <SetVariable name="state_0_unpressed">icon/ic_fast_forward_48px.svg</SetVariable>
               <SetVariable name="direction">forward</SetVariable>
             </Template>

            </Children>
          </WidgetGroup>

          <WidgetGroup>
            <ObjectName>BeatLoopLowerRow</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>min,min</SizePolicy>
            <Children>

               <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">0.5</SetVariable>
                <SetVariable name="text_length">1/2</SetVariable>
              </Template>

              <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">1</SetVariable>
                <SetVariable name="text_length">1</SetVariable>
              </Template>

              <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">2</SetVariable>
                <SetVariable name="text_length">2</SetVariable>
              </Template>

              <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">4</SetVariable>
                <SetVariable name="text_length">4</SetVariable>
              </Template>
<!-- 
              <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">8</SetVariable>
                <SetVariable name="text_length">8</SetVariable>
              </Template> -->
<!-- 
              <Template src="skin:beatloop_button.xml">
                <SetVariable name="control_length">16</SetVariable>
                <SetVariable name="text_length">16</SetVariable>
              </Template> -->
      
            </Children>
          </WidgetGroup>
        </Children>
      </WidgetGroup>

    </Children>
  </WidgetGroup>
</Template>