INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

Author Topic: Skinning Issues  (Read 4262 times)

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Skinning Issues
« on: October 18, 2014, 10:14:32 am »

1.  At small sizes, scrollbars do not render correctly.
 
This is my test image:


It's a 4x graphic with 12px margins top & bottom (magenta) and 4px in the center. (cyan)
At 1x scale, that should be 3px/1px/3px, with the center scaling to match the scrollbar height.

At small sizes, it should look like this:


At small sizes the two colors blend together like this:

 
At even smaller sizes, the top margin shrinks to 1px (should never be smaller than 3px) and the bottom gets cut off:

 
This graphic should render correctly all the way down to 6px height at 1x scale.
Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42387
  • Shoes gone again!
Re: Skinning Issues
« Reply #1 on: October 21, 2014, 11:25:45 am »

I'm loading Noire Mod and it looks good to me.  Do I need to scale as well or something?
Logged
Matt Ashland, JRiver Media Center

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #2 on: October 21, 2014, 11:33:57 am »

I'm loading Noire Mod and it looks good to me.  Do I need to scale as well or something?
Try dragging the height of the separator in a panes view to the smallest size available. 100% scale is fine.
Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42387
  • Shoes gone again!
Re: Skinning Issues
« Reply #3 on: October 21, 2014, 11:37:57 am »

Try dragging the height of the separator in a panes view to the smallest size available. 100% scale is fine.

The scrollbar gets shorter in height but looks fine.
Logged
Matt Ashland, JRiver Media Center

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #4 on: October 21, 2014, 12:33:30 pm »

Hopefully this makes things clearer:


Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42387
  • Shoes gone again!
Re: Skinning Issues
« Reply #5 on: October 22, 2014, 02:24:01 pm »

Well once the scrollbar is at it's minimum height, only part of the handle will be visible at once if the scrollbar gets really short.  That's normal.
Logged
Matt Ashland, JRiver Media Center

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #6 on: October 22, 2014, 02:43:18 pm »

The minimum height is specified as 6px in the skin. (at 1× scale)
12px margins top & bottom at 4× scale, or 3px each at 1× scale.
 
With the actual skin, rather than the test graphics, it's drawing a large scrollbar with squared-off edges like this:


Instead of a rounded graphic like this, since it's not properly obeying the margins:

 
When rendered correctly there is plenty of space for the scrollbar to indicate its position, even at the minimum height.
Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42387
  • Shoes gone again!
Re: Skinning Issues
« Reply #7 on: October 23, 2014, 11:24:55 am »

On Noire the scrollbars stay rounded no matter how short the scrollbar gets.
Logged
Matt Ashland, JRiver Media Center

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #8 on: October 23, 2014, 11:30:13 am »

On Noire the scrollbars stay rounded no matter how short the scrollbar gets.
They're still getting cut off here, and Noire's arrows haven't rendered properly for a while now, which makes it less obvious:


 
It should be scaling down to this:
 
Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42387
  • Shoes gone again!
Re: Skinning Issues
« Reply #9 on: October 23, 2014, 11:34:11 am »

Well that's a screenshot with the bar so short that the handle doesn't fit.  Make it a little bigger and it'll be fine.
Logged
Matt Ashland, JRiver Media Center

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #10 on: October 23, 2014, 11:38:24 am »

Well that's my point, it should fit, based on the margins defined in the skin.
At small sizes, the margins are getting squashed, and then it stops resizing altogether.
 
It may be less obvious with the design of Noire, but it's still not being rendered correctly.
Logged

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #11 on: October 31, 2014, 10:23:39 pm »

This is a much bigger issue now with the new "enlarge scrollbars" option.
Logged

6233638

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 5353
Re: Skinning Issues
« Reply #12 on: November 03, 2014, 07:54:43 pm »

Bumping this again because it's difficult to keep making progress with issues like this.
It's much easier for me to focus on getting one area of the program looking/working correctly at a time than shift my focus and have to "relearn" it again when I come back to it.
 
It would also be nice if there wasn't several weeks of debating whether or not a bug is a bug (if it doesn't follow the rules specified by the skin, resulting in graphical errors, that's a bug) which seems to be happening a lot recently.
 
A similar issue seems to be happening with the volume slider. Rather than the transparent area at the left staying a fixed size as defined by the margins (both ends are transparent) the graphic is getting compressed once it seems to reach a minimum size, which results in 0% volume indicating that it's not set to 0.
 
Top, current MC. Watch the left edge (blue) to see it distort and get pushed into the left margin.
Bottom, how it should look. Margins (transparent area on the left) should remain a fixed size, and the center section (blue) should eventually disappear when it gets too small.
 


 
(easier to see if you only watch one at a time, covering the other up)
Logged
Pages: [1]   Go Up