Volume Control 4.1 Цифровой уровень

Спасибо, сейчас я увидел. Исправленный вариант такой:

Code:

<h-box>
        <image command="mute" mod="type" margin-top="2" margin-right="2" margin-left="2">
            <mod value="0" file="icons\sound.png" />
            <mod value="1" file="icons\cd.png" />
            <mod value="2" file="icons\microphone.png" />
            <mod value="3" file="icons\piano.png" />
            <mod value="4" file="icons\phone_sound.png" />
            <mod value="5" file="icons\sound.png" />
        </image>
        <image mod="mute" float="true" valign="bottom" halign="left" margin-left="20">
            <mod value="1" file="mute.png" states="1" />
        </image>
        <h-slider command="volume" flex="1" height="20" value="volume" max-value="max_volume" min-width="60" margin-top="4">
            <state value="normal" background-start="h\rod-left.png" background-end="h\rod-right.png" margin-start="10" margin-end="10" ball="h\ball_normal.png" />
            <state value="over" background-start="h\rod-left.png" background-end="h\rod-right.png" margin-start="10" margin-end="10" ball="h\ball_over.png" />
            <state value="down" background-start="h\rod-left.png" background-end="h\rod-right.png" margin-start="10" margin-end="10" ball="h\ball_over.png" />
        </h-slider>
        
    </h-box>

Немного поясню. Вы заменили иконку icons\sound.png, и она размером 24x24. А раньше была 16x16. h-box, в котором размещены все элементы, тупо размещает элементы по горизонтали, при это выравнивает их по верху (наверно нужно добавить параметр выравнивания). В итоге image у на высотой 24, а слайдер высотой 20. Плюс у image есть параметр margin-top="2" - это отступ на 2 пикселя сверху. Если мы хотим сделать ровно, то нужно добавить отступ в h-slider и это делает аттрибут margin-top="4".

Т.е. дело в том, что элементы разной высоты. И чтобы сделать их одной высоты нужно добить их отступами (margin-*).