2016-04-07 13 views
1

Düğme için bir kenarlık ayarladığımda, örneğin, bir dış kenarlıktır. Ama ya ortalanmış ya da içte olmasını istersem, en basit yol ne olurdu? Burada, Bu yüzden örnek yeniden oluşturmak içinWPF'de dış, ortalanmış ve iç kenarlık nasıl ayarlanır?

http://i.imgur.com/88ibeiz.jpg

+0

Sadece css ekleme etkisinin karşılığı gibi mi yapmaya çalışıyorsunuz? Bu bir öğe DropShadowEffect kullanımı ile yapılabilir, ancak diğerleri 'Sınır' şu anda bu işlevselliği desteklemediği için iki tane gerektirir. –

+0

Ben öyle düşünmüyorum. Css inset etkisi sınırı 3D yapmak değil mi? – Sipo

+0

Özniteliklerini buna göre ayarlarsanız, büyük ihtimalle, boyut veya kenarlık veya içeriğin dahil edilmesine karar verilen kutu boyutlandırma css gibi daha fazla beğenmeliydim. gösteriliyor, ancak sonra ne olduğunu gösterebilirseniz, muhtemelen basit bir alternatif teknik sağlayabiliriz. –

cevap

3

şipşak konsept örneği alternatifleri var: Burada

ne demek olduğunu. Bu yardımcı olur

enter image description here

Umut, şerefe: Ancak

<StackPanel> 
    <StackPanel.Resources> 
     <Style TargetType="Border"> 
      <Setter Property="BorderBrush" Value="#570000FF"/> 
      <Setter Property="BorderThickness" Value="10"/> 
      <Setter Property="Height" Value="50"/> 
      <Setter Property="Width" Value="100"/> 
      <Setter Property="Margin" Value="10"/> 
     </Style> 
     <Style TargetType="Rectangle"> 
      <Setter Property="Stroke" Value="Black"/> 
      <Setter Property="StrokeThickness" Value="1"/> 
     </Style> 
    </StackPanel.Resources> 

    <Border> 
     <Rectangle/> 
    </Border> 

    <Border> 
     <Rectangle Margin="-5"/> 
    </Border> 

    <Border BorderBrush="Black" BorderThickness="1"> 
     <Rectangle Stroke="#570000FF" StrokeThickness="10"/> 
    </Border> 

</StackPanel> 

Sonucu ... işte aynı etkilere başarabilirsiniz farklı şekillerde bir demet ama burada en az birkaç var.

+0

Belki de aynı şeydir ama benim örneğimde, siyah çizgi tüm örneklerde aynıdır ve mavi sınırdır. Aynı prensip mi? Ben WPF için çok yeni, bu yüzden aptalca bir soru olabilir ... Çok teşekkürler! – Sipo

+0

@Sipo Karşılaştırma temeli olarak neler kullanıyorsunuz? Örneğinizin her biri, 2 satırlık etkinliğe sahiptir, çünkü ince çizgi ve kalın çizgi, örneğin Adobe Illustrator'da bir Anahat Yolu oluşturmadan, karşılaştığım her şeyde aynı olmaz. Örneğin, sınırın css eşdeğerini yapsaydınız: mavi 10px katı; 'herhangi bir yerde ince siyah bir çizgi bekleyemezsiniz. –

+0

Örneklerinizi denedikten sonra - onları amacım için kullanmayı başardım. Çok sağol! Ayrıca, bu fikir, Adobe Photoshop'taki bir katmanın karıştırma seçenekleri içindeki Kontur efektinden geliyor. :) – Sipo

İlgili konular