|
Greetings from my side!
First of all I have to make clear that I'm pretty new to WPF.
I wish to display a matrix of 64x64 items via a gridview/ listview or whatever seems to be appropriate.
I have a class which holds two properties which represent the position inside the grid,
eg.0/1 Row 0, Column 1
Up to64x64 of these items are held inside a Generic List.
Now I want to bind this List and would like to see the elements in their declared cell.
Here's the code so far:
public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();
List<MatrixElements> elements = new List<MatrixElements>();
for (int i = 0; i < 64; i++)
{
for (int j = 0; j < 64; j++)
{
elements.Add(new MatrixElements(i, j,
string.Format("Element: {0}/{1}", i.ToString(), j.ToString()),
string.Format("ToolTip: {0}/{1}", i.ToString(), j.ToString()),
Colors.Green));
}
}
}
}
public class MatrixElements
{
public int PositionX { get; set; }
public int PositionY { get; set; }
public string Text { get; set; }
public string ToolTip { get; set; }
public Color BackgroundColor { get; set; }
public MatrixElements()
{
}
public MatrixElements(int PositionX, int PositionY, string Text, string ToolTip, Color BackgroundColor)
{
this.PositionX = PositionX;
this.PositionY = PositionY;
this.Text = Text;
this.ToolTip = ToolTip;
this.BackgroundColor = BackgroundColor;
}
}
After all, not all items are existant at the same time which means, that I can have 0/0 0/1 (no 0/2) and 0/3.
My first idea was to override the ListView's Method AddChild(object item), but I found no way how to tell the Grid where to insert the items.
Help would be appreciated, preferable explained with a few lines of code (I know you won't do my "homework" for me, but since I'm new to WPF this would really help a lot).
Thank you in advance,
eza
modified on Tuesday, July 8, 2008 5:01 AM
|
|
|
|
|
I would use a ListBox and set the ItemsPanel property. If you know how many rows and columns you want, you can set the ItemsPanel to a Grid with the appropriate number of RowDefinitions and ColumnDefinitions. Of course, if all the rows and columns will be the same size, you would be better off with a UniformGrid. Once you have that set up, you should be able to just use a data template with attached properties to position the elements.
For example (this code typed in browser with no guarantee of correctness):
<DataTemplate DataType="{x:Type local:MatrixElements}">
<TextBlock Grid.Row="{Binding PositionY}"
Grid.Column="{Binding PositionX}"
Text="{Binding Text}"
ToolTip="{Binding ToolTip}" />
</DataTemplate>
|
|
|
|
|
Thank you for your help. Unfortunately I have to admit that my understanding for WPF is not really existant. So please be so kind a help me a little further.
That's what I tried by now untill I'm stuck again (I know I didn't get that far... but every beginning is kind of hard)
<Window x:Class="TestMatrix.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300"
xmlns:local="clr-namespace:TestMatrix"
>
<Window.Resources>
<DataTemplate DataType="{x:Type local:MatrixElements}">
<TextBlock Grid.Row="{Binding PositinX}"
Grid.Column="{Binding PositionY}"
Text="{Binding Text}"
ToolTip="{Binding ToolTip}"></TextBlock>
</DataTemplate>
</Window.Resources>
<DockPanel>
<UniformGrid x:Name="uGrid" Columns="64" Rows="64">
</UniformGrid>
</DockPanel>
</Window>
I know how to handle this problem the programmatical way:
I inherited my MatrixElement from Textblock and created the Grid by a for i<64 loop to create Column and RowDefinitions. Then I iterated through my list and added the items to the correct grid position.
But after all I would really like to do it in WPF /XAML.
Thank you again for your help, maybe you can spare another few minutes to get me out of this problem.
|
|
|
|
|
I'm not sure why you would need to inherit MatrixElement from TextBlock. For this post, I'll keep the MatrixElement as just a regular class with the properties in your original post. I also ignored the background, because depending on how the background is created in the first case, you may be better off using a trigger. Here's the markup for the window:
<Window x:Class="Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfTrash"
Title="Window1" Height="400" Width="600">
<Window.Resources>
<DataTemplate DataType="{x:Type local:MatrixElement}">
<TextBlock Text="{Binding Text}"
ToolTip="{Binding ToolTip}"
HorizontalAlignment="Center" />
</DataTemplate>
</Window.Resources>
<ListBox Name="lstItems" Background="Green">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<Grid Name="grdTest"/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemContainerStyle>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="Grid.Row"
Value="{Binding Content.PositionX,
RelativeSource={RelativeSource Self}}" />
<Setter Property="Grid.Column"
Value="{Binding Content.PositionY,
RelativeSource={RelativeSource Self}}" />
</Style>
</ListBox.ItemContainerStyle>
</ListBox>
</Window>
And the code behind (in VB):
Class Window1
Private Sub Window1_Loaded(ByVal sender As Object, _
ByVal e As System.Windows.RoutedEventArgs) _
Handles Me.Loaded
'create some dummy elements and set the items source of the listbox
Dim elems As New List(Of MatrixElement)
Dim curElem As MatrixElement
For r As Integer = 0 To 63
curElem = New MatrixElement
curElem.PositionX = r
curElem.PositionY = r
curElem.Text = String.Format("{0}, {0}", r)
elems.Add(curElem)
Next
lstItems.ItemsSource = elems
'finds the actual grid used by the list box
Dim d As DependencyObject
d = VisualTreeHelper.GetParent( _
lstItems.ItemContainerGenerator.ContainerFromIndex(0))
While Not (d Is Nothing OrElse d.GetType() Is GetType(Grid))
d = VisualTreeHelper.GetParent(d)
End While
If d Is Nothing Then Exit Sub
'once you have the grid, you need to add the rows and columns
Dim rd As RowDefinition
Dim cd As ColumnDefinition
Dim grd As Grid = CType(d, Grid)
lstItems.SetValue(Grid.IsSharedSizeScopeProperty, True)
For i As Integer = 0 To 63
rd = New RowDefinition
rd.Height = New GridLength(1, GridUnitType.Star)
rd.SharedSizeGroup = "MatrixElemRowGroup"
grd.RowDefinitions.Add(rd)
cd = New ColumnDefinition
cd.Width = New GridLength(1, GridUnitType.Star)
cd.SharedSizeGroup = "MatrixElemColumnGroup"
grd.ColumnDefinitions.Add(cd)
Next
'this is just for debugging purposes
grd.ShowGridLines = True
End Sub
End Class
|
|
|
|
|
Thank you for your work, you helped me quite a lot.
I am still struggling with this line of code,
Dim d As DependencyObject
d = VisualTreeHelper.GetParent( _
lstItems.ItemContainerGenerator.ContainerFromIndex(0))
allthough I hope I can get this done.
WPF really is powerful, but at the moment I lack of knowledge how things can/should be done the WPF way.
I use VS2008 and contrary to WinForms, you need another application (namly Blend) to create user-friendly applications -
at least that's my impression.
Thank you once more for your help - I know now, there's still a long road ahead until I can create applications at the same
level like I did it in WinForms.
|
|
|
|
|
I am not sure what about that line of code you are stuck on, but hopefully this article on CodeProject that explains the visual and logical trees can help you. There is a link to another article on the same topic in the comments at the end of the article.
The reason for the first line is that when you do databinding like this, the ListBox.Items property will return the actual MatrixElement instead of the ListBoxItem that is used to draw to the screen. So the line of code you put here is getting the ListBoxItem that is generated for the MatrixElement so I can get into the visual tree. After the item is found, I start walking up the visual tree to find the grid that is generated by the list box, since the only other way to get the rows and columns would be to put the row and column definitions in XAML.
Another thought that came to mind is that the UniformGrid that I suggested earlier will not work for your situation because it ignores the Grid.Row and Grid.Column properties and just places one item after the other. I know that some people use Blend, but so far I have not used Blend and can achieve the same or better results than I did with WinForms. I do use XamlHack when I want to see the default template of a class, but other than that Visual Studio has been enough.
|
|
|
|
|
Hi.
I want to convert rechTextBox's content to HTML code. (in WPF)
How can I do it ?
Do you have a suggestion ?
Freshman
modified on Saturday, July 5, 2008 10:43 PM
|
|
|
|
|
My answer here[^] might help.
|
|
|
|
|
Hi All,
Just trying to launch a help (chm) file from a button in a WPF app. I'm not looking to integrate context sensitivity yet, just plain old show the the file ... anyone done this? I can't seem to find anything on the web that doesn't go into the context sensitivity work.
Cheers,
James.
Jammer
Going where everyone here has gone before! 
My Blog
|
|
|
|
|
static class HelpUtility
{
static HelpUtility()
{
CommandManager.RegisterClassCommandBinding(typeof(FrameworkElement),
new CommandBinding(ApplicationCommands.Help,
new ExecutedRoutedEventHandler(Executed),
new CanExecuteRoutedEventHandler(CanExecute))
);
}
public static string GetHelpKey(DependencyObject dObj)
{
return dObj.GetValue(HelpKeyProperty).ToString();
}
public static void SetHelpKey(DependencyObject dObj, string value)
{
dObj.SetValue(HelpKeyProperty, value);
}
public static readonly DependencyProperty HelpKeyProperty =
DependencyProperty.RegisterAttached("HelpKey",
typeof(string), typeof(HelpUtility));
private static void CanExecute(object sender, CanExecuteRoutedEventArgs e)
{
FrameworkElement fe = sender as FrameworkElement;
if (fe != null)
{
if (HelpUtility.GetHelpKey(fe) != null)
e.CanExecute = true;
}
}
private static void Executed(object sender, ExecutedRoutedEventArgs e)
{
System.Windows.Forms.Help.ShowHelp(null, @"HelpFile.chm",
System.Windows.Forms.Help.HelpNavigator.Index);
}
}Note, if you want to do context sensitive help, then replace the HelpNavigator.Index with HelpUtility.GetHelpKey((FrameworkElement)sender).
So, to use this you would do something like this:
<... standard window definitions here, but the next bit is the charm
xmlns:help="clr-namespace:...mynamespace...">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefintions>
<RowDefinition />
</Grid.RowDefintions>
<TextBox Grid.Column="0" Grid.Row="0" Name="NameField" help:HelpKey="MyName" />
</Grid>
</Window>
|
|
|
|
|
That's brilliant ... thanks Pete.
Jammer
Going where everyone here has gone before!
My Blog
|
|
|
|
|
Hi Pete,
Really nice code.
actually i implement this code but i get below error in .xaml file
Error 1 The property 'HelpKey' does not exist in XML namespace 'clr-namespace:TestWPFHelp'. Line 14 Position 107.
and here is my .xaml code
<Window x:Class="TestWPFHelp.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:help="clr-namespace:TestWPFHelp"
Title="Window1" Height="300" Width="300">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<TextBox Grid.Column="1" Height="23" Margin="78,72,80,0" Name="NameFiled" VerticalAlignment="Top" help:HelpKey="MyName" />
</Grid>
</Window>
i m new to wpf and i don't know how i resolve it...
if u have any idea then plz let me know..
Thanks in advance
Krishnraj
|
|
|
|
|
Hi there.
I want to handle Enter key or Space bar key on richTextBox in WPF.
By KeyDawn event I couldn't do it.
Can you help me ?
Freshman
modified on Friday, July 4, 2008 10:43 AM
|
|
|
|
|
What do you mean you want to handle the enter key or space bar? What exactly are you trying to achieve?
|
|
|
|
|
OK.
I have a richTextBox. Now I want to know when ENTER key pressed in my richtextbox.
Can you understand what I mean?
Freshman
|
|
|
|
|
Well, you can use the PreviewKeyDown attached event to handle this. Google it to find out all about it.
|
|
|
|
|
Great. Thank you very much.
Freshman
|
|
|
|
|
Hi All,
I am new to the SilverLight beta 2.
I am having 2 SiverLight user controls.
I want to use 1 SiverLight user control on the one aspx page say 1.aspx.
and other SilverLightControl on the other aspx page say 2.aspx.
How would i do this functionality.
Thanks in advance
Iam wating fr your valueable reply......
Regards,
Sumukh
sam
|
|
|
|
|
Hello Sumukh,
Let me tell the structure of Silverlight 2.0.
--XAP Package
----App
------SilverlightPage
----------SilverlightControl
If you want to show Silverlight on webpage, you have to show XAP package. (not App, Silverlight Page, Silverlight Control). This is the first thing you may want to know.
Another thing: you want to display two different Silveright Content in two different aspx pages, right? There are two ways to go ~
1) Create the seperated projects - Let's say you want to show SilverlightClock on 1.aspx and SilverlightMap on 2.aspx. So, create one silverlight project for SilverlightClock and create another project for SilverlightMap. After complied, you will get SilverlightClock.xap and SilverlightMap.xap. Show those xaps on aspx page.
2) You can create one Silverlight project. Create two silverlight controls for clock and map. And you can pass the parameter by using "InitParam" from aspx to Silverlight. You can receive that parameter from App.xaml.cs. Based on that parameter, you can decide which control you want to show. There are a lot of examples (including some of my own) in Silverlight Forum. You can search it if you want.
|
|
|
|
|
Hi Michael,
Thanks for your quick reply.
i think the second approach you suggested is fit for my application.
Could you please elaborate or give me some information link about the above approach?
Thanks & Regards,
Sumukh.
sam
|
|
|
|
|
As you know, there are three ways to show the Silverlight content on the webpage.
1) OBJECT tag
2) asp:Silverlight control from ASP.NET 3.5
3) Silverlight.js
No matter which approach you use, you are able to pass the parameter by using "InitParams" properties. You will be able to accept those parameters from App.xaml.cs. Let's say you pass 1 as a parameter and you will get the 1 from App.xaml.cs. So, if you get 1 then you should show Page1.
There are a lot of examples in Silverlight forum and you can search "InitParam"...
|
|
|
|
|
Hi Michael,
I am elaborating the scenario here:
I am having 1.aspx and 2.aspx these 2 pages.
Also I am having 2 silverlight control.
I have displayed the one of the silverlight control in the 1.aspx.In 1.aspx there is hyperlink which will navigate me to the 2.aspx.
Now, my requirement is i want to mount the second silverlight control on the 2.aspx.
Waiting for your reply,
Thanks & Regards,
Sumukh
sam
|
|
|
|
|
You may use either Object or CreateObject or CreateObjectEx to achieve this.
You need to pass an initialization parameter to it.
Here is a link which I have followed to create such an application:
http://msdn.microsoft.com/en-us/library/cc265155(VS.95).aspx[^]
Best Regards,
Sam Xavier
www.componentone.com
|
|
|
|
|
You can take a look at my reply. I already told him that he can use initparam but he explained me his scenario again..  ..
|
|
|
|
|
Hi Michael,
Could you please explain me with an example?
Thanks & Regards,
Sumukh
sam
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
