|
WPF binding is very different to (and much better than IMO) ASP.NET binding. WPF is unlike winforms or ASP.NET, so developers have to get their head around the change, which is substantial.
You bind an object exposing INotifyPropertyChanged a collection exposing IObservableCollection. If the binding is two-way, the object/collection is updated automatically. It is unlikely that this should be persisted immediately (in most circumstances the user would OK this somehow). Generally what would happen is the bound object would persist the changes. This is a better separation of concerns, and more flexible than binding an SQLDataSource to a grid as in ASP.NET.
This article explains a pattern that goes hand in hand with WPF: Model-View-ViewModel (MVVM) Explained[^] it should clarify things for you.
|
|
|
|
|
Hi,
Would you know how I do pass a command line with WPF (in VB.net)?
In WindowsForm I used
Shell("cmd.exe /c mame -listxml >xmlout.xml", 0, True)
(the app. Name and parameters, show/hide window, wait or not for the task being completed)
Unfortunately this line doens't work anymore in WPF
What should I use to send a command line with parameters?
Thanks very much for any kind help 
modified on Tuesday, April 5, 2011 3:47 AM
|
|
|
|
|
|
Hello all,
I've started to learn XAML last night. I just write a sample code like this,
<Page xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”>
<TextBlock Text=”Hello World!” />
</Page>
and when I open it on FireFox, it continuously ask to open with FireFox. I'm really worried. I tried with the IE and Chrome, but no luck. How can I test *.xaml files?
Thanks
I appreciate your help all the time...
CodingLover 
modified on Wednesday, April 6, 2011 12:03 AM
|
|
|
|
|
What has XAML to do with a browser, are you starting to dabble in Silverlight by any chance, SL is hosted inside an ASPX page not directly in a browser.
Never underestimate the power of human stupidity
RAH
|
|
|
|
|
Interesting,
I've simply tried this from Sams' WPF book
1. Open your favorite text editor, such as Notepad.
2. Create a plain text document and enter the following:
<Page xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”>
<TextBlock Text=”Hello World!” />
</Page>
3. Save the text file and name it HelloWorld.xaml.
4. Double-click the newly created file, and it should open in a web browser. If
another application has been mapped to .xaml, you will need to launch the
browser first (either Internet Explorer 7 or Firefox will do) and drag the file
into the browser.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
You won't see this run in a web browser because xaml is just XML markup. What you'd see in the browser in this case is the XAML, and that's it. If you want to just test the XAML (and not run it as an application), you need something like Kaxaml[^] which will compile the XAML for you and present it as an application.
|
|
|
|
|
Make sense to me. Thanks for the comment.
I've downloaded latest version and install in Win 7. However it's unexpectedly closed when I start work with it. I've install .Net 4.0 as well.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
So I move with VS 2008 and Kaxaml. Seems Kaxaml is easy to use for me.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
Try using Visual Studio or Expression Blend to edit / open your xaml files.
The funniest thing about this particular signature is that by the time you realise it doesn't say anything it's too late to stop reading it.
|
|
|
|
|
I've look at Blend, but the reason is I cannot pay for that. So I'm searching for a free simple tool. Since I'm not doing any commercial stuff that a simple tool is enough. 
I appreciate your help all the time...
CodingLover
|
|
|
|
|
Download Visual C# Express, (or Visual Studio Express). It's free, and it's easier to work with than just coding in notepad.
|
|
|
|
|
Actually I've install all VS 2005, 2008, 2010. But what I've found from further reading is that VS cannot do the best in styling and all in XAML. Blend or such similar tools done the best.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
Glad to help. VS2010 is probably your best bet because the Cider engine (that's the name of the XAML designer) is vastly superior to the one in VS2008. You can't do WPF development at all in VS2005 (and you can't target .NET 4 in VS2008).
|
|
|
|
|
You are right. And I cannot go ahead with VS 2010, it's just web developer express 2010.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
|
Thanks for the comment.
Anyway I got a start with vs 2008 mainly and kaxaml for UI design if necessary.
I appreciate your help all the time...
CodingLover
|
|
|
|
|
No problem. I'm glad to help.
|
|
|
|
|
I'm fairly new to styling in WPF, and I could use some help. Truth is, I'm not really sure what to search for...
I want to style a RadioButton so that it looks like the buttons in Excel 2010'sBackStage area...
1) Open Excel 2010
2) Go to the File tab
3) In the Available Templates area, I want my buttons to look and behave like the Blank Workbook, Recent Templates, Sample, ect..., buttons as far as the MouseOver and Pressed styles.
Can anyone point me in the right direction?
Everything makes sense in someone's mind
|
|
|
|
|
You mean the orange button here? Are you trying to do the entire view with the scrollable list of buttons? Or just one button that looks like that?
I don't think we can really explain control styling in one or two posts .
Do you have Expression Blend? Or do you just have Visual Studio?
Personally, I'd use Expression Blend and dump out the control template for a stock button and modify it. That'll give you most of what you need. Click behavior, etc.
I'd probably define a new button class (derived from Button) that has an image DP as well so you make the whole thing reusable.
|
|
|
|
|
Yes, that's exactly what I' looking for.
Personally, I'd use Expression Blend and dump out the control template for a stock button and modify it. That'll give you most of what you need. Click behavior, etc.
Know any decent tutorials on how to do this?
Thanks
Everything makes sense in someone's mind
|
|
|
|
|
This is assuming the stock Expression Blend window layout.
1) create a new project in Expression Blend
2) click on the assets tab in the upper left
3) select the controls folder (2nd item down in the left list)
4) drag a button onto the form (3rd item down in the right list)
5) in the bottom left window (Objects and Timelines), right click on the button and select Edit Template | Edit a Copy
6) Hit OK in the dialog
7) now your objects and Tiemlines window should say Template as the root item in the tree
8) right click on Template and select View XAML
The XAML will have the complete style for the stock WPF button control.
* <Style x:Key="ButtonFocusVisual"> is responsible for drawing the dashed line
* there are a few brushes defined
* <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"> is your main button style
Give that a look, if you know XAML already, it should be pretty easy to understand. You would just get rid of most of the look and feel and leave the content presenter, or maybe change that into a textblock and add an image.
Now, Aero buttons use the RenderXXX DPs to do some of the drawing, so you need to get rid of those... RenderMouseOver, RenderPressed, RenderDefaulted, etc. and move those into the Trigger section so you can customize it.
-- Modified Monday, April 4, 2011 2:57 PM
|
|
|
|
|
I looked at the template a bit further and yeah, I'd get rid of the
<Microsoft_Windows_Themes:ButtonChrome ... > </Microsoft_Windows_Themes:ButtonChrome > tags and replace that with a Image and TextBlock.
The IsKeyboardFocused trigger needs to be modified. The ToggleButton.IsChecked event trigger can be removed. The IsEnabled trigger needs to be modified too (or removed if you don't need to support disabled buttons).
You need to also add the IsMouseOver and IsPressed triggers.
Its just a matter of having just the Image and TextBlock as the "default state" and then in the various triggers set the properties to give you the mouse over.
For example, you could do something like:
<Border Name="border" Background="Transparent" ... >
<TextBlock Name="textBlock" ...>
and then in the trigger, you would set "border".Background = "Orange"
Thats the basic concept of it, you have some stuff hidden or not visible in the default state and then make it visible or change colors, etc. in the triggers.
|
|
|
|
|
Excellent. Thanks alot. I'll take a look at it now.
Everything makes sense in someone's mind
|
|
|
|
|
I got it. Here's my code:
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" x:Name="Screen_1_Name"
x:Class="WpfPrototype2Screens.Screen_1"
Width="640" Height="480">
<UserControl.Resources>
<!--
<ControlTemplate x:Key="ButtonTemplate" TargetType="Button">
<ContentPresenter Content="{TemplateBinding Content}"/>
</ControlTemplate>
-->
<Style x:Key="ButtonFocusVisual">
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate>
<Rectangle Stroke="Black" StrokeDashArray="1 2" StrokeThickness="1" Margin="2" SnapsToDevicePixels="true"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<LinearGradientBrush x:Key="ButtonNormalBackground" EndPoint="0,1" StartPoint="0,0">
<GradientStop Color="#F3F3F3" Offset="0"/>
<GradientStop Color="#EBEBEB" Offset="0.5"/>
<GradientStop Color="#DDDDDD" Offset="0.5"/>
<GradientStop Color="#CDCDCD" Offset="1"/>
</LinearGradientBrush>
<SolidColorBrush x:Key="ButtonNormalBorder" Color="#FF707070"/>
<Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">
<Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
<Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
<Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" SnapsToDevicePixels="true" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" RenderDefaulted="{TemplateBinding IsDefaulted}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True"/>
</Microsoft_Windows_Themes:ButtonChrome>
<ControlTemplate.Triggers>
<Trigger Property="IsKeyboardFocused" Value="true">
<Setter Property="RenderDefaulted" TargetName="Chrome" Value="true"/>
</Trigger>
<Trigger Property="ToggleButton.IsChecked" Value="true">
<Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
</Trigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Foreground" Value="#ADADAD"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="false">
<Setter Property="Background" Value="Transparent"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<Grid x:Name="LayoutRoot" Background="White">
<Button Margin="241,142,279,163"
Style="{DynamicResource ButtonStyle1}"
BorderBrush="Transparent"
Content="Button"/>
</Grid>
</UserControl>
What did it was the Trigger and the transparent border brush on the button. When the mouse is NOT over the button, it's transparent. When the mouse is over it, the theme shows.
Coud you please elaborate on this:
<Microsoft_Windows_Themes:ButtonChrome ... > </Microsoft_Windows_Themes:ButtonChrome > tags and replace that with a Image and TextBlock.
Everything makes sense in someone's mind
modified on Monday, April 4, 2011 4:33 PM
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
