画像との境界を重ねて境界線に影効果を追加する方法は？

Question

私は内部の画像と境界を重ねようとしましたが、適用できないことがわかりましたが、いくつかのアプリケーションがそうすることができました。何か案が？

<Border BorderBrush="White" BorderThickness="1" Margin="20,20" Height="120" Width="410" > 
            <StackPanel Orientation="Horizontal"> 
             <Canvas> 
              <Image Margin="-30,0,0,45" VerticalAlignment="Top" Source="{Binding Path=ListboxImage}" Width="100" Height="150" /> 
             </Canvas> 
             <StackPanel> 
              <TextBlock Margin="135,8" Width="300" TextWrapping="Wrap" VerticalAlignment="Top" HorizontalAlignment="Left" Text="{Binding Path=ListboxName}" FontSize="{StaticResource PhoneFontSizeExtraLarge}"/> 
              <TextBlock Margin="150,0,0,8" Width="300" VerticalAlignment="Top" HorizontalAlignment="Left" Text="{Binding Path=ListboxDescription}" /> 
             </StackPanel> 
            </StackPanel> 
           </Border> 

私は国境にいくつかの影の効果を追加しようとしたものの

。

<Border> 
    <Border.Effect> 
    ....... 
    </Border.Effect> 

</Border> 

しかし、それは効果をサポートしていないようです。 +いくつかのフォーラムでは、パフォーマンスの影響を受けていると回答しました〜 どうすればいいですか？

Answer 1

スタック内部矩形と画像を有することを試みる

  <StackPanel Orientation="Horizontal"> 
      <border> 
       <rectangle height="50"> 
       <textblock text={}> 
       </rectangle> 
       </border> 
        <Image Margin="-30,0,0,45" height = "75"/> 
      </Stackpanel> 

はのStackPanelの左側にあるように矩形の高さを低減するために画像height.Try未満であるべきである画像のマージンを揃えるようにしてください矩形の角の半径はこれも役立ちます。

Answer 2

こんにちは私は男...あなたはmainpage.csで国境

 <ListBox ItemsSource="{Binding alldata}" Height="500" HorizontalAlignment="Left" Margin="12,160,0,0" Name="listBox3" VerticalAlignment="Top" Width="438" Background="Black"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 

       <Border BorderThickness="1" BorderBrush="White"> 
       <StackPanel Height="250" Orientation="Vertical" Name="stackPanel1" Width="400" > 


        <Border Margin="30,40,0,120" BorderThickness="1" BorderBrush="White"> 
          <Canvas Height="100"> 
           <TextBlock Text="Catalogue" Margin="160,50"> </TextBlock> 
          </Canvas> 
         </Border> 

         <Image Height="150" Width="160" Margin="-400,-400,-200,0" Source="{Binding image}"> 

         </Image> 


        </StackPanel> 
       </Border> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 

で重複した画像を得ることができ、これを試してみてください返信するコードに

 Uri uri = new  Uri("http://d1mu9ule1cy7bp.cloudfront.net/2012/media/catalogues/47/pages/p_"+ i +"/thump.jpg", UriKind.Absolute); 
      ImageSource imgSource = new BitmapImage(uri); 
      Image image = new Image(); 

alldata data = new alldata(){image = img.source, text = "catalogue"}; 


    public class alldata 
{ 
    public imagesource image 
    public string text 
}