Simples (acho) Linha Horizontal no WPF?

228

Criando um formulário de entrada de dados relativamente simples e apenas deseja separar determinadas seções com uma linha horizontal (não muito diferente de uma tag HR em HTML) que estende todo o comprimento do formulário.

Eu tentei isso:

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

Como o controle pai não é uma largura fixa, essa linha faz com que a janela se estenda até a largura total da tela.

Existe uma maneira fácil de fazer isso sem corrigir a largura do meu controle / janela pai?

wpf xaml wpf-controls

— Phil Sandler
fonte

3

A resposta é [aqui] [1]. Eu prefiro a resposta de mletterle. [1]: stackoverflow.com/questions/4011571/…

— Empilhado

522

Que tal adicionar isso ao seu xaml:

<Separator/>

— Adel Hazzah
fonte

9

solução brilhante e uma etiqueta!

7

Eu não entendo como isso é uma solução. Eu adiciono um separador e não vejo nenhuma linha. Que configuração é necessária ao colocar o separador dentro de um painel de layout padrão, como um Grid, para que ele apareça como uma regra horizontal?

— jpierson

Concordo, parece que isso não funciona para alguns controles

— Justin Pihony

12

@jpierson Se você adicioná-lo a uma grade, provavelmente precisará atribuí-lo a uma linha e coluna como qualquer outro controle. Caso contrário, provavelmente aparecerá na primeira linha / coluna e você sentirá falta. (Ele funciona corretamente em um StackPanel.)

— ANeves

5

Observe que <Separator/>será lido em voz alta pelos leitores de tela. Se <Separator/>for usado para realmente separar grupos de itens na interface do usuário, esta é uma solução perfeita. Onde o uso da linha tiver razões puramente estéticas, sugiro usar <Line/>ou <Rectangle/>não.

— Simon Rozman

77

Eu tive o mesmo problema e, finalmente, optei por usar um elemento Rectangle:

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

Na minha opinião, é um pouco mais fácil modificar / moldar do que um separador. Claro que Separatoré uma solução muito fácil e organizada para separações simples :)

— Deruijter
fonte

2

Funciona no Silverlight 5, enquanto Seperatornão.

— ManmegaMan 29/09/2014

14

Use uma borda de altura 1 e não defina a largura (ou seja, Largura = Auto, HorizontalAlignment = Stretch, o padrão)

— Ana Betts
fonte

2

É útil para separadores verticais de qualquer maneira:<Border Width="1" Margin="2" Background="#8888"/>

— Qwertie

8

Para qualquer outra pessoa que esteja lutando com isso: o comentário de Qwertie funcionou bem para mim.

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

Isso cria um separador vertical que você pode atender às suas necessidades.

— P_Fitz
fonte

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>

— shaiju mathew
fonte