WPF Discussion Boards

Re: Clipping To Rounded Corners

13-Apr-09 9:45

It tries to clip - just in a braindead way.

For example:

<Border Height="100" VerticalAlignment="Top" BorderBrush="Black"
         BorderThickness="2" HorizontalAlignment="Left" Width="300" CornerRadius="20">
    <StackPanel Orientation="Horizontal" Background="SteelBlue" >
        <StackPanel.Clip>
            <RectangleGeometry Rect="0,0,300,100" RadiusX="20" RadiusY="20" />
        </StackPanel.Clip>
        <Label Height="26" Name="label1" Width="100" HorizontalAlignment="Left" VerticalAlignment="Top"
             HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontFamily="Arial" FontSize="14"
             FontStyle="Italic" FontWeight="Bold" Content="Contacts" Background="Black" Foreground="LightSteelBlue" >
            <Label.LayoutTransform>
                <RotateTransform Angle="270" />
            </Label.LayoutTransform>
        </Label>
    </StackPanel>
</Border>

Monkeying with the radius values, sometimes it does ok, sometimes it doesn't.

No bueno.

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

sivaddrahcir20-Apr-09 8:31

sivaddrahcir

20-Apr-09 8:31

Here is a possible solution:
http://chriscavanagh.wordpress.com/2008/10/03/wpf-easy-rounded-corners-for-anything/[^]

Blog:
http://windowsclientdevelopment.spaces.live.com
FAQs:
http://windowspresentationfoundation.wikispaces.com
http://windowsmobile.wikispaces.com
http://vsto.wikispaces.com

OnRenderComplete like event for WPF controls

Pankaj Chamria13-Apr-09 1:38

Pankaj Chamria

13-Apr-09 1:38

Hi,
I want to do some processing after knowing that a control has finished rendering. In windows forms we usually had events like OnRenderComplete with all the controls. But in WPF I found events like Loaded, Initialized, OnLayoutUpdated etc.. which do not inform you that the control has actually finished rendering on the UI.

Is there a way to identify this?

Pankaj Chamria,
Software Developer.

Context menu in Datatemplate

mikla52111-Apr-09 5:39

11-Apr-09 5:39

Next problem....

Here's some code
<DataTemplate x:Key="TestDataListTemplate">
<Border Margin="5" BorderThickness="1" BorderBrush="Black" CornerRadius="4">
<Grid Margin="5,2">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Text="{Binding Path=Usage}" Foreground="Black" FontWeight="Bold" FontFamily="Courier" FontSize="12"></TextBlock>
<TextBlock Grid.Row="1" FontFamily="Arial" Foreground="DarkBlue" Text="{Binding Path=Path, UpdateSourceTrigger=PropertyChanged}" FontSize="12"></TextBlock>
</Grid>
</Border>
</DataTemplate>
...which I use as a ListBoxItem.

If I want a context menu for each item like this, I manage to get the menu, editing the code to...
...<Grid Margin="5,2">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Header="Delete" />
</ContextMenu>
</Grid.ContextMenu>...

But how do I implement the click event???

Mark Salsbery11-Apr-09 7:42

Re: Context menu in Datatemplate [modified]

11-Apr-09 7:42

mikla521 wrote:
But how do I implement the click event???

Which click event?

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52111-Apr-09 19:54

11-Apr-09 19:54

Sorry....like this then...

<DataTemplate x:Key="TestDataListTemplate" >
...
<Grid Margin="5,2">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Header="Delete" Click="MenuItem_Click_DeleteProduct" />
</ContextMenu>
</Grid.ContextMenu>...

Error:ResourceDictionary root element requires a x:Class attribute...
If I add x:class="MyProgram.Window1" to <ResourceDictionary the i get this instead, among a few others...
Error: Partial declarations of MyProgram.Window1 must not specify different base classes....don't get it. Sigh | :sigh:

Well, it seems like I have more problems. The goal is to have ListBox with DataTemplate items, then I want a ContextMenu where I can choose to delete an item... Maybe I have to think in another way.

modified on Sunday, April 12, 2009 2:41 AM

Mark Salsbery13-Apr-09 8:47

13-Apr-09 8:47

Where is this DataTemplate resource located?

