make hidden dock smoother

[knowledge_6]

hey guys,

So making a hidden dock is all good..

but is there a way to make it smoother? when i scroll along the icons the dock bounces slightly ..

is there a way to smooth i out so the dock stays still while scrolling through the icons?

same problem with the sliding dock.. it seems that when i go back to slot0 it bounces sideways and readjusts itself.

[snaganalf]

Try increasing the duration from .5 seconds to .7 or perhaps 1 second. This will be done in the last section of the code that you added. Make them all match. this will make it take longer to do the animation and should smooth out that little hitch the dock has when scrolling across it.

[StaticFX]

because you are probably setting the dock to appear (or begin the animation) on focusin of apps? each time you focus in to that app(s) it will re-trigger the animation.
You need to set it for something else... like a key press

begin="accessKey(*)"

hide with
begin="accessKey(ESCAPE)"

or something

how did you set it to appear?

[mas3222]

I actually posted a thread a couple of days ago asking this and got no responses lol so I'm glad someones answering this for knowledge, and thanks Static for helping me out with the hidden today item instead of using the today text. I have the same problem with the smoothness issue, I use a hotkey for my dock but want it automatic, will changing the duration work like snaganalf said? I usually don't have time to experiment with the SVG myself so it would be a great help

Posted from my CrackBerry at wapforums.crackberry.com

[StaticFX]

no.
once the dock is visible, it should not move at all.
So your description tells me that the animation is be triggered on each icon focus.

It wont work like that.

[mas3222]

ok knowledge_6,
I found out how to do it, I had enough time to play around with the SVG. On the Code, there are two lines for every icon you are doing. What I did was changed the second line to a different icon, istead of having the bottom line say "Icon.focusout" I changed it to an icon I had on another part of the screen " icon.focusin" that was not in the dock, here is my example, these are from the two lines of code for one icon:

<animateTransform xlink:href="#Dock" id="_anim_l5" attributeName="transform" type="translate"
to="0,0" dur="0.5s"
fill="freeze"
begin="Theme_Button_5.focusin" />

<animateTransform xlink:href="#Dock" id="_anim_d5" attributeName="transform" type="translate"
to="0,-100" dur="0.5s"
fill="freeze"
begin="Calendar_Button.focusin" />


The first line shows the dock and the second line was hiding the dock for me.
Hope that helps!

[snaganalf]

Originally Posted by mas3222

ok knowledge_6,
I found out how to do it, I had enough time to play around with the SVG. On the Code, there are two lines for every icon you are doing. What I did was changed the second line to a different icon, istead of having the bottom line say "Icon.focusout" I changed it to an icon I had on another part of the screen " icon.focusin" that was not in the dock, here is my example, these are from the two lines of code for one icon:

<animateTransform xlink:href="#Dock" id="_anim_l5" attributeName="transform" type="translate"
to="0,0" dur="0.5s"
fill="freeze"
begin="Theme_Button_5.focusin" />

<animateTransform xlink:href="#Dock" id="_anim_d5" attributeName="transform" type="translate"
to="0,-100" dur="0.5s"
fill="freeze"
begin="Calendar_Button.focusin" />


The first line shows the dock and the second line was hiding the dock for me.
Hope that helps!

So you changed it to another icon on the dock area, or the screen area?
I ask this because I put no other icons on the screen.

[mas3222]

On your layer you have your dock and then you can place a rectangle and convert it to a button and for me, I made it invisible and it does nothing. On the example I have above the code will obviously move the dock so the second line of code where I have "calendar_button.focusin" change that to whatever you name the invisible button. Do that for every second line of code for the hidden dock code. Now in Theme builder when setting up your navigation make sure you are able to go to the invisible button. That should be it. Now when you run it in simulator you should be able to go to the invisible button and the dock will hide. When you scroll to an icon on your dock it will become visible and steady as you scroll through those icons. You can also use the profiles icon or whatever you wish instead of an invisible button. There might be a simpler way of doing it but I haven't figured that out yet. I hope that helps!

Posted from my CrackBerry at wapforums.crackberry.com

[mas3222]

Deleted by mas3222

[knowledge_6]

thanks for the tips..

i'll try them out..

i am still confused on what icon you refereed to the second part of your code.

maybe i will post my SVG for people to see and fix ;>

[mas3222]

Its whatever icon that is not part of your dock ie: profiles icon, user made button. Etc.

Posted from my CrackBerry at wapforums.crackberry.com