How to get the apples dock magnify effect

Question

I wish to get the apples dock magnify effect on a navigation wheel which i made using scroll view. Does anyone have any idea on how to achieve this.

alt text

this is the apples dock magnify effect. i want something similar to this. thanks in advance.

Answer 1

Answer by mtalbott · Mar 11, 2015 at 02:10 PM

I think it's pretty simple.

Create a Horizontal Layout Group, fill it with layout elements with button components set to animation transitions, and animate the fixed minimum width of the layout element on highlight. the results would be something like this: youtube video

If you want it exactly like the mac dock then you'll need to use a script to set the fixed minimum width based on the distance from the pointer location.

hope that helps.

Add comment · Show 2 · Share

Wysi21 · Sep 18, 2016 at 02:00 PM 0

Share

Thanks mtalbott, that helped alot. Although, when I animate the $$anonymous$$imum width, the height doesnt stay in the same ratio. Did you do anything special? Thanks!

LeleUnity · Apr 09, 2020 at 04:42 PM 0

Share

@Wysi21 @mtalbott Hello, I tried what you said but is not working... Which settings are you using? If I set on $$anonymous$$y Horizonal group "Control Child size" then I cannot make one button grow more! If I untick that, I can make one button grow but it will push the others out of the screen!

See the picture attached. Thank you! alt text

Answer 2

Answer by daipayan123 · Mar 18, 2015 at 06:47 AM

Thanks a ton.

Add comment · Show 1 · Share

LeleUnity · Apr 09, 2020 at 04:43 PM 0

Share

Could you share your settings please @daipayan123 ?

If I set on $$anonymous$$y Horizonal group "Control Child size" then I cannot make one button grow more! If I untick that, I can make one button grow but it will push the others out of the screen!

See the picture attached. Thank you!! alt text

bottoni-bug.png (85.3 kB)

How to get the apples dock magnify effect

2 Replies

Your answer

Follow this Question

Related Questions