It looks like there's no problem with the template but there's a problem with where
the template an/or the click handler code is located...

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52113-Apr-09 21:11

13-Apr-09 21:11

I have created a separate file with my templates and style and use <ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="resourceDic.xaml"/>
</ResourceDictionary.MergedDictionaries>

Mark Salsbery14-Apr-09 7:00

14-Apr-09 7:00

You'll need an x:class set on your resource dictionary that references the
class containing the click handler.

For example:

<!-- Dictionary1.xaml -->

<ResourceDictionary 
    x:Class="WPFTester.DictionaryHandlerClass"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPFTester">

    <DataTemplate x:Key="TestDataListTemplate" DataType="{x:Type local:Item}">
        <Border BorderBrush="SteelBlue" BorderThickness="4" >
            <Grid Background="LightSteelBlue" Height="20" >
                <Grid.ContextMenu>
                    <ContextMenu>
                        <MenuItem Header="Delete" Click="MenuItem_Click" />
                    </ContextMenu>
                </Grid.ContextMenu>
            </Grid>
        </Border>
    </DataTemplate>

</ResourceDictionary>

// DictionaryHandlerClass.cs

using System;
using System.Windows;

namespace WPFTester
{
    public partial class DictionaryHandlerClass
    {
        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
        }
    }
}

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

mikla52114-Apr-09 20:11

14-Apr-09 20:11

Ok, thanks Smile | :)

I tried that before but it doesn't seems like it's possible to use the startup Window1 class. Think I have to create a separate class behind my resource file and go from there...

Mark Salsbery14-Apr-09 20:23

Styles - Where Do I Put them?

14-Apr-09 20:23

mikla521 wrote:
it doesn't seems like it's possible to use the startup Window1 class

Yes. ResourceDictionary is a different class than Window Smile | :)

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

Inheritence in XAML

0x3c010-Apr-09 9:09

0x3c0

10-Apr-09 9:09

I've recently decided to look into adding the ability to load WPF Windows to one of my pet projects. I also want to allow it to process speech, and other goodies. To achieve this, I've created a new class in my 'host' Windows Forms application, which inherits from System.Windows.Window. The requirements for a Window to be loaded are:

It must have an attribute which contains the name, category, etc.
It must inherit from my custom class

I have no problem with the first one, but the second one is where I fall down. I have added a reference to the 'host' application in the 'parasite' (sorry, don't know how else to describe it) application, and changed the C# back-end class to inherit from my custom class. When I try to build, I get this error

Partial declarations of 'SampleWPFMiniApp.wndMain' must not specify different base classes

I presume the designer is similar to that of Windows Forms in that the code is split between XAML and code. How would I specify the correct base class in XAML? For what it's worth, the base class I specified in my C# code is Host.ShellComponents.ParasiteWindow

Re: Inheritence in XAML

0x3c010-Apr-09 9:24

0x3c0

10-Apr-09 9:24

There's no need to worry about my original post. By adding xmlns:src="clr-namespace:Host.ShellComponents.ParasiteWindow;assembly=Host" along with the other xmlns XAML, and then setting the root element to src:ParasiteWindow, I can compile successfully. But now I have another problem. How do I host a WPF Window (or equivalent) in a Windows Form? I've been trying to use the System.Windows.Interop.WindowInteropHelper class, and this shows the Window, but not as a child of the Windows Forms host

#realJSOP10-Apr-09 8:57

10-Apr-09 8:57

I have the following style:

<Style TargetType="{x:Type Image}" >
    <Style.Triggers>
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type Button},
                        AncestorLevel=1}, Path=IsEnabled}" Value="False">
            <Setter Property="Opacity" Value="0.40" />
        </DataTrigger>
    </Style.Triggers>
</Style>

Where do I put it if I want it to be global to the application, and how do I get to it once it's there?

"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass..." - Dale Earnhardt, 1997
-----
"...the staggering layers of obscenity in your statement make it a work of art on so many levels." - Jason Jystad, 10/26/2001

R2B210-Apr-09 9:15

R2B2

10-Apr-09 9:15

App.xaml

#realJSOP10-Apr-09 10:21

10-Apr-09 10:21

