WPF- এ গ্রিড সারিটি লুকান H

Question 1

ফর্মটিতে Gridঘোষিত একটি সাধারণ ডাব্লুপিএফ ফর্ম আমার কাছে রয়েছে । এই Gridসারি একটি গুচ্ছ আছে:

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

নামের সারিটিতে rowToHideকয়েকটি ইনপুট ক্ষেত্র রয়েছে এবং সনাক্ত করার পরে আমার এই ক্ষেত্রগুলির প্রয়োজন নেই আমি এই সারিটি আড়াল করতে চাই। কেবল Visibility = Hiddenসারিটির সমস্ত আইটেম সেট করার পক্ষে এটি যথেষ্ট সহজ তবে সারিটি এখনও এর মধ্যে স্থান নেয় Grid। আমি Height = 0আইটেমগুলিতে সেট করার চেষ্টা করেছি , তবে এটি কার্যকর হয়নি বলে মনে হচ্ছে।

আপনি এটির মতো এটি ভাবতে পারেন: আপনার একটি ফর্ম রয়েছে, সেখানে "পেমেন্টের ধরণ" বলে আপনার একটি ড্রপ ডাউন রয়েছে এবং সেই ব্যক্তি যদি "নগদ" নির্বাচন করেন, আপনি কার্ডের বিশদ সম্বলিত সারিটি আড়াল করতে চান। ইতিমধ্যে এই লুকানো দিয়ে ফর্মটি শুরু করার কোনও বিকল্প নয়।

Question 2

সারিটির কোনও দৃশ্যমান সম্পত্তি নেই, তাই অন্যরা যেমন বলেছে, আপনাকে উচ্চতা নির্ধারণ করতে হবে। আর একটি বিকল্প রূপান্তরকারী ব্যবহার করা উচিত, যদি আপনাকে অনেক দর্শনে এই কার্যকারিতাটির প্রয়োজন হয়:

    [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;
        }
    }

এবং তারপরে উপযুক্ত দৃশ্যে <Grid.RowDefinition>:

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

Question 3

সারি বা কলামগুলি ভেঙে যাওয়ার সর্বোত্তম এবং পরিষ্কার সমাধান হ'ল ডেটা ট্রিগার ব্যবহার করা যাতে আপনার ক্ষেত্রে হয়:

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

Question 4

আপনি গ্রিডে সারিটি উল্লেখ করে এবং তারপরে সারিটির উচ্চতা পরিবর্তন করেও এটি করতে পারেন।

এক্সএএমএল

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

ভিবি.এনইটি

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

গ্রিডের মধ্যে থাকা উপাদানগুলির সঙ্কুচিত হওয়াও কাজ করে, আপনার যদি গ্রিডে এমন অনেকগুলি আইটেম থাকে যাতে কোনও সংলগ্ন উপাদান না থাকে যা ভেঙে যেতে পারে তবে এটি কিছুটা সহজ। এটি একটি ভাল বিকল্প প্রদান করবে।

Question 5

অবগতির জন্য, Visibilityতিন রাষ্ট্র System.Windows.Visibility শুমার:

দৃশ্যমান - উপাদানটি রেন্ডার হয়ে যায় এবং বিন্যাসে অংশ নেয়।
সঙ্কুচিত - উপাদানটি অদৃশ্য এবং লেআউটে অংশ নেয় না। কার্যকরভাবে এটিকে 0 এর উচ্চতা এবং প্রস্থ দেওয়া এবং এমন আচরণ করা যেন এটির অস্তিত্ব নেই।
লুকানো - উপাদানটি অদৃশ্য তবে লেআউটে অংশ নিতে চলেছে।

ডাব্লুপিএফ টিপস এবং ট্রিকস থ্রেডে এই টিপ এবং অন্যান্য টিপস দেখুন ।

Question 6

গ্রিড সারিটির সাথে ঝাঁকুনির পরিবর্তে আপনি নিয়ন্ত্রণগুলির (সারির ক্ষেত্রগুলি) এর দৃশ্যমান বৈশিষ্ট্যটিকে "সঙ্কুচিত" করতে পারেন। এটি নিশ্চিত করবে যে নিয়ন্ত্রণগুলি কোনও স্থান গ্রহণ করবে না এবং যদি আপনার গ্রিড রো উচ্চতা = "অটো" থাকে তবে সারিটির সমস্ত কন্ট্রোলের দৃশ্যমানতা = "সঙ্কুচিত" থাকায় সারিটি লুকানো থাকবে।

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

এই পদ্ধতিটি আরও ভাল কারণ নিয়ন্ত্রণগুলির দৃশ্যমানতা কোনও কনভার্টারের সাহায্যে কিছু সম্পত্তিতে আবদ্ধ হতে পারে।

Question 7

কেবল এটি করুন:
rowToHide.Height = new GridLength(0);

আপনি যদি ব্যবহার করেন visibility.Collapseতবে আপনাকে এটি সারির প্রতিটি সদস্যের জন্য নির্ধারণ করতে হবে।

Question 8

সারিটির সামগ্রীটির দৃশ্যমানতা গোপনের Visibility.Collapsedপরিবর্তে সেট করুন । এটি সামগ্রীটি স্থান গ্রহণ বন্ধ করবে এবং সারিটি যথাযথভাবে সঙ্কুচিত হবে।

Question 9

রাউডিফিনিশন উত্তরাধিকারসূত্রে প্রাপ্ত (একইভাবে আগ্রহের জন্য) আমারও একই ধারণা ছিল

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

এখন আপনি এটি নিম্নলিখিত হিসাবে ব্যবহার করতে পারেন:

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

এবং সাথে টগল করুন

RowToHide.IsHidden = !RowToHide.IsHidden;