PDA

View Full Version : New skin: Minim ui



gbrl_cbn
March 26th, 2019, 07:14 PM
Hello everyone!

I'm new to foobar2000 mobile. I've only had it for 2 months or so. In the first few days, I tried to find skins that could act as my user interface, but didn't find much to my liking (expect for Metro UI, the layout is sleek). So I took it upon me to build a skin I would really love. I also decided to make it in 16 different colors, with two different icon layouts and two different backgrounds. That's 2x2x16 = 64 skins that I've built in the past month. Since it'd be impossible to upload a zip file large enough to contain them all, here's a link:
https://drive.google.com/open?id=18T1r9jHUJaVQN8BXEd6Rvajq9b5XVbaK

I will soon make the PNGs and TXTs available for all of them, so you can play around and try to make it fit your needs. If you wish for any particular thing to be added, or if you would like to report a bug/mistake, leave a comment in the thread. I will try to fix/improve the skin when I have time.

Some examples:

-LUI (Light User Interface)
317

-DUI (Dark User Interface)
320

-Icon Layout V1 (thin colored lines)
322

-Icon Layout V2 (round and color-filled)
321

gbrl_cbn
March 26th, 2019, 07:38 PM
A couple important points:

-The skins are pretty heavy (4-5 MB) because the images are bigger than necessary. It reaches 10 MB for the original skin (orange), and 30 MB for the color gradient. Don't worry, it takes a little longer to open into the app, but the skin should run without any lag after that. At least it doesn't on my 2013 Nexus 5.

-I didn't use anti-aliasing because a) that would be too long, and b) I'm not super-knowledgeable when it comes to picture editing. I have the necessary software, just not the necessary motivation. I chose quantity over quality, but the display still comes out really good in my opinion.

-All landscape displays (16:9, 8:5, 3:2, 4:3) have the same configuration (see pictures above). In portrait mode, the 3:4 display is the only one that stands out, with an hexagon-shaped zone for the seven buttons that's aligned to the right. Since I couldn't test them all outside of the compiler (I don't have that many phones), tell me if there's something wrong about the appearance or the functionality.

sevin
July 30th, 2019, 05:24 PM
Hi, cool skins! I have a OnePlus 7 Pro and am using the OnePlus version of DUI V2. What is different about OnePlus devices that you need entirely separate builds? I did notice when trying to modify the DUI V2 given in the PNGs/TXTs folder that various things didn't line up and icons were distorted. My screen is 19.5:9 so I know it doesn't conform to foobar's standard aspect ratios. I assume it's pulling from the 16:9 files?

gbrl_cbn
July 30th, 2019, 07:02 PM
Exactly. It pulls 16:9 usually, so I reduce the icon's height by the ratio of the two displays (19.5/16). Everything should appear normally if you use the files made specifically for 19.5:9. I too have a OnePlus (6T) now. I had to adapt the skins since I had a Nexus 5 before, with a 16:9 aspect ratio.

sevin
July 30th, 2019, 07:38 PM
Hey, thanks for replying. I don't believe you included the source files for OnePlus devices in the Drive folder; that's why I was working from the base DUI V2 files. Do you think you could add those?

So I guess I won't be able to accurately preview the skin using the build program? I just want to shuffle some things around.

gbrl_cbn
July 31st, 2019, 06:03 AM
I'll see if I still have them. Probably will add them tomorrow.
And yeah, the view will be crooked in the program.
Send a picture after your modifications if you don't mind, I'm curious about what it'll look like. :)

sevin
July 31st, 2019, 08:03 AM
I'll see if I still have them. Probably will add them tomorrow.
And yeah, the view will be crooked in the program.
Send a picture after your modifications if you don't mind, I'm curious about what it'll look like. :)

Sounds good, thanks! I won't be doing anything major, but I'll send you some pics when I'm done.

gbrl_cbn
July 31st, 2019, 10:29 AM
I'm adding them as I'm typing this reply.
Basically, I didn't change anything about the image files. I only added two new text files for each skin (19.5:9 and 9:19.5). You only need to change the text files associated with the 16:9 and 9:16 aspect ratios within the .skindef file, and that's it! You've got your personalized OP7 skin!

sevin
July 31st, 2019, 10:38 AM
I'm adding them as I'm typing this reply.
Basically, I didn't change anything about the image files. I only added two new text files for each skin (19.5:9 and 9:19.5). You only need to change the text files associated with the 16:9 and 9:16 aspect ratios within the .skindef file, and that's it! You've got your personalized OP7 skin!

I'll dig in as soon as you've uploaded them! So I can delete the other ratio files, right? Just modify the 19.5:9 and 9:19.5 files and update the 16:9 and 9:16 in the skindef?

gbrl_cbn
July 31st, 2019, 10:51 AM
I'll dig in as soon as you've uploaded them! So I can delete the other ratio files, right? Just modify the 19.5:9 and 9:19.5 files and update the 16:9 and 9:16 in the skindef?

Yes, you can delete the 16:9 and 9:16 .txt files. The .skindef files should already be updated, since the last skins I made were for my OP6T.

sevin
July 31st, 2019, 11:34 AM
Yes, you can delete the 16:9 and 9:16 .txt files. The .skindef files should already be updated, since the last skins I made were for my OP6T.

Great, I'll just delete everything I don't need since it will only be for this device. Have they been uploaded? I don't see them yet.

sevin
July 31st, 2019, 12:14 PM
I see them now. You sure you got your math right? 19.5/16 is 1.21875, but the ratios you're using come out to 1.1768, which is 20/17.

gbrl_cbn
July 31st, 2019, 01:28 PM
I see them now. You sure you got your math right? 19.5/16 is 1.21875, but the ratios you're using come out to 1.1768, which is 20/17.

There's only so much you can do with a finite number of pixels mate. I'd need way bigger images to have a perfect 19.5/16 ratio. I assure you you won't notice the difference. See for example a screenshot of my OP6T interface:

338

sevin
July 31st, 2019, 02:07 PM
There's only so much you can do with a finite number of pixels mate. I'd need way bigger images to have a perfect 19.5/16 ratio. I assure you you won't notice the difference. See for example a screenshot of my OP6T interface:

338

Oh, so you stretched them intentionally? I know it's not a big difference but why not just use the actual ratio instead of something else?

Here's where I'm at:

339

sevin
July 31st, 2019, 03:13 PM
I think I'm pretty happy with this for portrait:

340

gbrl_cbn
July 31st, 2019, 10:53 PM
Oh, so you stretched them intentionally? I know it's not a big difference but why not just use the actual ratio instead of something else?

I didn't know if the .skindef file would round up to the nearest whole number of pixels. I assumed it wouldn't run with floats, which I should have tested.

Your design is nice! I never needed the volume adjustment, so I didn't bother including it in portrait. But if it becomes handy for you, then your repositioning is well done.