I tried that and it kept telling me something about content already having been defined. BTW, I was trying to put it inside the Application.Resources element.

R2B210-Apr-09 10:59

R2B2

10-Apr-09 10:59

Currently the way you have it defined

<style targettype="{x:Type Image}"></style>

this assigns this style to all of the image types within the scope. If you have this definition elsewhere (Window.Resources or elsewhere) you could have a conflict. If you want to have it only affect a select few controls you can add a key to it reference it on the controls you want it to be used on.

Have you looked at WPF Themes project? http://http://www.codeplex.com/wpfthemes[^] I believe they are doing something similar to what you want.

Richard

Mark Salsbery10-Apr-09 9:31

10-Apr-09 9:31

You can find a description of the resource lookup behavior here:

WPF: Resources Overview[^]

That may help you coose the most appropriate place.

Mark

Mark Salsbery
Microsoft MVP - Visual C++
Java | [Coffee]

#realJSOP10-Apr-09 10:22

10-Apr-09 10:22

I've already been there and it was no help.

Wes Aday10-Apr-09 19:42

Wes Aday

10-Apr-09 19:42

John Simmons / outlaw programmer wrote:
global to the application

If I have a style or template that I want to be global I use a MergedDictionary, for example.

<Application.Resources>
       <ResourceDictionary>
           <ResourceDictionary.MergedDictionaries>
               <ResourceDictionary Source="Dictionaries\Styles.xaml" />
           </ResourceDictionary.MergedDictionaries>
       </ResourceDictionary>
   </Application.Resources>

John Simmons / outlaw programmer wrote:
how do I get to it once it's there

You would access the style/template using the key you define for it.
Resource dictionary:

 <ControlTemplate x:Key="NormalButtonTemplate" TargetType="{x:Type Button}">
snip...
 </ControlTemplate>

Then in your xaml you would assign it using the key in this case:

<Button Template="{DynamicResource NormalButtonTemplate}" />

Hope that helps

Why is common sense not common?
Never argue with an idiot. They will drag you down to their level where they are an expert.
Sometimes it takes a lot of work to be lazy
Individuality is fine, as long as we do it together - F. Burns

Help humanity, join the CodeProject grid computing team here

ctnightmare13-Apr-09 9:56

ctnightmare

13-Apr-09 9:56

It is possible to put your Style in the App.xaml with the <application.resources> and that will put your style at the application level and in order to access it you can Style="{StaticResource (Name Here)}" and that will get your Style from the application resources.

WPF Expander Control - Custom Header

Jammer14-Apr-09 8:09

Jammer

14-Apr-09 8:09

You could also put these in a separate Style dll altogether ...

Jammer
My Blog | Article(s)

#realJSOP10-Apr-09 3:16

Re: WPF Expander Control - Custom Header

10-Apr-09 3:16

Consider the following code:

<Canvas Panel.ZIndex="999" HorizontalAlignment="Left" Width="225" Height="262" VerticalAlignment="Top">
            <Expander Margin="-13,-47,0,-210" Name="expander1" Background="Transparent" HorizontalAlignment="Left" 
            Width="221" Height="257" Canvas.Top="48" Canvas.Left="14">
                <Expander.Header>
                    <Rectangle Height="26" Margin="22,-21,0,0" Name="rectangle1" 
                                           Stroke="OrangeRed" VerticalAlignment="Top" RadiusX="8" RadiusY="8" Fill="DarkBlue" />
                    <Label Margin="22,-20,0,0" Background="Transparent" Foreground="White" Name="label99" 
                                       FontFamily="Arial" FontSize="14" FontWeight="Bold" FontStyle="Italic" 
                                       HorizontalContentAlignment="Center" 
                                       Content="BTN:123-456-7890" Height="26" VerticalAlignment="Top" />
                </Expander.Header>
                <Grid >
                    <Grid.BitmapEffect>
                        <DropShadowBitmapEffect />
                    </Grid.BitmapEffect>
                    <telerik:RadTreeView blah blah blah />
                </Grid>
            </Expander>
        </Canvas>

The designer is giving the following error:

The property "Header" is set more than once.

I don't understand why I'm getting this error - there's only one header specification in the control.

mikla52110-Apr-09 3:28