Windows > Third Party Plug-ins, Programs, and Skins

Update of all Easy Grey and Easy White Skins! Again.

(1/2) > >>

Jappie:
March 8, 2025

I updated all Easy Grey and Easy White skins. Again...
Likely to be the last ones for the near future...


Where to look for the updates?
1. Easy Grey - version 1.13
https://yabb.jriver.com/interact/index.php/topic,138750.msg962453.html#msg962453

2. Easy Grey rounded - version 1.2
https://yabb.jriver.com/interact/index.php/topic,140724.msg975981.html#msg975981

3. Easy White - version 1.2
https://yabb.jriver.com/interact/index.php/topic,140699.msg975862.html#msg975862

4. Easy White rounded - version 1.2
https://yabb.jriver.com/interact/index.php/topic,140741.msg976089.html#msg976089


Enjoy.

EnglishTiger:
Jappie - sorry if this is the wrong thread for this posting.

I think the "Rounded Corners" distorting/looking bad at different MC Scale Values problem may be down to the way the Skinning Engine is handling those Images.

When I reach a convenient point in the creation of the skinning guide I'll carry out some experiments on some of the round cornered elements in one of your skins to see if what is required is an Image and relevant Image Handling Instruction for some, or every, MC Scale Value. If that proves to be the case I will include an "Images with Rounded Corners" section in the Guide

Jappie:

--- Quote from: EnglishTiger on March 04, 2025, 01:42:48 am ---Jappie - sorry if this is the wrong thread for this posting.

I think the "Rounded Corners" distorting/looking bad at different MC Scale Values problem may be down to the way the Skinning Engine is handling those Images.

--- End quote ---

EnglishTiger,
I do not have a skin-homepage (yet) and I did not make a topic of 'rounded corners' (yet), so you can use any of my posting to add information :)

Yes I think it is the way the Skinning Engine is handling the images: MainFrame and Frame-borders (Options). Multiple images that do not match at some the corners of the window.
For the Mainframe solution: no corners on the outside. In combination with special xml-coding a rounded frame for Tree-List area is possible for all MC-scaling.

With the Options-window corners: at small MC-scales and large MC-scales typical the right border (1px) disappears and/or at the some corners there is a mismatch/misaligning of borderlines. I solved it partially (for now without rounded corner) with only a 1 pixel borderline. The image needs to have on the Left and Right side 1 transparent pixel. This takes care of the 'disappearing' right borderline. This works at all MC-scales.

For the submenu and popup windows we have 1 background image and that works excellent. NO problems with MC-scaling. Here the problem of transparency remains for the corners. It's only visible of course when you activate a menu or any popup and visibility depends on the background... But that is not acceptable for a 'universal skin'.
The main-program window and the MiniView also have the transparency problem at the corners.

Whenever I can assist, let me know. I have of course Mainframe + Options frame images and xml-coding available in - at the moment - 4 Skins. (did not thought I would get this far.
I did not test with different scaled skin-images though.

In the end: the transparency issue rules out any use of rounded corners. The skins 'Easy Grey rounded' and 'Easy White rounded ' have a lot 'rounded' left to see inside the window-borders to give it a nice look.
 
I have a lot to read. You have been and are very busy! Great work!

markf2748:

--- Quote from: Jappie on March 04, 2025, 05:29:55 am ---With the Options-window corners: at small MC-scales and large MC-scales typical the right border (1px) disappears and/or at the some corners there is a mismatch/misaligning of borderlines. I solved it partially (for now without rounded corner) with only a 1 pixel borderline. The image needs to have on the Left and Right side 1 transparent pixel. This takes care of the 'disappearing' right borderline. This works at all MC-scales.
--- End quote ---
Thanks for pointing this out.  Today I confirmed (on 4K Windows desktop monitor) that a 1 pixel displayed width for the left and right popup borders (FRAME::LeftBorder, FRAME::RightBordor) requires 2 pixels (i.e. 2 columns) in the artwork.  To display 1 px instead of 2, I make the inner columns transparent, which I think is what you are saying.  To match with 1 px borders along top and bottom edges, add just 1 px wide borders (1 row) to FRAME::TopBorder and FRAME::BottomBorder.

Above seems likely to prevent (or certainly complicate) 1 px displayed round corners.  But maybe 1 px displayed round corners would work with FRAME::Data:BorderTopBottomLarger="1", where all the rounding is done in the corners of TopBorder and BottomBorder, while LeftBorder and RightBorder stop short of the rounded regions (I have not tried it).

Jappie:

--- Quote from: markf2748 on March 05, 2025, 12:05:33 am ---Thanks for pointing this out.  Today I confirmed (on 4K Windows desktop monitor) that a 1 pixel displayed width for the left and right popup borders (FRAME::LeftBorder, FRAME::RightBordor) requires 2 pixels (i.e. 2 columns) in the artwork.  To display 1 px instead of 2, I make the inner columns transparent, which I think is what you are saying.  To match with 1 px borders along top and bottom edges, add just 1 px wide borders (1 row) to FRAME::TopBorder and FRAME::BottomBorder.

Above seems likely to prevent (or certainly complicate) 1 px displayed round corners.  But maybe 1 px displayed round corners would work with FRAME::Data:BorderTopBottomLarger="1", where all the rounding is done in the corners of TopBorder and BottomBorder, while LeftBorder and RightBorder stop short of the rounded regions (I have not tried it).

--- End quote ---

Hello Markf2748,
recently I was searching the forum about 'transparency'. Came across your name in topics about 15 years old... I am just a rooky at skinning.
I dropped rounded corners on the Options frame because of transparency issues (not perfect and possible cross-platform issues).

The only border that works on EVERY resolution, 1920x1080 and 3840x2160) and (Windows) scale 100 - 400, and EVERY MC-skin size (50% and 400% on todays testing):
Start with 1 square with 1 px border. Add on the left side 2 transparent pixels and on the right side 2 transparent pixels.
I used this in XML:
  <Entry Name="LeftBorder" Bitmap="Frame_LeftBorder.png" Columns="3,?-Flex" Rows="1,?-Flex,1" Cells="A2-VTile,B1-HTile,B2-Tile,C2-VTile" />
  <Entry Name="RightBorder" Bitmap="Frame_RightBorder.png" Columns="?-Flex,3" Rows="1,?-Flex,1" Cells="A1-VTile,B1-Tile,B2-HTile,C1-VTile" />
  <Entry Name="TopBorder" Bitmap="Frame_TopBorder.png" Rows="1,?-Flex" Cells="A1-VTile,B1-Tile" />
  <Entry Name="BottomBorder" Bitmap="Frame_BottomBorder.png" Rows="?-Flex,1" Cells="A1-Tile,B1-VTile" />

There is something magical seeing MC size 50% on display 3840x2160px, scale 100... Barely readable of course (old eyes and glasses not fit for this task).
And seeing a perfect 1 pixel border on MC size 400%, UHD max scale...
 
I did try 2px borders. Issues with thickness of top and bottom borderlines.
I did not try BorderTopBottomLarger="1". It still has a RightBorder issue and this time 3 images involved.
And so we go on experimenting :)

Navigation

[0] Message Index

[#] Next page