How to change shape of thumb to ellips in wpf

[moondaddy]

I'm writing a windows app in WPF and want to change the shape of a thumb to
an ellipse. Is this possible? also, the edges of the thumb are beveled.
Is it possible to change this to a flat look and if so, how?

Here's how I'm creating my thumb so far.

cornerThumb = new Thumb();
// Set some arbitrary visual characteristics.
cornerThumb.Cursor = customizedCursor;
cornerThumb.Height = cornerThumb.Width = 10;
cornerThumb.Opacity = 0.40;
cornerThumb.Background = new SolidColorBrush(Colors.MediumBlue);

Thanks for any input.
--

[Keith Patrick]

You'll probably get better help in the Avalon newsgroup (or the MSDN
Forums), but yes, it's possible. It's easier to represent in XAML, but what
you want to do is override the visual template with your new visual:

<Thumb Height="10" Width="10" Opacity=".4" Background="MediumBlue">
<Thumb.Style>
<Style TargetType={x:Type Thumb}>
<Style.Setters>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Ellipse.../>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style.Setters>
</Style>
</Thumb.Style>
<Thumb.Cursor>
</Thumb.Cursor>
</Thumb>

[Walter Wang [MSFT]]

Thanks Keith. I hope you don't mind that I revised your code a little as
follows:

<Window x:Class="WindowsApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WindowsApplication1" Height="300" Width="300"[quote]

 
<Thumb Height="10" Width="10" Opacity=".4" Background="MediumBlue">
<Thumb.Style>
<Style TargetType="{x:Type Thumb}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Ellipse Width="10" Height="5" Stroke="Blue"
StrokeThickness="2"></Ellipse>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Thumb.Style>
</Thumb>
</Window>

#Styling and Templating
http://msdn2.microsoft.com/en-us/library/ms745683.aspx
Regards,
Walter Wang (wa****@online. microsoft.com, remove 'online.')
Microsoft Online Community Support

=============== =============== =============== =====
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[moondaddy]

Walter,

This was a good start, but I need to do everything via c# and not xaml. the
link you provided also helped me in that direction, but its still not
working yet. I have a sample with 1 window and 1 button and a resource file
for the thumb's style. Here's the resorce xaml:

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        
                >
 
 
<Style BasedOn="{StaticResource {x:Type TextBlock}}" TargetType="Thumb"
x:Key="TestRoundThumb" <Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Ellipse Width="20" Height="15" Stroke="Blue"
StrokeThickness="2"></Ellipse>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ResourceDictionary>

and here's the code in the button click event:

private void RoundThumb(object sender, RoutedEventArgs e)
{
Thumb roundThumb = new Thumb();
roundThumb.Height = 15;
roundThumb.Width = 20;
roundThumb.Style = (Style)(this.Resources["TestRoundThumb"]);
myGrid.Children.Add(roundThumb);
}

"Walter Wang [MSFT]" <wa****@online. microsoft.comwr ote in message
news:KZ******** ********@TK2MSF TNGHUB02.phx.gb l...
Thanks Keith. I hope you don't mind that I revised your code a little as
follows:

<Window x:Class="Window sApplication1.W indow1"
xmlns="http://schemas.microso ft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microso ft.com/winfx/2006/xaml"
Title="WindowsA pplication1" Height="300" Width="300"

>

<Thumb Height="10" Width="10" Opacity=".4" Background="Med iumBlue">
<Thumb.Style>
<Style TargetType="{x: Type Thumb}">
<Setter Property="Templ ate">
<Setter.Value >
<ControlTemplat e TargetType="{x: Type Thumb}">
<Ellipse Width="10" Height="5" Stroke="Blue"
StrokeThickness ="2"></Ellipse>
</ControlTemplate >
</Setter.Value>
</Setter>
</Style>
</Thumb.Style>
</Thumb>
</Window>

#Styling and Templating
http://msdn2.microsoft.com/en-us/library/ms745683.aspx
Regards,
Walter Wang (wa****@online. microsoft.com, remove 'online.')
Microsoft Online Community Support

=============== =============== =============== =====
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no
rights.

[Walter Wang [MSFT]]

As you may already have known, you could still define the style (template)
in XAML. Then you could use FindResource (method of FrameworkElemen t) to
load the resource and apply it to the Thumb object that you've created
using code:

