animation - wpf usercontrol states, modifying height -

-

i little bit confused of states , animations in wpf.

i make usercontrol. usercontrol contains (inside main grid) 2 grid. 1 of them header , second 1 content. if user click on header, content expand, otherwise collapsed. , animation expanding (slide down content header).

basicaly states (for future purpose). problem is, if add states , using slide efect transformation, content of grid (content grid) transformed well. use states modifying height of element. if u modify element, no animation appear , change height @ once.

the hierarchy looks like:
--- wrapper grid
------ header grid
--------- content of header
------ content grid
--------- content of content grid (like buttons, labels, etc)

the visualstates looks like: 

    <visualstatemanager.visualstategroups>         <visualstategroup x:name="visualstategroup">             <visualstategroup.transitions>                 <visualtransition generatedduration="0:0:1"/>             </visualstategroup.transitions>             <visualstate x:name="expanded"/>             <visualstate x:name="collapsed">                 <storyboard>                     <objectanimationusingkeyframes storyboard.targetproperty="(frameworkelement.height)" storyboard.targetname="grid">                         <discreteobjectkeyframe keytime="0">                             <discreteobjectkeyframe.value>                                 <x:double>0</x:double>                             </discreteobjectkeyframe.value>                         </discreteobjectkeyframe>                     </objectanimationusingkeyframes>                 </storyboard>             </visualstate>         </visualstategroup>     </visualstatemanager.visualstategroups>

any advice see expanding , collapsing grid modifying height states? animation works perfect, better me states, how said, future purpose.

maybe found answer. works trying understanding changes.

code of visualstates in here:

    <visualstatemanager.visualstategroups>         <visualstategroup x:name="visualstategroup">             <visualstategroup.transitions>                 <visualtransition generatedduration="0"/>             </visualstategroup.transitions>             <visualstate x:name="expanded">                 <storyboard>                     <doubleanimation enabledependentanimation="true" storyboard.targetname="grid" storyboard.targetproperty="(frameworkelement.height)" from="0" to="366" duration="0:0:0.600" />                 </storyboard>             </visualstate>             <visualstate x:name="collapsed">                 <storyboard>                     <doubleanimation enabledependentanimation="true" storyboard.targetname="grid" storyboard.targetproperty="(frameworkelement.height)" from="366" to="0" duration="0:0:0.600" />                 </storyboard>             </visualstate>         </visualstategroup>     </visualstatemanager.visualstategroups>

the important line is:

<doubleanimation enabledependentanimation="true" storyboard.targetname="grid" storyboard.targetproperty="(frameworkelement.height)" from="366" to="0" duration="0:0:0.600" />

i found needed have enabledependantanimation true.

now works charm, not set. possibly best can in here.


Comments

Post a Comment

Popular posts from this blog

My HTML document is not linking to my CSS stylesheet properly -

-
i have been copy , pasting html , css tutorials try make work, right have; page (html) <!doctype html> <html> <head> <meta charset="utf-8"> <title>title of document</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <h1>1this site</h1> <p>welcome site</p> </body> </html> style.css body {background-image:url(“background.png”);} h1 {font-family:arial, sans-serif;} the when load html in safari still unformatted. thanks in advance! check see if setting paths right if still have problem try use fill path : <link rel="stylesheet" type="text/css" href="http://127.0.0.1/test/style/style.css" />
Read more

php array slice every 2th rule -

-
i have array on php outputs in txt file: printing grid -- 1 values -- undef = -9.99e+08 20.2 \nprinting grid -- 1 values -- undef = -9.99e+08 102.0 \nprinting grid -- 1 values -- undef = -9.99e+08 55.1 \nprinting grid -- 1 values -- undef = -9.99e+08 -18.3 \n what point, need nummeric values @ beginning of each rule. 20.2, 102.0, 55.1, -18,3 etc... example, there can more or less in txt file. now do? have tested array slice function can't exclude rule: printing grid -- 1 values -- undef = -9.99e+08 this array slice code... $arraygood = array_slice($arraybad, 1, 4); and foreach loop create text file: $file = fopen("array.txt","w"); foreach ($arraygood $meting => $waarde) { echo fwrite($file,$waarde . '\n'); } fclose($file); thanks! as posted in comments, understanding have array of strings similar following: $lines = array( "printing grid -- 1 values -- undef = -9.99e+08", "20.2 \nprinting grid --...
Read more

node.js - Sending sockets to client side, Error: Converting circular structure to JSON -

-
i'm working in node js , i'm trying send array, clients, server every client normal emit, keeps giving me error: data = json.stringify(ev); typeerror: converting circular structure json shortly, do. var clients = new array(); io.sockets.on('connection', function(socket) { clients.push(socket); socket.on('loginuser', function(data){ io.sockets.emit("getusers", clients); }); i've seen couple of other people having problem, answers didn't work out me. looking @ bigger problem, can't send array of sockets client side. sockets objects make sense in current context/process. if want control sockets client side, instead add sort of rpc functionality.
Read more