C# 在gridview中隐藏一些图像

C# 在gridview中隐藏一些图像,c#,image,gridview,uwp,C#,Image,Gridview,Uwp,我有一个有3张图片的gridview。我希望在脱机模式下,不显示2个图像(媒体和paket) XAML: 我有一个问题,如下图所示: 我希望第三张图片向左滑动,不要像那样穿孔。如何处理?如果我正确理解了你的问题,很抱歉我没有理解 我建议进行以下修改 使用MaxHeight/MaxWidth代替Height/Width,也可以使用Height=220,但宽度必须更改为MaxWidth 对于要向左定位的图像,使用HorizontalAlignment=Left,并使GridView Horizon

我有一个有3张图片的gridview。我希望在脱机模式下,不显示2个图像(媒体和paket)

XAML:

我有一个问题,如下图所示:


我希望第三张图片向左滑动,不要像那样穿孔。如何处理?

如果我正确理解了你的问题,很抱歉我没有理解

我建议进行以下修改

  • 使用MaxHeight/MaxWidth代替Height/Width,也可以使用Height=220,但宽度必须更改为MaxWidth
  • 对于要向左定位的图像,使用HorizontalAlignment=Left,并使GridView HorizontalAlignment拉伸


  • 对于
    GridView
    ,每个项目都是一个
    GridViewItem
    。图像可以隐藏,但
    GridViewItem
    作为项目仍然存在。他们将占据自己的位置

    对于您的情况,我建议您使用带有
    GridView
    的数据集来生成项目。需要时,您可以通过修改数据集来控制
    GridView
    显示的项目

    private const string mediamageurl=“/images/revisi/new/menu/KS4-level-2-mediaguru-notext.png”;
    私有常量字符串PaketImageUrl=“/images/revisi/new/menu/KS4-level-2-paketabc-black.png”;
    私有常量字符串umImageUrl=“/images/revisi/new/menu/KS4-level-2-buku-umum.png”;
    私有ObservableCollection ImageCollection=新ObservableCollection();
    公共主页()
    {
    this.InitializeComponent();
    ImageCollection.Add(UmumImageUrl);
    如果(((应用)(应用当前)).Mode!=“脱机”)
    {
    ImageCollection.Insert(0,MediaImageUrl);
    ImageCollection.Insert(1,PaketImageUrl);
    }
    }
    
    
    
    如果以后需要删除图片,可以直接对收藏进行操作:

    ImageCollection.Remove(MediaImageUrl);
    
    谢谢

        <GridView
                        x:Name="contentGrid"
                        Margin="60,15,5,10"
                        HorizontalAlignment="Left"
                        VerticalAlignment="Top">
                            <Image
                                x:Name="mediaImage"
                                Width="220"
                                Height="220"
                                Source="/images/revisi/new/menu/KS4-level-2-mediaguru-notext.png" />
    
                             <Image
                                    x:Name="paketImage"
                                    Width="220"
                                    Height="220"
                                    Source="/images/revisi/new/menu/KS4-level-2-paketabc-black.png" />
    
                            <Image
                                x:Name="umumImage"
                                Width="220"
                                Height="220"
                                Source="/images/revisi/new/menu/KS4-level-2-buku-umum.png" />
    </Gridview>
    
    if(((App)(App.Current)).Mode == "Offline")
                {
                    mediaImage.Visibility = Visibility.Collapsed;
                    paketImage.Visibility = Visibility.Collapsed;
                }
                else
                {
                    mediaImage.Visibility = Visibility.Visible;
                    paketImage.Visibility = Visibility.Visible;
                }
    
    <GridView
        x:Name="contentGrid"
        Margin="60,15,5,10"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Top">
            <Image
                x:Name="mediaImage"
                MaxWidth="220"
                MaxHeight="220"
                Source="/images/revisi/new/menu/KS4-level-2-mediaguru-notext.png" />
             <Image
                    x:Name="paketImage"
                    MaxWidth="220"
                    MaxHeight="220"
                    Source="/images/revisi/new/menu/KS4-level-2-paketabc-black.png" />
            <Image
                x:Name="umumImage"
                MaxWidth="220"
                MaxHeight="220"
                HorizontalAlignment="Left"
                Source="/images/revisi/new/menu/KS4-level-2-buku-umum.png" />
    </Gridview>