wpf - How to animate the background of a textblock when changing the value of the bound property? -

-

i have pretty simple wpftoolkit:datagrid show stock market bid , ask.

my grid bound observablecollection<priceviewmodel>. priceviewmodel implements inotifypropertychanged.

the grid correctly updates , have managed background color animate intermittent in apply animation.

below xaml , snippet of view model class.

the idea color red when price update lower previous , green when it's higher...nothing fancy.

     <wpftoolkit:datagrid name="pricedatagrid" rowheaderwidth="5"  autogeneratecolumns="false" verticalcontentalignment="center" margin="0,33,0,0" horizontalalignment="left" width="868">         <wpftoolkit:datagrid.columns>             <wpftoolkit:datagridtemplatecolumn header="bid"  minwidth="40">                 <wpftoolkit:datagridtemplatecolumn.celltemplate>                     <datatemplate>                         <textblock text="{binding bid}" margin="3,1" x:name="txttextblock">                             <textblock.background>                                 <solidcolorbrush color="transparent"></solidcolorbrush>                             </textblock.background>                         </textblock>                         <datatemplate.triggers>                             <datatrigger binding="{binding bidup}" value="true">                                 <datatrigger.enteractions>                                     <beginstoryboard>                                         <storyboard>                                             <coloranimation                                                  begintime="00:00:00"                                                 duration="0:0:0.1"                                                  to="green"                                                  autoreverse="true"                                                 storyboard.targetname="txttextblock"                                                  storyboard.targetproperty="(textblock.background).(solidcolorbrush.color)">                                             </coloranimation>                                         </storyboard>                                     </beginstoryboard>                                 </datatrigger.enteractions>                             </datatrigger>                             <datatrigger binding="{binding biddown}" value="true">                                 <datatrigger.enteractions>                                     <beginstoryboard>                                         <storyboard>                                             <coloranimation                                                  begintime="00:00:00"                                                 duration="0:0:0.1"                                                  to="red"                                                  autoreverse="true"                                                 storyboard.targetname="txttextblock"                                                  storyboard.targetproperty="(textblock.background).(solidcolorbrush.color)">                                             </coloranimation>                                         </storyboard>                                     </beginstoryboard>                                 </datatrigger.enteractions>                             </datatrigger>                         </datatemplate.triggers>                     </datatemplate>                 </wpftoolkit:datagridtemplatecolumn.celltemplate>             </wpftoolkit:datagridtemplatecolumn>             <wpftoolkit:datagridtextcolumn header="ask" binding="{binding path=ask}" minwidth="40" />         </wpftoolkit:datagrid.columns>     </wpftoolkit:datagrid>

and view model:

public class priceviewmodel : inotifypropertychanged {     public event propertychangedeventhandler propertychanged;      price _price;      private bool _bidup = false;     private bool _biddown = false;       public bool bidup     {                 {             return _bidup;         }          set         {             _bidup = value;             onpropertychanged("bidup");         }     }     public bool biddown     {                 {             return _biddown;         }          set         {             _biddown = value;             onpropertychanged("biddown");         }     }      public double bid      {          { return _price.bid; }         set         {             bidup = (value > _price.bid);             biddown = (value < _price.bid);              _price.bid = value;              onpropertychanged("bid");         }      }      public double ask      {          { return _price.ask; }          set          {             askup = (value > _price.ask);             _price.ask = value;              onpropertychanged("ask");          }      }       public priceviewmodel(price price)     {         _price = price;     }      private void onpropertychanged(string propertyname)     {         if(propertychanged != null)             propertychanged(this, new propertychangedeventargs(propertyname));     }  }

i tried , seems work better if stop storyboards before start new one. stop storyboard, name , call

<stopstoryboard beginstoryboardname="bidupstoryboard"/>

try this

