FluidKit

New Post: SelectedIndex in ElementFlow -Listbox

sinclas — Tue, 01 Jul 2008 23:47:03 GMT

pavanpodila wrote:
This one of those cases where you may have to know a little more about the visual tree. IMHO.

Agree! I was trying to use the list to get another control databound to it. I can use the selected index and some other ways to get the current item and use that as the datacontext to the other control. That should work.

Thanks a ton....

-Steve

New Post: MFC guy needs to use control

pavanpodila — Tue, 01 Jul 2008 23:44:12 GMT

Howdy shares!
I am sure you will find WPF a lot more easier and visually appealing :-) Now to your question. If you open up the FluidKit solution in VS and just run a build, it will create a DLL in the FluidKit project. You can then add a reference to this DLL and be done with. This is what I do in the FluidKit.Showcase application project, although its a project reference. In your case it would a reference to the FluidKit DLL.

HTH,

Happy WPF programming!
Pavan

New Post: SelectedIndex in ElementFlow -Listbox

pavanpodila — Tue, 01 Jul 2008 23:38:21 GMT

This one of those cases where you may have to know a little more about the visual tree. IMHO.

New Post: SelectedIndex in ElementFlow -Listbox

sinclas — Tue, 01 Jul 2008 23:27:22 GMT

Thanks for the reply. I did try that, since it was already in the example showcase source. I get this error when trying this code in the Window1.xaml :

Specified index is out of range or child at index is null. Do not call this method if VisualChildrenCount returns zero, indicating that the Visual has no children. It breaks on this line : (obj = VisualTreeHelper.GetChild(obj, 0);) IThe obj references a System.Windows.Shapes.Rectangle. I am not sure why a rectangle is showing up. But I guess I have to check the count and continue on in the loop. ?

-Thanks

Steve

New Post: MFC guy needs to use control

shares — Tue, 01 Jul 2008 22:18:10 GMT

Hi, as an old MFC guy, I'm getting my feet wet with WPF, and wanting to isolate the cool ElementFlow control for use in a WPF application of my own. It's proving a challenge to figure out what files I to bring over from the sample and what files I don't need.

I wonder if anyone would be kind enough to offer suggestions or point me to a good resource.

Thanks

New Post: SelectedIndex in ElementFlow -Listbox

pavanpodila — Tue, 01 Jul 2008 15:16:41 GMT

Here is something you can try inside Window.Loaded:

            DependencyObject obj = VisualTreeHelper.GetChild(_itemsControl, 0);
            while ((obj is Controls.ElementFlow) == false)
            {
                obj = VisualTreeHelper.GetChild(obj, 0);
            }
            _elementFlow = obj as Controls.ElementFlow;

That should get you the reference. HTH.

Cheers!

New Post: SelectedIndex in ElementFlow -Listbox

sinclas — Tue, 01 Jul 2008 11:36:48 GMT

Great control! I am having fun with incorporating this project into a much bigger project. I am working with the Showcase project and made a change to elementFlow xaml example. Instead of itemsControl, I changed it to listBox because I need to databind to the selectedItem in the list. Since an ItemsControl does not support this, I have to use a listBox. What now? I can seem to get the ElementFlow to populate with my databound collection and display properly, But when I change the selectedIndex of the listbox, nothing animates. I tried to use the visual tree helper to get access to the elementFlow, but that didn't work. I got a border, a grid and a rectangle, but no elementFlow. I have no way of changing the selectedIndex of the elementFlow and have it animate the change in selection. I know I am doing something fundamentally wrong...

here is the actual XAML:

<ListBox x:Name="_itemsControl"

Grid.Row="0"

Grid.Column="0"

Grid.ColumnSpan="2"

Background="{x:Null}"

HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

ItemsSource="{StaticResource TestDataSource}"

ItemTemplate="{StaticResource TestDataTemplate}" MaxWidth="1024" MaxHeight="768">

<ListBox.ItemsPanel>

<Controls:ElementFlow x:Name="ElementFlow"

Focusable="True"

TiltAngle="{Binding Value, ElementName=_tiltAngleSlider}"

ItemGap="{Binding Value, ElementName=_itemGapSlider}"

FrontItemGap="{Binding Value, ElementName=_frontItemGapSlider}"

PopoutDistance="{Binding Value, ElementName=_popoutDistanceSlider}"

ElementWidth="1024"

ElementHeight="1024"

HasReflection="False"

Background="Black">

<Controls:ElementFlow.Camera>

<PerspectiveCamera FieldOfView="10"

Position="0,1,10"

LookDirection="0,-1,-10"

