Jump to content
LaunchBox Community Forums
Grila

HyperSpin style wheel fade in BigBox

Recommended Posts

I figured out a way to get the wheel to hide in BigBox like it does in HyperSpin. I know some people were requesting this so I thought I'd wrap my head around it a bit. The duration before it hides can be changed also. Here's a quick video of it in action...

I still need to tweak some things to get it a little smoother, but that's cake (I am just too lazy tonight).

 

* 2/12/2017 Edit *

OK, heres the demo theme. Install it, set it as active in BigBox, and switch through the views to see how it looks. Then open up the XAML and study the code that makes it possible. I've tried to comment everything that's needed and a description of what it's doing until I can get some better documentation finished.

WheelFadeDemo.zip

Edited by Grila
  • Like 13

Share this post


Link to post
Share on other sites

This is amazing @Grila I didn't know we could animate  / move objects in the themes, that adds I whole lot more ideas for the theme makers I'm sure.

 

Share this post


Link to post
Share on other sites

Grila you are seriously a gift for this community. I really appreciate all the work you do on the theming stuff. Thank you very much :)

  • Like 2

Share this post


Link to post
Share on other sites

@Grila you've done it again! Wow this will open up new possibilities for theme views in the future so kudos for figuring a way out!

 

I have a question, I believe this code can work in any view type (Vertical, Horizontal, text filter, etc) right? Can we also program it so that only the selected platform/game clear logo is visible and the rest fades and hide?

Share this post


Link to post
Share on other sites

Wow @Grila !!! That is one of the features from HS that I have been wanting for a very long time as I like my platform themes to be fullscreen but wanted the clear logo wheel to fade in an out like you showed in the video. Great job as always and I totally agree with @CriticalCid as you are a gift to the community!!

Share this post


Link to post
Share on other sites

Ok guys, I'm in the process of making a demo theme that can be downloaded and dissected to see how to accomplish this. It's too detailed to explain without being able to see what's happening.
I'm trying to cover all aspects like vertical wheel, horizontal wheel, text list, etc. with examples in the theme. Additionally I'm going to include documentation to explain everything.
I hope to have the demo out early this upcoming week so please stay patient.
Thanks all.


Sent from my iPhone using Tapatalk Pro

  • Like 11

Share this post


Link to post
Share on other sites

Just to clarify, the theme I'm making won't be anything special for this. It's only to illustrate how to achieve the result and for you guys to open up and study the code (to use in your creations).

With that being said, I already have this implemented in a new theme along with a few other stunning eyecandy tricks I've managed to implement. But...you'll have to stay tuned for that. 

  • Like 7

Share this post


Link to post
Share on other sites

Fantastic work as always @Grila. It would be cool if we could have an option to have the wheel on the right side for people who want it on the right, and have a similar view with Platform details. And also is it possible if @Jason Carr can put  a setting in the transition settings called Wheel Transition and have different transition for example Slide, Fade Zoom etc... :)

Edited by ea4492
  • Like 1

Share this post


Link to post
Share on other sites

You sir, are a genius. I just looked at the code and it's just a brilliant idea to use the platform name change for triggering a storyboard. I really need to spend more time on learning more about XAML as it seems that I'm just scratching the surface at the moment.

But for now I just want to say thank you! I already integrated it in CriticalZone and it works like a charm :)

  • Like 1

Share this post


Link to post
Share on other sites

@Grila Really looking forward to learning this and awaiting your new theme to find out what more you can teach us again sincerest thank you for your great contributions.

  • Like 1

Share this post


Link to post
Share on other sites

This is amazing! How would you go about adding an image that displayed only when the wheel was visible? Would be nice if screen could go slightly darker ONLY when the wheel is visible.

Edited by igotdvds

Share this post


Link to post
Share on other sites

@Grila Thank you very much sincerely for this i played around with it more and came up with a slight variation using part of your code, this gives the wheel element a fade which you can set the duration for.  Uploaded here is revised PlatformWheel2FiltersView.xaml for all to check out once again thank you for putting me on the right path.

PlatformWheel2FiltersView.xaml

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...