首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未在XAML代码中显示的图像

未在XAML代码中显示的图像
EN

Stack Overflow用户
提问于 2015-11-11 20:57:58
回答 1查看 600关注 0票数 0

在每个GridViewItem中,不显示图像。在XAML的“设计”视图中,在Visual中会显示图像,但当我运行代码时不会显示图像。下面是GridViewItem的代码片段:

代码语言:javascript
运行
复制
<GridViewItem x:Name="Performance" Margin="0,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
     <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
          <Image Margin="0" Source="Images\performanceLaptop.JPG" Stretch="UniformToFill" Width="207" Height="268" />
          <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
               <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Performance" VerticalAlignment="Center" FontSize="26.667"/>
          </Grid>
      </Grid>
</GridViewItem>

整个代码:

代码语言:javascript
运行
复制
    <Grid>
        <Grid.Background>
            <ImageBrush ImageSource="ms-appx:/Images/SampleAppBg.jpg"/>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="140"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Sample Text Header " Margin="80,36,870,44" FontSize="50" VerticalAlignment="Center" FontStyle="Italic"/>
            <TextBlock Grid.Column="0" HorizontalAlignment="Left" Margin="80,0,0,10" TextWrapping="Wrap" Text="Sample Category :" VerticalAlignment="Bottom" FontFamily="Segoe UI" FontSize="30" FontStyle="Italic"/>
        </Grid>
        <Grid Grid.Row="1" Background="Transparent" HorizontalAlignment="Left" Height="526" Margin="120,0,0,0" VerticalAlignment="Top" Width="1170">
            <StackPanel HorizontalAlignment="Left" Height="500" Margin="0" VerticalAlignment="Center" Width="1125" Orientation="Horizontal">
                <GridViewItem x:Name="Performance" Margin="0,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="Images\1.JPG" Stretch="UniformToFill" Width="207" Height="268" />
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Performance" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="INSTRUCTIONS" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="2.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Entertainment" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="PLAY" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="3.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Student" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="SETTINGS" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="4.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Professional" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
                <GridViewItem x:Name="SCORES" Margin="15,0,0,0" Width="207" Height="275" HorizontalAlignment="Left" VerticalAlignment="Top">
                    <Grid HorizontalAlignment="Left" Height="268" Width="207" VerticalAlignment="Top">
                        <Image Margin="0" Source="5.JPG" Stretch="Fill" Width="207" Height="268"/>
                        <Grid HorizontalAlignment="Left" Height="51" Margin="0" VerticalAlignment="Bottom" Width="207" Background="#E5231F20">
                            <TextBlock HorizontalAlignment="Center" Margin="0,0,0,0" TextWrapping="Wrap" Text="Custom" VerticalAlignment="Center" FontSize="26.667"/>
                        </Grid>
                    </Grid>
                </GridViewItem>
            </StackPanel>
        </Grid>
    </Grid>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-11 21:01:10

\属性中的斜杠更改为/。重建你的解决方案。

代码语言:javascript
运行
复制
<Image Margin="0" Source="Images/performanceLaptop.jpg"  ../>

更多信息

在您的项目中,转到文件夹Images,用鼠标右键单击SampleAppBg.jpg并选择"Properties“。在“属性工具”窗口中,将文件类型设置为"Resource“。

对您的文件performanceLaptop.jpg也做同样的操作。虽然“资源”是添加文件的默认值。

资源在某种程度上被打包到您的可执行文件或库中,并且可以在XAML中使用。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33659693

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档