UpDirection="0,1,0" />

</Controls:ElementFlow.Camera>

</Controls:ElementFlow>

</ItemsPanelTemplate>

</ListBox.ItemsPanel>

</ListBox>

New Post: ElementFlow Mouse Events (12372)

mahpet — Tue, 01 Jul 2008 08:01:47 GMT

Caveat: I am a relative newbie to WPF.

I was puzzling as to why if I add, say, a button, above the image that the button does not get any mouse events.

And also that I don't seem to be able to get any events telling me that the item was clicked.

This thread would seem to indicate that the later would be facilitated in due course - great. But what about the former - I can't see anything setting the event.Handled property to true in the source code - makes me think that everything I've read so far on event routing might not be quite true. Forgive me if this is not an appropriate forum for this issue but you guys obviously know a lot more than I do and you seem helpful!

BTW - The ElementFlow is a really excellent visual control - keep up the good work.

New Post: ElementFlow with Video instead of Image

winterKey — Sat, 28 Jun 2008 09:28:54 GMT

I'm having trouble getting a MedieElement to render too. I tried stripping the template back to bare bones - no borders etc - but no luck.
Appreciate any ideas...(Vista, .NET 3.0, *no* SP1)

ps: Apart from this little issue FluidKit ROCKS! great effort.

New Post: Refresh speed in ElementFlow

rralston4 — Wed, 25 Jun 2008 15:41:43 GMT

Hey Simon,

I'm not sure what all you've done to help with the issue, but I have similiar concerns with one of my solutions. A few things that I've done to help.

1) Cache images
2) Reduce image sizes

I also think that dealing with streams instead of file IO appears to be quicker.

If you can make some assumptions about the users potential next set of logical actions... you can pre-load a collection, etc.

Hope some of this makes some sense.

Take care,

Ricky

New Post: Refresh speed in ElementFlow

pavanpodila — Wed, 25 Jun 2008 10:31:53 GMT

Hi Simon,
What you are looking for is virtualization of the control. That would ensure that only the items in the view will be created, leading to lesser overhead on the WPF render tree and thus increase in speed. I plan to add this feature in the next release. Please continue using the control and let me know what would make it better ;-)

Thanks a lot for reporting your findings!

Cheers!
Pavan

New Post: Refresh speed in ElementFlow

sdavey — Tue, 24 Jun 2008 23:42:10 GMT

Hi Pavan,

Firstly I want to say what a great contol ElementFlow is, I am an average programmer and am using VB.net and found it easy to add to my project and customise. The problem I am having is with the speed of updating when adding or removing a large number of items.

I have based my initial tests on the sample program in FluidKit but changed the ImageCollection from a string to a bitmapimage so that for testing i only need to load a single image, I have created two collections and loaded one with 20 entries which is assigned to _itemscontrol.itemsource and loaded the other with 150 entries. Using an addional button on the page I add the additional 150 items to the end of the other collection.

The addition takes about 6 seconds, for my app I expect to be changing from collections containing a few items to a those with a few hundred so could imagine this time being alot more.

Any suggestions you have on how to speed up this process would be great.

Many Thanks,

Simon.

New Post: Problem with ElementFlow

sdavey — Tue, 24 Jun 2008 23:24:52 GMT

Hi Andrea,

I had the same problem and after some experimentation found that both the height and width must be specified for the hosting window, page, etc. Once this was set I was able to reload the designer.

I am fairly new to programming so cannot explain why this happens.

Hope this Helps.

Simon.

New Post: DragDrop on nested elements

pavanpodila — Mon, 23 Jun 2008 21:21:03 GMT

Hey Roland,
Would it be possible to send in your solution files ? I think I would have to debug a bit to know what's going on.

Cheers!
Pavan

New Post: DragDrop on nested elements

rolandrodriguez — Mon, 23 Jun 2008 19:17:04 GMT

Hi Pavan,

As a test, I'm able to set the target and source properties on the individual treeview items on each tree. I pass in the source tree to this method:

private static void SetSourceOnTree(DependencyObject TargetParent)

{

for (var i = 0; i < VisualTreeHelper.GetChildrenCount(TargetParent); i++)

{

var child = VisualTreeHelper.GetChild(TargetParent, i);

if (child is TreeViewItem)

{

var source = new DefaultDragSourceAdvisor();

child.SetValue(

DragDropManager.DragSourceAdvisorProperty, source);

}

SetSourceOnTree(child);

}

}

Then I pass in the target tree to this method:

private static void SetTargetOnTree(DependencyObject TargetParent)

