WPF'de ızgara satırını gizle

Formda Gridbeyan edilen basit bir WPF formum var . Bu Gridsatırların bir grup var:

<Grid.RowDefinitions>
    <RowDefinition Height="Auto" MinHeight="30" />
    <RowDefinition Height="Auto" Name="rowToHide" />
    <RowDefinition Height="Auto" MinHeight="30" />
</Grid.RowDefinitions>

Adlı satır rowToHidebirkaç giriş alanı içeriyor ve bu alanlara ihtiyacım olmadığını belirledikten sonra bu satırı gizlemek istiyorum. Visibility = HiddenSatırdaki tüm öğelere ayarlamak yeterince basit , ancak satır yine de Grid. Height = 0Öğeleri ayarlamayı denedim , ama bu işe yaramadı.

Şöyle düşünebilirsiniz: Bir formunuz var, orada "Ödeme Tipi" yazan bir açılır menü var ve kişi "Nakit" i seçerse, Kart ayrıntılarını içeren satırı gizlemek istersiniz. Formu bu gizli olarak başlatmak bir seçenek değildir.

Row'un Görünürlük özelliği yoktur, bu nedenle diğerlerinin de söylediği gibi, Yüksekliği ayarlamanız gerekir. Diğer bir seçenek, birçok görünümde bu işleve ihtiyaç duymanız durumunda bir dönüştürücü kullanmaktır:

    [ValueConversion(typeof(bool), typeof(GridLength))]
    public class BoolToGridRowHeightConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return ((bool)value == true) ? new GridLength(1, GridUnitType.Star) : new GridLength(0);
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {    // Don't need any convert back
            return null;
        }
    }

Ve sonra uygun görünümde <Grid.RowDefinition>:

<RowDefinition Height="{Binding IsHiddenRow, Converter={StaticResource BoolToGridRowHeightConverter}}"></RowDefinition>

Satırları veya sütunları daraltmanın en iyi ve temiz çözümü, sizin durumunuzda bir DataTrigger kullanmaktır:

<Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" MinHeight="30" />
      <RowDefinition Name="rowToHide">
        <RowDefinition.Style>
          <Style TargetType="{x:Type RowDefinition}">
            <Setter Property="Height" Value="Auto" />
            <Style.Triggers>
              <DataTrigger Binding="{Binding SomeBoolProperty}" Value="True">
                <Setter Property="Height" Value="0" />
              </DataTrigger>
            </Style.Triggers>
          </Style>
        </RowDefinition.Style>
      </RowDefinition>
      <RowDefinition Height="Auto" MinHeight="30" />
    </Grid.RowDefinitions>
  </Grid>

Bunu ayrıca Izgaradaki Satırı referans alarak ve ardından satırın Yüksekliğini değiştirerek de yapabilirsiniz.

XAML

<Grid Grid.Column="2" Grid.Row="1" x:Name="Links">
   <Grid.RowDefinitions>
      <RowDefinition Height="60" />
      <RowDefinition Height="*" />
      <RowDefinition Height="*" />
      <RowDefinition Height="80" />
   </Grid.RowDefinitions>
</Grid>

VB.NET

If LinksList.Items.Count > 0 Then
   Links.RowDefinitions(2).Height = New GridLength(1, GridUnitType.Star)
Else
   Links.RowDefinitions(2).Height = New GridLength(0)
End If

Izgara içindeki öğelerin Daraltılması da işe yarasa da, Izgarada daraltılabilen çevreleyen bir öğeye sahip olmayan birçok öğeniz varsa bu biraz daha basittir. Bu, iyi bir alternatif sağlayacaktır.

Başvuru için, Visibilityüç durumlu bir System.Windows.Visibility numaralandırmasıdır:

• Görünür - Öğe oluşturulur ve düzene katılır.
• Daraltılmış - Öğe görünmezdir ve düzene katılmaz. Etkili bir şekilde 0 yükseklik ve genişlik verir ve yokmuş gibi davranır.
• Gizli - Öğe görünmez, ancak düzene katılmaya devam ediyor.

Bu ipucuna ve WPF İpuçları ve Püf Noktaları başlığındaki diğer ipuçlarına bakın .

Izgara Satırı ile uğraşmak yerine, Kontrollerin Görünürlük özelliğini (satırdaki alanlar) "Daraltılmış" olarak ayarlayabilirsiniz. Bu, kontrollerin herhangi bir yer kaplamamasını sağlar ve Grid Row Height = "Auto" değerine sahipseniz, satırdaki tüm kontrollerin Visibility = "Collapsed" olması nedeniyle satır gizlenecektir.

<Grid>
       <Grid.RowDefinitions>
         <RowDefinition Height="Auto" />
         <RowDefinition Height="Auto" Name="rowToHide" />
       </Grid.RowDefinitions>

   <Button Grid.Row=0 Content="Click Me" Height="20">
       <TextBlock Grid.Row=1 
Visibility="{Binding Converter={StaticResource customVisibilityConverter}}" Name="controlToHide"/>

</Grid>

Bu yöntem daha iyidir, çünkü kontrollerin Görünürlüğü bir Dönüştürücü yardımıyla bazı özelliklere bağlanabilir.

Basitçe şunu yapın:
rowToHide.Height = new GridLength(0);

u kullanacaksanız, visibility.Collapseu satırın her üyesi için ayarlamanız gerekir.

Satırın içerik görünürlüğünü Visibility.CollapsedGizli yerine olarak ayarlayın . Bu, içeriğin yer kaplamasını durduracak ve satır uygun şekilde küçülecektir.

RowDefinition'ı miras alarak benzer bir fikrim vardı (sadece ilgi için)

public class MyRowDefinition : RowDefinition
{
    private GridLength _height;

    public bool IsHidden
    {
        get { return (bool)GetValue(IsHiddenProperty); }
        set { SetValue(IsHiddenProperty, value); }
    }

    // Using a DependencyProperty as the backing store for IsHidden.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsHiddenProperty =
        DependencyProperty.Register("IsHidden", typeof(bool), typeof(MyRowDefinition), new PropertyMetadata(false, Changed));

    public static void Changed(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var o = d as MyRowDefinition;
        o.Toggle((bool)e.NewValue);
    }

    public void Toggle(bool isHidden)
    {
        if (isHidden)
        {
            _height = this.Height;
            this.Height = new GridLength(0, GridUnitType.Star);
        }                                                     
        else
            this.Height = _height;
    }          
}

Şimdi aşağıdaki gibi kullanabilirsiniz:

 <Grid.RowDefinitions>
        <RowDefinition Height="2*" />
        <my:MyRowDefinition Height="4*" IsHidden="false" x:Name="RowToHide" />
        <RowDefinition Height="*" />
        <RowDefinition Height="60" />
    </Grid.RowDefinitions>

ve ile geçiş yapın

RowToHide.IsHidden = !RowToHide.IsHidden;