WPF Button behavior using Triggers -

-

i have button custom appearance defined controltemplate.

it contains canvas contains path. add changes in path.opacity depending on mouse state:

  • default - 0.5
  • mouse over, not pressed - 1.0
  • mouse over, pressed - 0.5

the first cases covered setting local value of path.opacity 0.5 , adding 1 trigger ismouseover:

<button x:class="imagingshop.panosphere.controls.pathbutton"              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"               xmlns:d="http://schemas.microsoft.com/expression/blend/2008"               mc:ignorable="d"               d:designheight="100" d:designwidth="100"         name="pathbutton">      <button.template>         <controltemplate>             <canvas background="transparent" width="{templatebinding width}" height="{templatebinding width}">                 <canvas.style>                     <style targettype="canvas">                         <setter property="path.opacity" value="0.5"/>                         <style.triggers>                             <trigger property="ismouseover" value="true">                                 <setter property="path.opacity" value="1.0"/>                             </trigger>                         </style.triggers>                     </style>                 </canvas.style>                 <path data="{binding elementname=pathbutton, path=pathdata}" stretch="uniform" fill="#ffffffff" width="{templatebinding width}" height="{templatebinding width}"/>             </canvas>         </controltemplate>     </button.template>      <grid>      </grid> </button>

however, third case not work. have added following trigger:

<multitrigger>     <multitrigger.conditions>         <condition property="ismouseover" value="true"/>         <condition property="button.ispressed" value="true"/>     </multitrigger.conditions>     <setter property="path.opacity" value="0.75"/> </multitrigger>

so should set path.opacity 0.75 mouse hovers on button and button pressed.

i stuck opacity changed 0.5 instead of 0.75! trigger seems apply, not work expected...

why not using opacity of button , have triggers on button's style directly, controltemplate not have path anyways.

<style targettype="{x:type local:pathbutton}">   <setter property="opacity"           value=".5" />   <setter property="overridesdefaultstyle"           value="true" />   <setter property="template">     <setter.value>       <controltemplate targettype="{x:type local:pathbutton}">         <canvas width="{templatebinding width}"                 height="{templatebinding width}"                 background="transparent">           <path width="{templatebinding width}"                 height="{templatebinding width}"                 data="{binding elementname=pathbutton,                                 path=pathdata}"                 fill="#ffffffff"                 opacity="{templatebinding opacity}"                 stretch="uniform" />         </canvas>       </controltemplate>     </setter.value>   </setter>   <style.triggers>     <trigger property="ismouseover"               value="true">       <setter property="opacity"               value="1" />     </trigger>     <trigger property="ispressed"               value="true">       <setter property="opacity"               value=".75" />     </trigger>   </style.triggers> </style>

will produce output expecting.

update:

you can have style in resourcedictionary , have subclass declaration in code-behind file. produce 1 xaml file. not left 2 xaml files in method.

have switched binding pathdata relativesource binding.

you can download sample of here. open , check out

i've used add-in nestin lets group files custom groups editing vsproj file , adding dependson attribute. lets group resourcedictionary , code-behind class file 1 entity pathbutton.xaml how usercontrol , window in ide code-behind file.


Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more