Codejock Developer Community : How to create a "viewport" with Markup/XAML? http://forum.codejock.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Wed, 13 May 2026 14:55:33 +0000 Wed, 09 Sep 2020 02:22:22 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 forum.codejock.com/RSS_post_feed.asp?TID=24047 <![CDATA[Codejock Developer Community]]> http://forum.codejock.com/forum_images/codejock-logo.gif http://forum.codejock.com/ <![CDATA[How to create a "viewport" with Markup/XAML? : jpbro!! This works!! Thank you...]]> http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77835&title=how-to-create-a-viewport-with-markup-xaml#77835 Author: rvoith
Subject: 24047
Posted: 09 September 2020 at 2:22am

jpbro!! This works!! Thank you for trying this out!!]]> Wed, 09 Sep 2020 02:22:22 +0000 http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77835&title=how-to-create-a-viewport-with-markup-xaml#77835 <![CDATA[How to create a "viewport" with Markup/XAML? : Something like this appears to...]]> http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77834&title=how-to-create-a-viewport-with-markup-xaml#77834 Author: jpbro
Subject: 24047
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.
]]> Tue, 08 Sep 2020 15:49:41 +0000 http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77834&title=how-to-create-a-viewport-with-markup-xaml#77834 <![CDATA[How to create a "viewport" with Markup/XAML? : The setting is that I have a large...]]> http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77829&title=how-to-create-a-viewport-with-markup-xaml#77829 Author: rvoith
Subject: 24047
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;
Viewport in action on a larger image

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

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?
]]> Tue, 08 Sep 2020 03:37:19 +0000 http://forum.codejock.com/forum_posts.asp?TID=24047&PID=77829&title=how-to-create-a-viewport-with-markup-xaml#77829