Post | How do you set a default size of a control that you can resize? | Tech Off | Forums

How do you set a default size of a control that you can resize?

I have been looking at a code sample from Charles Petzold.

It is from here: http://www.charlespetzold.com/blog/2009/05/Realizing-a-Fisheye-Effect-in-Silverlight.html it uses mouse over methods to increase the size of button classes.

I have it working but I want to make some modifications. I want the starting size of the button to be larger. I do not know how much of the code I need to post here to make the issue clear enough. The XAML for the page describes a "FisheyeButton" that is described in a seperate xaml file. Something like this:

<StackPanel x:Name="LayoutRoot" Width="1017" Orientation="Horizontal" Height="253">
       <src:FisheyeButton Style="{StaticResource btnStyle}" ButtonContent="Button No. 1" />   </StackPanel>

The functionality of the project is such that if I give the Fisheyebutton a width and height a set size at this loction, the effect where the size of the control the effect of becoming larger does not happen. In other words, if I write in the <src:FisheyeButton... tag above Width="100", then the button does not behave at run time as it should.

In the same page.xaml file, the btnStyle is defined like this:

<UserControl.Resources >
   <Style x:Key="btnStyle" TargetType="src:FisheyeButton">
      <Setter Property="VerticalAlignment" Value ="Center" />
      <Setter Property="HorizontalAlignment" Value ="Center" />
      <Setter Property="FontSize" Value ="12" />
   </Style >
</UserControl.Resources >

I wonder if perhaps at this point, I can add a "Setter" property to define a default starting widh and height for the class.

The animation, what makes the custom button class grow larger and also return to a normal size, is done in a seperate XAML for the Fisheyebutton class:

<UserControl x:Class="FisheyeButtons6.FisheyeButton"              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"              xmlns:src="clr-namespace:FisheyeButtons6"               mc:Ignorable="d"               xmlns:d="http://schemas.microsoft.com/expression/blend/2008"               xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"                 d:DesignHeight="64" d:DesignWidth="146">     <Grid x:Name="LayoutRoot" Background="White" >         <vsm:VisualStateManager.VisualStateGroups>             <vsm:VisualStateGroup x:Name="CommonStates">                 <vsm:VisualState x:Name="Normal">                     <Storyboard>                         <DoubleAnimation Storyboard.TargetName="presenter"                                          Storyboard.TargetProperty="ScaleX"                                          To="1" Duration="0:0:0.25" />                         <DoubleAnimation Storyboard.TargetName="presenter"                                          Storyboard.TargetProperty="ScaleY"                                          To="1" Duration="0:0:0.25" />                     </Storyboard>                 </vsm:VisualState>                 <vsm:VisualState x:Name="MouseOver">                     <Storyboard>                         <DoubleAnimation Storyboard.TargetName="presenter"                                          Storyboard.TargetProperty="ScaleX"                                          To="3" Duration="0:0:1" />                         <DoubleAnimation Storyboard.TargetName="presenter"                                          Storyboard.TargetProperty="ScaleY"                                          To="3" Duration="0:0:1" />                     </Storyboard>                 </vsm:VisualState>             </vsm:VisualStateGroup>         </vsm:VisualStateManager.VisualStateGroups>           <Button>             <src:ScalableContentPresenter x:Name="presenter" />         </Button>     </Grid> </UserControl>

Post permalink