UWPのモバイルビューでは表示されない背景イメージ（Windows Universal-Windows-10）？

Question

私はUWP（Universal Windows Platform app）に取り組んでいます。私はモバイルビューに関する問題があります。私はアプリケーションのログインページに画像の背景を設定しました。すべてのビュー（Tabulateとデスクトップ）で正しく表示されますが、エミュレータ（Mobileビュー）でアプリケーションを開くと、背景画像は表示されず、背景は黒です。

コード：

<Grid x:Name="login_page"> 
     <Grid.Background> 
      <ImageBrush Stretch="UniformToFill" ImageSource="Images/LoginImages/login_bg01.png"/> 
     </Grid.Background> 

VisualStateManager.VisualStateGroups> 
      <VisualStateGroup> 
       <VisualState> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="0" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 


        </VisualState.Setters> 
       </VisualState> 

       <VisualState> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="420" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 




        </VisualState.Setters> 
       </VisualState> 

       <VisualState> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="320" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 

<Setter Target="txtname.Height" Value="40"></Setter> 
         <Setter Target="pwdbox.Height" Value="40"></Setter> 
         <Setter Target="txturl.Height" Value="40"></Setter> 

</VisualState.Setters> 
       </VisualState> 
       <VisualState> 

<VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="720" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
    <Setter Target="pwdbox.Height" Value="60"></Setter> 
         <Setter Target="txturl.Height" Value="60"></Setter> 
        </VisualState.Setters> 
       </VisualState> 
    </VisualStateGroup> 
     </VisualStateManager.VisualStateGroups> 
<Grid Name="maingrid"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="auto"/> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 

//Here define three textblock 
<StackPanel Grid.Row="4" Orientation="Horizontal" Margin="0,0,0,0"> 
<TextBlock x:Name="uname"> 
    <TextBlock x:Name="email"> 
<TextBlock x:Name="password"> 
    </StackPanel> 
/Grid> 


    </Grid> 

画像

Answer 1

迅速にテストのための新しいユニバーサルアプリを作成します。単純に画像を使用していない場合は、グリッドの背景を追加して機能するかどうかを確認します。それ以外の場合は、アプリケーションのxamlを新しいテストアプリにステップバイステップで追加して、動作を停止させてください。あなたはRelativePanelを見てみたいかもしれません。

Answer 2

なぜグリッド自体に画像コントロールを追加しないのですか？

<Grid x:Name="login_page"> 

<Image x:Name="Image1" Source="Images/LoginImages/login_bg01.png"/> 
     .......... 

/> 

Answer 3

私は、ex、相対形式でImageまたはImageSourceへのパスを設定すると、以前に問題を経験しています。 Path/To/Image.png。これを解決するには、あなたが

<ImageBrush Stretch="UniformToFill" ImageSource="ms-appx:///Images/LoginImages/login_bg01.png"/>