split 1 image into several different ones

split 1 image into several different ones Last post 2011/7/26 3:18 by  Orencosoft. 3 replies.  2011/7/24 18:55   Philipp Pfeiffer (0) Posts 129 Split 1 image into several different ones Reply  Quote Hello, I have one image that is loaded from the web that acutally contains several seperate images. For example a 200x200 image that contains 4 100x100 images. I would like to load that picture from the internet once and then show the 100x100 images in several image-objects in the xaml. How could I do that?      2011/7/25 17:54 In reply to Philipp Pfeiffer (0) Posts 129 Re: Split 1 image into several different ones Reply  Quote No ideas? I mean is there any way I could set which part of the image is actually shown? I thought about creating a image object with a size of 200x200 pixels to contain the entire image and then wrap this inside of a 100x100 scroll viewer and set the position programatically. Is this possible?      2011/7/25 19:53 In reply to Philipp Pfeiffer (0) Posts 129 Re: Split 1 image into several different ones Reply  Quote OK I have made a little progress. I have wrapped the image into a scrollviewer and then I use  ScrollToVerticalOffset to scroll to the correct position. However, I would like the image to be "stuck" in this position and hence I would like to set the  VerticalScrollBarVisibility to Disabled but if I do that (even after scrolling), the image does not scroll to the correct position. What am I doing wrong?      2011/7/26 3:18 In reply to Orencosoft (496) Posts 158 Re: Split 1 image into several different ones Reply  Quote Not sure scrolling around would be the best solution. I would use a writable bitmap and copy the sections of the picture you wanted.   A quick example, been awhile since I have use a writable bitmap. Tested the code, seems to work ok. Code is written to load an image from iso storage, display the picture in image1, copy 100x100 pixels and display in image2.   Change the offsets and width/height to copy whatever you want, something to experiment with.     public partial class MainPage : PhoneApplicationPage       {           // Constructor           public MainPage()           {               InitializeComponent();               GetImageFromIso();           }               BitmapImage bMap;           void GetImageFromIso()           {               bMap = new BitmapImage(new Uri("testPic.jpg", UriKind.RelativeOrAbsolute));               bMap.ImageOpened += new EventHandler<RoutedEventArgs>(BMapImageOpened); // make sure it is fully loaded               image1.Source = bMap;   // display full image           }             void BMapImageOpened(object sender, RoutedEventArgs e)           {               WriteableBitmap sourcePicture = new WriteableBitmap(bMap);    // make a writable bitmap               image2.Source = CopyArea(sourcePicture, 0, 0, 100, 100);    // copy 100x100 pixels from the upper left corner and display           }             WriteableBitmap CopyArea(WriteableBitmap inputWB, int xOffset, int yOffset, int width, int height)           {               int SourceWidth = inputWB.PixelWidth;               WriteableBitmap outputWB = new WriteableBitmap(width, height);               for (int y = 0; y <= height - 1; y++)               {                   int SourceIndex = xOffset + (yOffset + y) * SourceWidth;                   int DestIndex = y * width;                   Array.Copy(inputWB.Pixels, SourceIndex, outputWB.Pixels, DestIndex, width);               }               return outputWB;           }       }