displaying a image in Image slide in windows phone 7

Question

3.00/5 (1 vote)

See more:

, +

Hi,

I have a image slide containing 4 images in a page in windows phone. i have four buttons in other page. when i click on button1 image1 should be displayed . likely when i press button4 image4 should be displayed.....

can you please suggest me solving this...

Regards.

Posted 12-Dec-12 0:42am

Raghavanand

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Naz_Firdouse · Accepted Answer · 2012-12-13T23:52:00

Solution 2

yes

(width of image1)+(left margin of image1)+(right margin of image1)+(left margin of image2)

another alternative could be

C#

int cnt=0;
foreach (Image img in ScrollViewerObj)
               {
if(cnt == buttonno)
break;

                   GeneralTransform gt = img.TransformToVisual(null);
                   Point p = gt.TransformPoint(new Point(0, 0));
}
ScrollViewerObj.HorizontalOffset(p.X);

Posted 13-Dec-12 23:52pm

Naz_Firdouse

Updated 13-Dec-12 23:56pm

v3

Comments

Raghavanand 14-Dec-12 6:01am

lots of thanks !!!

Raghavanand 17-Dec-12 1:47am

where should i define the above !! on button click or on page load

Naz_Firdouse 17-Dec-12 4:05am

On page load, access the buttonno value and write the above code

Raghavanand 17-Dec-12 7:26am

I am not getting this button no. and Point p.how to get that .can you show with a example if you dont mind !! I am completely new to windows mobile dev

Naz_Firdouse · Accepted Answer · 2012-12-13T23:38:00

Hi,
do u wanna display each image at a time r selected image should b highlighted along with others?
If ur requirement is second one, place all the images in a scrollviewer and set
ScrollviewerObj.HorizontalOffset(someval) which will shows your required image.

Here u need to find the "someval" value based on the button click like if u clicked on third button, you should get the widths of first two images and margin values(if any), sum up and send it as a parameter to ScrollviewerObj.HorizontalOffset(someval).

Naz_Firdouse · Accepted Answer · 2012-12-18T23:59:00

Here is the sample code . Hope it helps.

In buttonPage.xaml,

HTML

<!--ContentPanel - place additional content here-->
      <grid x:name="ContentPanel" grid.row="1" margin="12,0,12,0" xmlns:x="#unknown">
          <stackpanel>
              <Button Content="Button1" Click="Button_Click"/>
              <Button Content="Button2" Click="Button_Click"/>
              <Button Content="Button3" Click="Button_Click"/>
              <Button Content="Button4" Click="Button_Click"/>
          </stackpanel>
      </grid>

In buttonPage.xaml.cs,

C#

private void Button_Click(object sender, RoutedEventArgs e)
       {
           string c=(sender as Button).Content.ToString().Substrin((sender  as Button).Content.ToString().Length-1);
           NavigationService.Navigate(new Uri("/ImagesPage.xaml?ImageNo="+c,UriKind.RelativeOrAbsolute));
       }

ImagePage.xaml,

C#

<!--ContentPanel - place additional content here-->
      <grid x:name="ContentPanel" grid.row="1" margin="0,0,0,0" xmlns:x="#unknown">
          <scrollviewer x:name="ImgScrollViewer" scrollviewer.horizontalscrollbarvisibility="Visible" verticalscrollbarvisibility="Auto">
              <stackpanel orientation="Horizontal" x:name="ImagesSP" scrollviewer.manipulationmode="Control" scrollviewer.horizontalscrollbarvisibility="Visible" scrollviewer.verticalscrollbarvisibility="Auto" loaded="ImagesSP_Loaded">
                  <!--<StackPanel.RenderTransform>
                      <TranslateTransform Y="550"/>
                  </StackPanel.RenderTransform>-->
                  <image source="Images\MediumGray.png" width="480" height="400" stretch="Fill" />
                  <image source="Images\msweb-brand.png" width="480" height="400" stretch="Fill" />
                  <image source="Images\videos.png" width="480" height="400" stretch="Fill" />
                  <image source="Images\MediumGray.png" width="480" height="400" stretch="Fill" />
              </stackpanel>
          </scrollviewer>
      </grid>

ImagePage.xaml.cs:

C#

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
       {

           NavigationContext.QueryString.TryGetValue("ImageNo", out imageNo);

       }

       private void ImagesSP_Loaded(object sender, RoutedEventArgs e)
       {
           double offset = 0;
           int cnt = 1;
           foreach (Image img in ImagesSP.Children)
           {
               cnt++;
               offset += img.Width;
               if (cnt == Convert.ToInt32(imageNo))
                   break;
           }

           ImgScrollViewer.ScrollToHorizontalOffset(offset);
       }

displaying a image in Image slide in windows phone 7

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0