2016-04-07 40 views
1

たとえば、ボタンの境界線を設定すると、外側の境界線になります。しかし、もし私がそれを中心にしたい、あるいは内にしたいなら、どうすれば最も簡単な方法でしょうか?ここで、だからあなたの例を再作成するWPFでは、外側、中央、内側の境界を設定する方法は?

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

+0

あなたはCSSのインセット効果に相当するようにしようとしていますか?これは、1つの要素でDropShadowEffectを使用して行うことができますが、他の要素では、「Border」はその時点でその機能をサポートしていないため、2つが必要です。 –

+0

私はそうは思わない。境界線の3Dを作るCSSのインセット効果はありませんか? – Sipo

+0

それに応じて属性を設定することができますが、私はおそらく、サイズが境界やコンテンツなどを含むと判断されるボックスサイズのCSSの賢明さに似ているはずです。ボーダーのようなプロパティはありません。あなたが何をしているのかを表示できるのであれば、簡単な代替技術を提供する可能性があります。 –

答えて

3

急ごしらえ概念の例の選択肢です:ここで

は、私が何を意味するかです。このことができます

enter image description here

希望、歓声:しかし

<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> 

結果...そこには、同じ効果を達成することができるさまざまな方法の束ですが、ここで少なくとも数です。

+0

多分同じ事ですが、私の例では、すべての例で黒線が同じで、青が境界です。それは同じ原則ですか?私はWPFにはとても慣れていないので、愚かな質問かもしれません...ありがとう! – Sipo

+0

@Sipoあなたは比較の基礎として何を使用していますか?細い線と太い線は、Adobe Illustratorでアウトラインパスを作成しない限り、私が遭遇したものと同じではないので、それぞれの例は2つのボーダーを効果的に持っています。たとえば、 'border:blue 10px solid;'と同じCSSを実行した場合、細い黒い線もどこにでも置くことはできません。 –

+0

あなたの例を試した後、私は自分の目的のためにそれらを使用することができました。どうもありがとうございます! また、このアイデアは、Adobe Photoshopのレイヤーのブレンドオプション内の「ストローク」エフェクトから発生します。 :) – Sipo

関連する問題