<Grid Name="grid1">
<Grid.Resources >
<Style x:Key="ThumbSty le" TargetType="{x: Type Thumb}">
<Setter Property="Templ ate">
<Setter.Value >
<ControlTemplat e TargetType="{x: Type Thumb}">
<Ellipse Width="10" Height="5" Stroke="Blue" Fill="Blue"
StrokeThickness ="2"></Ellipse>
</ControlTemplate >
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>
<Thumb Name="thumb1" Height="10" Width="10" Opacity=".4"
Background="Med iumBlue">
</Thumb>
</Grid>
Code:

thumb1.Style = (Style) grid1.FindResou rce("ThumbStyle ");

Hope this helps.
Regards,
Walter Wang (wa****@online. microsoft.com, remove 'online.')
Microsoft Online Community Support

=============== =============== =============== =====
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.

[moondaddy]

Thanks Walter that did it. In my case I added the style to a resource file.
In order to refrence the style from c#, I had to add a reference to the file
in the window's xaml like this:

<Window.Resourc es>
<ResourceDictio nary Source="Diction ary1.xaml" />
</Window.Resource s>

Here's the style in Dictionary1.xam l:

<Style x:Key="ThumbSty le" TargetType="{x: Type Thumb}">
<Setter Property="Templ ate">
<Setter.Value >
<ControlTemplat e TargetType="{x: Type Thumb}">
<Ellipse Width="15" Height="15" Stroke="DarkSla teGray"
StrokeThickness ="0.5">
<Ellipse.Fill >
<SolidColorBrus h Color="DarkBlue " Opacity="0.2"></SolidColorBrush >
</Ellipse.Fill>
<Ellipse.Bitmap Effect>
<DropShadowBitm apEffect Color="Black" Direction="320"
ShadowDepth="5" Softness="0.5" Opacity="0.2" />
</Ellipse.BitmapE ffect>
</Ellipse>
</ControlTemplate >
</Setter.Value>
</Setter>
</Style>

and here's the c# that used it:

Thumb tb = new Thumb();
Canvas.SetLeft( tb, 100);
Canvas.SetTop(t b, 100);
myCanvas.Childr en.Add(tb);
tb.Style = (Style)this.Fin dResource("Thum bStyle");
"Walter Wang [MSFT]" <wa****@online. microsoft.comwr ote in message
news:a4******** ********@TK2MSF TNGHUB02.phx.gb l...

As you may already have known, you could still define the style (template)
in XAML. Then you could use FindResource (method of FrameworkElemen t) to
load the resource and apply it to the Thumb object that you've created
using code:

<Grid Name="grid1">
<Grid.Resources >
<Style x:Key="ThumbSty le" TargetType="{x: Type Thumb}">
<Setter Property="Templ ate">
<Setter.Value >
<ControlTemplat e TargetType="{x: Type Thumb}">
<Ellipse Width="10" Height="5" Stroke="Blue" Fill="Blue"
StrokeThickness ="2"></Ellipse>
</ControlTemplate >
</Setter.Value>
</Setter>
</Style>
</Grid.Resources>
<Thumb Name="thumb1" Height="10" Width="10" Opacity=".4"
Background="Med iumBlue">
</Thumb>
</Grid>
Code:

thumb1.Style = (Style) grid1.FindResou rce("ThumbStyle ");

Hope this helps.
Regards,
Walter Wang (wa****@online. microsoft.com, remove 'online.')
Microsoft Online Community Support

=============== =============== =============== =====
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no
rights.

[Walter Wang [MSFT]]

Hi moondaddy,

You probably have seen my reply in your another post regarding this
FindResource question. Anyway, I'm including the reply here again for your
reference:

-----------

When finding a resource, it first checks the current element's Resources
collection (its resource dictionary). If the item is not found, it checks
the parent element, its parent, and so on until it reaches the root
element. At that point, it checks the Resources collection on the
Application object. If it is not found there, it finally checks a system
collection (which contains system-defined fonts, colors, and other
settings). If the item is in none of these collections, it throws an
InvalidOperatio nException.

Therefore you could simply put resources in App.xaml within
<Application.Re sourcesand those resources will be shared by all your code
in the same assembly.

For ResourceDiction ary defined in separate .xaml files, you could use
following code to load it:

ResourceDiction ary rd = new ResourceDiction ary();
rd.Source = new Uri(@"Dictionar y1.xaml", UriKind.Relativ e);

Then you can use rd["resource_k ey"] to reference each resource.
-------------

Hope this helps.

Regards,
Walter Wang (wa****@online. microsoft.com, remove 'online.')
Microsoft Online Community Support

=============== =============== =============== =====
When responding to posts, please "Reply to Group" via your newsreader so
that others may learn and benefit from your issue.
=============== =============== =============== =====

This posting is provided "AS IS" with no warranties, and confers no rights.