source

WPF에서 폭을 100%로 설정하는 방법

factcode 2023. 5. 14. 11:09
반응형

WPF에서 폭을 100%로 설정하는 방법

WPF의 구성 요소가 사용 가능한 공간의 100%를 차지하도록 지시하는 방법이 있습니까?

맘에 들다

width: 100%;  

CSS로

저는 이 XAML을 가지고 있는데 어떻게 그리드가 폭을 100% 차지하도록 강요하는지 모르겠습니다.

<ListBox Name="lstConnections">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <Grid Background="LightPink">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto"/>
          <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
          <RowDefinition Height="Auto"/>
          <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0" Grid.Column="0" Text="{Binding Path=User}" Margin="4"></TextBlock>
        <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Path=Password}" Margin="4"></TextBlock>
        <TextBlock Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding Path=Host}" Margin="4"></TextBlock>
      </Grid>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

결과는 다음과 같습니다.

alt 텍스트 http://foto.darth.cz/pictures/wpf_width.jpg

핑크색으로 만들어서 공간이 얼마나 걸리는지 뻔해요.저는 분홍색 그리드를 100% 너비로 만들어야 합니다.

그것은 그것의 컨테이너입니다.Grid그것은 그것의 폭에 과중한 것입니다.이 경우, 그것은ListBoxItem기본적으로 왼쪽 정렬됩니다.다음과 같이 확장되도록 설정할 수 있습니다.

<ListBox>
    <!-- other XAML omitted, you just need to add the following bit -->
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalAlignment" Value="Stretch"/>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

사용할 수 있습니다.HorizontalContentAlignment="Stretch"다음과 같이:

<ListBox HorizontalContentAlignment="Stretch"/>

언급URL : https://stackoverflow.com/questions/787436/how-to-set-width-to-100-in-wpf

반응형