{

for (var i = 0; i < VisualTreeHelper.GetChildrenCount(TargetParent); i++)

{

var child = VisualTreeHelper.GetChild(TargetParent, i);

if (child is TreeViewItem)

{

var source = new DefaultDropTargetAdvisor();

child.SetValue(

DragDropManager.DropTargetAdvisorProperty, source);

}

SetTargetOnTree(child);

}

When I complete a drag I get the following InvalidCast exception:

“Unable to cast object of type 'System.Windows.Controls.TreeViewItem' to type 'System.Windows.Controls.Panel'.”

…during the do drag drop call in DragDropManager.cs<SUP>[2]</SUP> at line 262:

var effects = DragDrop.DoDragDrop(_draggedElt, data, supportedEffects);

Any ideas what I’m doing wrong?

New Post: DragDrop on nested elements

pavanpodila — Mon, 23 Jun 2008 14:11:01 GMT

This could possibly be a problem with FluidKit's implementation since it uses Preview events instead of Bubbled events. Some people have tried doing extra hit-testing on the mouse-position to determine the exact drop location.

petteroe wrote:
I am unable to enable dropping in nested controls such as my scenario above. Is this a limitation in FluidKit's implementation or in the WPF way of doing things?

Here is the code I am testing with (this works, when I add another drop advisor on the outer wrap panel in cell2, only the outer wrap panel gets the items):

<WINDOW title="Drag and Drop testing" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:DragDrop="clr-namespace:FluidKit.Helpers.DragDrop;assembly=FluidKit" xmlns:local="clr-namespace:DragDropSpike" Height="480" Width="640" x:Name="Window" x:Class="DragDropSpike.ApplicationWindow" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <WINDOW.RESOURCES>
        <RESOURCEDICTIONARY>
            <local:DefaultDragSourceAdvisor x:Key="sourceAdvisor1"></local:DefaultDragSourceAdvisor>
            <local:DefaultDropTargetAdvisor x:Key="targetAdvisor1"></local:DefaultDropTargetAdvisor>
            <local:DefaultDropTargetAdvisor x:Key="targetAdvisor2"></local:DefaultDropTargetAdvisor>
        </RESOURCEDICTIONARY>
    </WINDOW.RESOURCES>
    
    <GRID x:Name="LayoutRoot">
		<GRID.COLUMNDEFINITIONS>
			<COLUMNDEFINITION Width="0.261*">
			<COLUMNDEFINITION Width="2px">
			<COLUMNDEFINITION Width="0.543*">
			<COLUMNDEFINITION Width="2px">
			<COLUMNDEFINITION Width="0.187*">
		</GRID.COLUMNDEFINITIONS>
		<GRID.ROWDEFINITIONS>
			<ROWDEFINITION Height="0.126*">
			<ROWDEFINITION Height="0.874*">
		</GRID.ROWDEFINITIONS>
		<GRIDSPLITTER RenderTransformOrigin="0.5,0.5" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Stretch">
			<GRIDSPLITTER.RENDERTRANSFORM>
				<TRANSFORMGROUP>
					<SCALETRANSFORM ScaleY="1" ScaleX="1">
					<SKEWTRANSFORM AngleY="0" AngleX="0">
					<ROTATETRANSFORM Angle="0">
					<TRANSLATETRANSFORM Y="0" X="0">
				</TRANSFORMGROUP>
			</GRIDSPLITTER.RENDERTRANSFORM>
		</GRIDSPLITTER>
		<GRIDSPLITTER RenderTransformOrigin="0.5,0.5" Grid.Row="1" Grid.Column="3" HorizontalAlignment="Stretch" Margin="0,0,0,0">
			<GRIDSPLITTER.RENDERTRANSFORM>
				<TRANSFORMGROUP>
					<SCALETRANSFORM ScaleY="1" ScaleX="1">
					<SKEWTRANSFORM AngleY="0" AngleX="0">
					<ROTATETRANSFORM Angle="0">
					<TRANSLATETRANSFORM Y="0" X="0">
				</TRANSFORMGROUP>
			</GRIDSPLITTER.RENDERTRANSFORM>
		</GRIDSPLITTER>
		<WRAPPANEL Grid.Row="1" Grid.Column="2" Margin="8,8,8,8">
			<WRAPPANEL.BACKGROUND>
				<LINEARGRADIENTBRUSH StartPoint="0.5,0" EndPoint="0.5,1">
					<GRADIENTSTOP Offset="0" Color="#FFFCDADA">
					<GRADIENTSTOP Offset="1" Color="#FFCD6A6A">
				</LINEARGRADIENTBRUSH>
			</WRAPPANEL.BACKGROUND>
			<TEXTBOX Height="28" Width="49.2433333333333" Margin="4,4,4,4" TextWrapping="Wrap" Text="Item 2">
			<TEXTBOX Height="28" Width="49.243" Margin="4,4,4,4" TextWrapping="Wrap" Text="Item 1">
			<WRAPPANEL Height="300" Width="320" x:Name="innerPanel" Margin="4,4,4,4" DragDrop:DragDropManager.DropTargetAdvisor="{StaticResource targetAdvisor2}" Opacity="0.2" Background="#FF000000">
				<TEXTBOX Height="19.2766666666667" Width="49.243" Margin="4,4,4,4" TextWrapping="Wrap" Text="Item 2">
				<TEXTBOX Height="19.2766666666667" Width="42.25" Margin="4,4,4,4" TextWrapping="Wrap" Text="Item 1">
			</WRAPPANEL>
		</WRAPPANEL>
		<WRAPPANEL RenderTransformOrigin="0.723,0.805" Grid.Row="1" Margin="8,8,8,8" DragDrop:DragDropManager.DragSourceAdvisor="{StaticResource sourceAdvisor1}">
			<WRAPPANEL.BACKGROUND>
				<RADIALGRADIENTBRUSH>
					<GRADIENTSTOP Offset="0" Color="#FFDEE8E2">
					<GRADIENTSTOP Offset="1" Color="#FF9FB4A7">
				</RADIALGRADIENTBRUSH>
			</WRAPPANEL.BACKGROUND>
			<TEXTBOX Height="19.2766666666667" Width="49.243" Margin="4,4,4,4" TextWrapping="Wrap" Text="Item 2">
			<BUTTON Height="21.2766666666667" Width="60.09" Content="DragItem1">
			<BUTTON Content="DragItem2">
			<BUTTON Content="DragItem3">
		</WRAPPANEL>
	</GRID>
</WINDOW>

New Post: DragDrop on nested elements

pavanpodila — Mon, 23 Jun 2008 14:07:01 GMT

You can use the SetValue() API on your control to do the assignment. Something like:

myControl.SetValue(DragDropManager.DragSourceAdvisor, advisor);

petteroe wrote:
I have made some progress with this problem, but I have a new obstacle. I need to programmatically assign new advisors to a nested user control, because reuse of the advisor on the root doesn't work (drops everything in the root container). How do I correctly assign a new advisor to a programmatically created user control?

Morten

New Post: DragDrop on nested elements

petteroe — Mon, 23 Jun 2008 09:03:04 GMT

I am unable to enable dropping in nested controls such as my scenario above. Is this a limitation in FluidKit's implementation or in the WPF way of doing things?

Here is the code I am testing with (this works, when I add another drop advisor on the outer wrap panel in cell2, only the outer wrap panel gets the items):

Window

xmlns

="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns

:x="http://schemas.microsoft.com/winfx/2006/xaml"

:Class="DragDropSpike.ApplicationWindow"

:Name="Window"

Title

="Drag and Drop testing"

Width

="640" Height="480"

xmlns:local="clr-namespace:DragDropSpike"

xmlns:DragDrop="clr-namespace:FluidKit.Helpers.DragDrop;assembly=FluidKit">

<Window.Resources>

<local:DefaultDragSourceAdvisor x:Key="sourceAdvisor1"/>

<local:DefaultDropTargetAdvisor x:Key="targetAdvisor1"/>

<local:DefaultDropTargetAdvisor x:Key="targetAdvisor2"/>

</ResourceDictionary>

</Window.Resources>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<GridSplitter.RenderTransform>

</TransformGroup>

</GridSplitter.RenderTransform>

</GridSplitter>

<GridSplitter.RenderTransform>

</TransformGroup>

</GridSplitter.RenderTransform>

</GridSplitter>

<WrapPanel.Background>

</LinearGradientBrush>

</WrapPanel.Background>

</WrapPanel>

<WrapPanel.Background>

</RadialGradientBrush>

</WrapPanel.Background>

</WrapPanel>

</Grid>

Window>

New Post: DragDrop on nested elements

petteroe — Mon, 23 Jun 2008 07:05:32 GMT

I have made some progress with this problem, but I have a new obstacle. I need to programmatically assign new advisors to a nested user control, because reuse of the advisor on the root doesn't work (drops everything in the root container). How do I correctly assign a new advisor to a programmatically created user control?

Morten

New Post: Drag Drop on Inner Elements?

pavanpodila — Sat, 21 Jun 2008 12:34:57 GMT

Morten,
You can send me the files to my email (found on home page). I'll take a look.