How to create a "viewport" with Markup/XAML?

Author

Message

Topic Search

Topic Options

rvoith

Groupie

Joined: 03 July 2003
Location: Norway
Status: Offline
Points: 40

Post Options

Post Reply

Quote rvoith

Report Post

Thanks(0)

Quote

Topic: How to create a "viewport" with Markup/XAML?
Posted: 09 September 2020 at 2:22am

jpbro!! This works!! Thank you for trying this out!!

Best regards,
Bob
Proud Programmer!

jpbro

Senior Member

Joined: 12 January 2007
Status: Offline
Points: 1354

Post Options

Post Reply

Quote jpbro

Report Post

Thanks(1)

Quote

Posted: 08 September 2020 at 3:49pm

Something like this appears to work:

<Page xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml' >
    <Border Width='200' Height='200' ClipToBounds='True'>
            <Image Source="file://<PATH TO YOUR IMAGE>" Margin='-100,-100,0,0'/>
        </Border>
</Page>

By fixing the Border width and setting ClipToBounds='True', you create a fixed size viewport. By setting the Left & Right margins to negative numbers, you can move the enclosed image around the viewport.

Product: Xtreme SuitePro (ActiveX) version 16.2.6
Platform: Windows XP - SP3

Language: Visual Basic 6.0 SP6

rvoith

Groupie

Joined: 03 July 2003
Location: Norway
Status: Offline
Points: 40

Post Options

Post Reply

Quote rvoith

Report Post

Thanks(0)

Quote

Posted: 08 September 2020 at 3:37am

The setting is that I have a large image displayed in a markup control with a an Image-tag. I would like to display only a portion of it by using a "viewport" (in lack of a better word).

I'll try to illustrate this below, where you see the view port focusing on a part of the larger image;

The viewport itself only displays what the coordinates specifies, and would look like this;

I have tried to fiddle around with the XAML-elements Canvas, ScrollViewer, Viewbox and Image, but with no current success yet. Somehow I feel that the attributes ClipToBound on Image could be useful, but I seem to lack something like VerticalOffset and HorizontalOffset combined with Height and Width.

Does anybody have any ideas on how to create a viewport?

Best regards,
Bob
Proud Programmer!