画像の透明部分の色を変更しようとしています

Question

こんにちは私は画像の透明部分の色を変えようとしています。画像を参照してください 実際にはグリッドの背景画像として使用していますその画像の外側部分のみの色、すなわち透明部分であり、不透明な画像の主要部分には効果が与えられない。「FwdBtn」画像の外側の画像主画像の透明部分は変化するはずである。 XAML

<Grid.Background> 

      <ImageBrush x:Name="imgbg" ImageSource="Assets/LearnColor/bg.png" 
         /> 
     </Grid.Background> 
     <Grid.RowDefinitions> 
      <RowDefinition x:Name="rowDefHeaderPanel" Height="1*"/> 
      <RowDefinition x:Name="rowDefContentPanel" Height="3*"/> 
      <RowDefinition x:Name="rowDefFooterPanel" Height="1*"/> 
     </Grid.RowDefinitions> 
     <RelativePanel x:Name="Headerpanel" Grid.Row="0" Margin="0,0,0,0"> 
      <Image x:Name="prevBtn" 
      Source="Assets/LearnColor/Button/btn_previous_arrow.png" 
       RelativePanel.AlignLeftWithPanel="True" 
       Margin="0,33,-246,23" 
       Tapped="BckImgChng" HorizontalAlignment="Right" Width="88" d:LayoutOverrides="Height"/> 
      <Image x:Name="FwdBtn" 
      Source="Assets/LearnColor/Button/btn_next_arrow.png"    
       Height="88" 
       RelativePanel.AlignRightWithPanel="True" 
       Margin="-152,0,250,-121" 
       Tapped="FwdImgChng" VerticalAlignment="Bottom" d:LayoutOverrides="HorizontalAlignment"/> 
      <Image x:Name="Header" 
      Source="Assets/LearnColor/Header/_0000_header_0.png" Width="440" 
       RelativePanel.AlignVerticalCenterWithPanel="True"     
       Margin="0,-39,-814,-62" HorizontalAlignment="Right"    
       > 
       <Image.Triggers> 
        <EventTrigger RoutedEvent="Image.Loaded"> 
         <BeginStoryboard> 
          <Storyboard x:Name="Blinkopr"> 
           <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="0" AutoReverse="True" Duration="0:0:0.9" RepeatBehavior="Forever" 
               Storyboard.TargetName="Header"/> 
          </Storyboard> 
         </BeginStoryboard> 

        </EventTrigger> 
       </Image.Triggers> 
      </Image> 
      <TextBlock x:Name="HeaderName" 
       Text="Yellow" 
         FontFamily="Font/BALLOON.TTF#BALLOON" 
       RelativePanel.AlignVerticalCenterWithPanel="True"     
       Margin="543,13,-273,7" Foreground="White" FontSize="25" FontStyle="Normal" FontWeight="ExtraBold" /> 

     </RelativePanel> 

C＃コード

private void FwdImgChng(object sender, TappedRoutedEventArgs e) 
     { 
      //if (currentIndex == 11) 
      //{ return; } 
      currentIndex++; 
      if (currentIndex > 10) 
      { 
       currentIndex = 10; 
       return; 
      } 

      Header.Source = new BitmapImage(new Uri("ms-appx:///Assets/LearnColor/Header/_0000_header_" + currentIndex + ".png")); 
      image.Source = new BitmapImage(new Uri("ms-appx:///Assets/LearnColor/Object/ob_" + currentIndex + "_0.png")); 
      prevObjBtn.Source = new BitmapImage(new Uri("ms-appx:///Assets/LearnColor/Button/prev" + currentIndex + ".png")); 
      fwdObjBtn.Source = new BitmapImage(new Uri("ms-appx:///Assets/LearnColor/Button/next" + currentIndex + ".png")); 
      HeaderName.Text = Headername[currentIndex];    
      objNameWritten.Text = objnamewritten[currentIndex]; 
      objNameWritten.Foreground = new SolidColorBrush(HColorname[currentIndex]); 
      mediaElement1.Source = new Uri("ms-appx:///Assets/LearnColor/Objectnamesmp3/C" + currentIndex + ".mp3"); 
      //mediaElement1.AutoPlay = true; 


     } 

画像

Answer 1

たとえば、私が使用している、別のコントロール内のグリッドを入れて、そのための背景を設定し、あなたが好きなコントロールを使用することができます別のグリッドはここにあります：

<Grid Background="#c0c0c0"> 
<!-- Your grid here--> 
</Grid>