Phone 8 Emulator Not Showing Images

I am building a phone 8 app which uses the Tap event when a button is tapped.

Debug testing with a stop point shows that the event is triggered.

    void cmdHole1_Tap(object sender,
                     System.Windows.Input.GestureEventArgs e)
        // Place image into imgHole1
        {
            imgHole1.Source = imgC1Clip.Source;  // This works
            int intTest1 = 1;

        }

The issue is that the emulator does not display the button image.

The button image is displayed in design mode.

I am using the default emulator: WVGA 512MB and running Windows 8 Pro.

See file images:

How do I fix this?

Thanks,
DesignMode.jpg
DebugMode.jpg
DovbermanAsked:
Who is Participating?
 
DovbermanConnect With a Mentor Author Commented:
The issue was in the image source.

 <Image x:Name="imgHole1"
                Width ="48"
                Source="C:\Develop\Apps\Holdem\Images\cards_png\C1Full.png"
                Height="70"
                Grid.Row="0"
                Grid.Column="0" Stretch="None"
            />

The phone knows nothing about the developer's hard drive.
Images need to be imported to a Project folder.

In this case I created a project folder named Images and imported all the images from my
hare drive folder to the Project->Images folder.
0
 
DovbermanAuthor Commented:
Here is the xaml code for the hole cards:

        <Grid x:Name="grdHole" Margin="183,400,183,286" Background="DarkOliveGreen"
              Height="72" Width="114" HorizontalAlignment="Center"  >
            <Grid.ColumnDefinitions>
                <ColumnDefinition x:Name="grdHole1"
                    Width="52">
                </ColumnDefinition >
                <ColumnDefinition
                    Width="52">
                </ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition
                    Height="72">
                </RowDefinition>

            </Grid.RowDefinitions>

            <!--Place buttons in the grid-->
            <Button Content="Button"  x:Name="cmdHole1" Grid.Column="0" Width="50" Height="72"
                    HorizontalAlignment="Center" Margin="4,0,0,0" Grid.RowSpan="1" Cursor="Hand"
                    >

            </Button>
            <Image x:Name="imgHole1"
                Width ="48"
                Source="C:\Develop\Apps\Holdem\Images\cards_png\C1Full.png"
                Height="70"
                Grid.Row="0"
                Grid.Column="0" Stretch="None"
            />
            <Button Content="Button" x:Name="cmdHole2" Grid.Row="0" Grid.Column="1" Width="50" Height="72"
                    HorizontalAlignment="Center" Margin="4,0,0,0" Grid.RowSpan="1">
            </Button>
            <!--Place images in the grid-->
            <Image x:Name="imgHole2"
                     Width ="48" Source="C:\Develop\Apps\Holdem\Images\cards_png\C2Full.png"
                     Height="70"
                     Grid.Row="0"
                     Grid.Column="1" Stretch="None"
                />

        </Grid>

  <TextBox x:Name="PickHoleInstr" HorizontalAlignment="Left" Height="60" TextWrapping="NoWrap"
                Text="Tap to select your hole cards."
                Margin="72,250,0,0" VerticalAlignment="Top" Width="261"
                FontSize="16" Background="Transparent" BorderThickness="0"
                Foreground="White" FontWeight="Bold"/>
0
 
DovbermanAuthor Commented:
Hope this is useful to other phone app developers.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.