WPF에서 단순 (제 생각에) 수평선?

228

비교적 간단한 데이터 입력 양식을 작성하고 특정 섹션을 양식의 전체 길이를 확장하는 HTML (HR의 HR 태그와 다르지 않음)로 구분하려고합니다.

나는 이것을 시도했다 :

<Line Stretch="Fill" Stroke="Black" X2="1"/>

부모 컨트롤이 고정 너비가 아니기 때문에이 줄은 창을 화면의 전체 너비로 늘립니다.

부모 컨트롤 / 창의 너비를 수정하지 않고이 작업을 수행하는 쉬운 방법이 있습니까?

wpf xaml wpf-controls

— 필 샌들러
소스

3

대답은 [여기] [1]입니다. 나는 mletterle의 대답을 선호합니다. [1] : stackoverflow.com/questions/4011571/…

— 누적

522

이것을 xaml에 추가하는 방법은 다음과 같습니다.

<Separator/>

— 아델 하사
소스

9

훌륭한 솔루션과 하나의 태그!

7

이것이 어떻게 해결책인지 이해하지 못합니다. 구분 기호를 추가했는데 줄이 표시되지 않습니다. 격자와 같은 표준 레이아웃 패널 내에 구분 기호를 배치 할 때 수평 규칙처럼 보이도록하려면 어떤 구성이 필요합니까?

— jpierson

동의합니다. 일부 컨트롤에서는 작동하지 않는 것 같습니다

— Justin Pihony

12

@jpierson 그리드에 추가하는 경우 다른 컨트롤과 마찬가지로 행과 열에 할당해야합니다. 그렇지 않으면 아마도 첫 번째 행 / 열에 나타나고 놓칠 것입니다. (StackPanel에서 제대로 작동합니다.)

— ANeves

5

제발 참고 <Separator/>읽기 소리내어됩니다 화면 판독기. <Separator/>실제로 UI에서 항목 그룹을 분리하는 데 사용되는 경우 완벽한 솔루션입니다. 선을 사용하는 것이 순수한 미학적 이유가있는 경우 <Line/>또는 <Rectangle/>대신을 사용하는 것이 좋습니다 .

— Simon Rozman

77

나는 같은 문제가 있었고 결국 Rectangle 요소를 사용하기로 결정했습니다.

<Rectangle HorizontalAlignment="Stretch" Fill="Blue" Height="4"/>

내 의견으로는 구분 기호보다 수정 / 모양이 다소 쉽습니다. 물론 Separator간단한 분리를위한 매우 쉽고 깔끔한 솔루션입니다 :)

— 데루 이터
소스

2

Silverlight 5에서는 Seperator작동 하지만 그렇지 않습니다.

— ΩmegaMan

14

높이 1의 테두리를 사용하고 너비를 설정하지 마십시오 (예 : 너비 = 자동, 가로 정렬 = 늘이기, 기본값)

— 아나 베츠
소스

2

어쨌든 세로 구분 기호에 편리합니다.<Border Width="1" Margin="2" Background="#8888"/>

— Qwertie

8

누군가를 위해 다른 사람이 고민 : Qwertie의 의견은 나를 위해 잘 작동.

<Border Width="1" Margin="2" Background="#8888"/>

이것은 당신이 당신의 필요에 맞게 talior 수있는 수직 분리기를 만듭니다.

— P_ 피츠
소스

3

To draw Horizontal 
************************    
<Rectangle  HorizontalAlignment="Stretch"  VerticalAlignment="Center" Fill="DarkCyan" Height="4"/>

To draw vertical 
*******************
 <Rectangle  HorizontalAlignment="Stretch" VerticalAlignment="Center" Fill="DarkCyan" Height="4" Width="Auto" >
        <Rectangle.RenderTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform Angle="90"/>
                <TranslateTransform/>
            </TransformGroup>
        </Rectangle.RenderTransform>
    </Rectangle>

— 샤이 주 매튜
소스