Silverlight Controls and Silverlight Toolkit

Re: Re: Floating menu/image/canvas

skumarpv — Tue, 30 Jun 2009 16:50:49 GMT

Hi guys,

Know what, i got it working and it is very simple. It just requires very few lines of code. All you have to do is introduce a Scrollvieweer control and get the mousemove events. On mouse move od the scrollbar, just reposition the canvas/image/whatever. The mouse event arguements will give you the current vertical/horizontal offset. Depending on this offset just reposition the canvas.

Here goes the sample:

private void MainScrollViewer_MouseMove(object sender, MouseEventArgs e)

{

double dVOffset = ((ScrollViewer)sender).VerticalOffset;

double dHOffset = ((ScrollViewer)sender).HorizontalOffset;

if (dVOffset != lastVerticalOffset || dHOffset != lastHorizontalOffset)

{

ScrollChangedEventArgs args = new ScrollChangedEventArgs();

args.HorizontalChange = dHOffset - _dlastHoffset;

args.HorizontalOffset = dHOffset;

args.VerticalChange = dVOffset - _dlastVoffset;

args.VerticalOffset = dVOffset;

// send the event to your handler

UpdateOnScrollChanged(args);

// update the last position

lastHorizontalOffset = dVOffset;

lastVerticalOffset = dVOffset;

}

private void UpdateOnScrollChanged(ScrollChangedEventArgs e)

{

_dTop += e.VerticalChange; // _dTop is your initial Top value.

_dLeft += e.HorizontalChange; // _dTop is your initial Left value.

MenuGrid.SetValue(Canvas.LeftProperty, _dLeft); MenuGrid.SetValue(Canvas.TopProperty, _dTop);

}

Re: Re: Floating menu/image/canvas

skumarpv — Tue, 30 Jun 2009 16:50:47 GMT

Hi guys,

Here goes the sample:

private void MainScrollViewer_MouseMove(object sender, MouseEventArgs e)

{

double dVOffset = ((ScrollViewer)sender).VerticalOffset;

double dHOffset = ((ScrollViewer)sender).HorizontalOffset;

if (dVOffset != lastVerticalOffset || dHOffset != lastHorizontalOffset)

{

ScrollChangedEventArgs args = new ScrollChangedEventArgs();

args.HorizontalChange = dHOffset - _dlastHoffset;

args.HorizontalOffset = dHOffset;

args.VerticalChange = dVOffset - _dlastVoffset;

args.VerticalOffset = dVOffset;

// send the event to your handler

UpdateOnScrollChanged(args);

// update the last position

lastHorizontalOffset = dVOffset;

lastVerticalOffset = dVOffset;

}

private void UpdateOnScrollChanged(ScrollChangedEventArgs e)

{

_dTop += e.VerticalChange; // _dTop is your initial Top value.

_dLeft += e.HorizontalChange; // _dTop is your initial Left value.

MenuGrid.SetValue(Canvas.LeftProperty, _dLeft);

MenuGrid.SetValue(Canvas.TopProperty, _dTop);

}

Re: Floating menu/image/canvas

ksleung — Tue, 30 Jun 2009 16:33:27 GMT

The following thread may help: http://silverlight.net/forums/t/98211.aspx

It is very important to understand how Grid works. It is simple and versatile.

Re: Floating menu/image/canvas

jv9 — Tue, 30 Jun 2009 16:19:01 GMT

I also want to know how to do it. I found a third party control which has same function. But I'd like to learn how to design it. http://www.divelements.co.uk/net/controls/sanddocksl/livedemo.aspx

Floating menu/image/canvas

skumarpv — Tue, 30 Jun 2009 15:58:58 GMT

Hi All, I am working on Silverlight 2.0. I have a grid (which is actually a menu) in my silverlight page. I want this grid to have a floating capability, that is, as and when the user scrolls, it should always stick to the bottom of the page or at the centre of the page page. Even when the page is minimized/maximized, this grid should be placed to the bottom of the page. Is there an option in silverlight to dock a control to the any particular portion of the page ? Is coding necessary to create such an effect? Any pointers to online samples or code snippets will be really helpful.

My requirements are"

1. A complete silverlight web page.
2. A menu (silverlight control) that floats top of this silverlight page. When the user scrolls the silverlight page, the menu should still be as docked botttom to the page.

Thanks in advance.