button to control sliding dock

dalethesnail · Thread Author #1 08-21-2010, 08:58 PM

hey guys.
im making an os6 theme for the 8500 curve, and os6 only slides when you hover over the all-media-favourites bit, i wanted to know how to do this.
thanks in advance!

AlucardFair · #2 08-24-2010, 08:30 AM

Yes, create a rectangle the size you want it and give it a 0% opacity. Then convert it to a button. Right Click on the new button and rename it for easier reference later in theme studio. Then Right click the newly made button and edit it. Duplicate the rectangle image inside the button. Use at whatever opacity and color you would like (this will be the focus). shorten you frames down from 10 frames to 2 frames (this will help the size later). on the first and third set of frames show your invisible rectangle. on the second and fourth set of frames, show the focus recatangle. hit the scene button and your button is now done. Place it where it needs to be. then duplicate the new button 3 times (rename or it will mess up) and align those off the canvas where you want them. Now, in the actions section there will be no activate, no focus in and no focus out. the next steps will be having to hand code an animation code into your exported svg. the code you will want to use but you will need to edit it depending on what you name your buttons. Just place it in at the bottom of the svg before the svg tag (open the exported svg in either notepad or notepad++), you may need to edit these codes to fit your theme exactly depending on the position of where your buttons are.

Code:

     <animateTransform xlink:href="#Layer_1" id="_anim_l1" attributeName="transform" type ="translate"
               to="0,-320"
               fill="freeze"
               begin="Button_Name_1.focusin"/>

      <animateTransform xlink:href="#Layer_1" id="_anim_l2" attributeName="transform" type ="translate"
               to="0,-640"
               fill="freeze"
               begin="Button_Name_2.focusin"/>

       <animateTransform xlink:href="#Layer_1" id="_anim_l3" attributeName="transform" type ="translate"
               to="0,-960"
               fill="freeze"
               begin="Button_Name_3.focusin"/>

ajc3designs · #3 08-25-2010, 12:00 AM

Quote:

Originally Posted by dalethesnail

hey guys.
im making an os6 theme for the 8500 curve, and os6 only slides when you hover over the all-media-favourites bit, i wanted to know how to do this.
thanks in advance!

You can do it that way or you can make it all on one layer......I have a tutorial in the forums for making a hidden dock.....AJC3 Designs Theme Development Forum - Index

AlucardFair · #4 08-25-2010, 09:08 AM

This is all done on one layer. Never said anything about duplicating or making other layers. and this really isn't a hidden dock, nor is it activated by.activate. This will work with exactly how they want. Sliding of screens without having to actually press the trackpad. Just like OS6 and BlackBerry App World 2.0.0.36.