<datatemplate.triggers>     <datatrigger binding="{binding bidup}" value="true">         <datatrigger.enteractions>             <stopstoryboard beginstoryboardname="bidupstoryboard"/>             <stopstoryboard beginstoryboardname="biddownstoryboard"/>             <beginstoryboard name="bidupstoryboard">                 <storyboard begintime="00:00:00">                     <coloranimation                          begintime="00:00:00"                         duration="0:0:0.1"                          to="green"                          autoreverse="true"                         storyboard.targetname="txttextblock"                          storyboard.targetproperty="(textblock.background).(solidcolorbrush.color)">                     </coloranimation>                 </storyboard>             </beginstoryboard>         </datatrigger.enteractions>     </datatrigger>     <datatrigger binding="{binding biddown}" value="true">         <datatrigger.enteractions>             <stopstoryboard beginstoryboardname="bidupstoryboard"/>             <stopstoryboard beginstoryboardname="biddownstoryboard"/>             <beginstoryboard name="biddownstoryboard">                 <storyboard begintime="00:00:00">                     <coloranimation                          begintime="00:00:00"                         duration="0:0:0.1"                          to="red"                          autoreverse="true"                         storyboard.targetname="txttextblock"                          storyboard.targetproperty="(textblock.background).(solidcolorbrush.color)">                     </coloranimation>                 </storyboard>             </beginstoryboard>         </datatrigger.enteractions>     </datatrigger> </datatemplate.triggers>

also, if bidup set true 2 times in row, won't trigger second time since go true true, if want flashing effect appear each time value changes have set false @ point. e.g.

public double bid {     { return _price.bid; }     set     {         bidup = false;         biddown = false;         bidup = (value > _price.bid);         biddown = (value < _price.bid);         _price.bid = value;         onpropertychanged("bid"); } }

Comments

Post a Comment

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

-
Image
i want make logharitmic fit. keep getting runtime error: optimal parameters not found: number of calls function has reached maxfev = 1000 i use following script. can tell me go wrong? use spyder still beginner. import math import matplotlib mpl scipy.optimize import curve_fit import numpy np #data f1=[735.0,696.0,690.0,683.0,680.0,678.0,679.0,675.0,671.0,669.0,668.0,664.0,664.0] t1=[1,90000.0,178200.0,421200.0,505800.0,592200.0,768600.0,1036800.0,1371600.0,1630800.0,1715400.0,2345400.0,2409012.0] f1n=np.array(f1) t1n=np.array(t1) plt.plot(t1,f1,'ro',label="original data") # curvefit def func(t,a,b): return a+b*np.log(t) t=np.linspace(0,3600*24*28,13) popt, pcov = curve_fit(func, t, f1n, maxfev=1000) plt.plot(t, func(t, *popt), label="fitted curve") plt.legend(loc='upper left') plt.show() your original data t1 , f1 . therefore curve_fit should given t1 second argument, not t . popt, pcov = curve_fit(func,...
Read more

binding - How can you make the color of elements of a WPF DrawingImage dynamic? -

-
we have need make vector graphic images change color of elements within graphic @ runtime. seem setting colors based on either static or dynamic resource values wouldn't work. want have multiple versions of same graphic, each abilty set graphic elements (path, line, etc) different colors don't think dynamic resource approach work. leaves data binding seems right approach. update graphic use data binding expr instead of hard-coded brush color so: <drawingimage x:key="graphic1"> <drawingimage.drawing> <drawinggroup> <drawinggroup.children> <geometrydrawing geometry="f1 m 8.4073,23.9233l"> <geometrydrawing.pen> <pen linejoin="round" brush="{binding line1brush, mode=oneway}"/> </geometrydrawing.pen> </geometrydrawing> <geometrydrawing geometry="f1 m 3.6875,2.56251l"> <geometrydrawing....
Read more

c# - How to add a new treeview at the selected node? -

-
i have treeview 4 levels; parent, child, grandchild, great-grandchild. selectednode @ grandchild level. what i'm trying create new "treeview" @ grandchild - no, dont wnat create new node "selectednode" (grandchild). should somelike this: parent child grandchild (new treeview) parent grandchild great-grandchild child great-grandchild child grandchild grandchild it similar parent table mother , father went off , had new childern different spouse other spouse of there existing children. private sub populaterootlevel() ' query find first round of parent populatenodes(dt, jcatreeview.nodes) end sub private sub populatenodes(byval dt datatable, byval nodes treenodecollection) each dr datarow in dt.rows dim tn new treenode() tn.text = dr("title").tostring()...
Read more