Thread: How ?
View Single Post
Old 15th July 2021, 12:24   #127
ariszlo
Major Dude
 
ariszlo's Avatar
 
Join Date: Jun 2015
Location: Hungary
Posts: 707
vertical volume bar

This is for you if you prefer a vertical volume bar. Read my previous post if you prefer a horizontal volume bar.
  1. The hidden.thumb image is the same but player.anim.volume and player.map.volume are rotated 90° counterclockwise:
    PHP Code:
    <bitmap id="player.anim.volume" file="player/vertical-chameleon.png"/>
    <
    bitmap id="player.map.volume" file="player/vertical-volmap.png"/>
    <
    bitmap id="hidden.thumb" file="player/hiddenthumb.png"/> 
  2. The w and h values are swapped and the Slider has an orientation parameter:
    PHP Code:
    <AnimatedLayer
      id
    ="VolumeAnim" image="player.anim.volume"
      
    x="0" y="0" w="5" h="107" move="0" tooltip="Volume"
      
    autoplay="0" autoreplay="0"
    />
    <
    Slider
      id
    ="HiddenVolume"
      
    action="VOLUME"
      
    x="0" y="0" w="5" h="107"
      
    thumb="hidden.thumb" downThumb="hidden.thumb"
      
    orientation="vertical"
      
    alpha="0"
    />
    <
    script id="justvolume" file="scripts/justvolume.maki"/> 
  3. Copy the attached png's into the Player folder.
  4. Copy the fixed justvolume.m and the fixed justvolume.maki into the scripts folder.

Bonus. If you want to display the volume level with numbers next to the volume bar, this is how you can do it:
  • Add these tags after the volume bar tags:
    PHP Code:
    <text
      id
    ="VolPercentage"
      
    display=""
      
    x="10" y="45" w="40" h="16" align="right"
      
    fontsize="16" color="255,255,255"
      
    />
    <
    script id="volpercentage" file="scripts/volpercentage.maki"/> 
  • Copy volpercentage.m and volpercentage.maki into the scripts folder.
Attached Files
File Type: zip vertical-volume-bar.zip (5.0 KB, 360 views)
File Type: zip volpercentage.zip (1.7 KB, 359 views)

Ariszló @ WinCustomize & DeviantArt
ariszlo is offline   Reply With Quote