डब्ल्यूपीएफ ग्रिड

Question

में बाल नियंत्रण के बीच अंतर मेरे पास एक WPF विंडो पर प्रदर्शित करने के लिए कुंजी/वैल्यू जोड़े का एक सेट है। मैं बहुत की तरह उन्हें बाहर रखना एक ग्रिड का उपयोग कर रहा हूँ:

<Grid Margin="4"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <Label Grid.Row="0" Grid.Column="0">Code</Label> 
    <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Code}"/> 

    <Label Grid.Row="1" Grid.Column="0">Name</Label> 
    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Name}"/> 
</Grid> 

लेकिन जब मैं इस प्रदर्शित करते हैं, बक्सें उनके ऊपर और नीचे की सीमाओं/नीचे ऊपर पाठ बॉक्स को छूने के साथ कुचल कर रहे हैं। इस लेआउट में पंक्तियों में लंबवत स्थान जोड़ने का सबसे अच्छा तरीका क्या है?

Answer 1

व्यक्तिगत नियंत्रण पर मार्जिन सेट करना सबसे आसान तरीका है। इसे टेक्स्टबॉक्स पर सेट करना पर्याप्त होना चाहिए, क्योंकि एक बार जब वे बाहर निकलते हैं तो लेबल प्रत्येक पंक्ति के केंद्र में लंबवत सेट हो जाएंगे और वैसे भी बहुत सारी जगह होगी।

आप एक बार किसी शैली का उपयोग यह निर्धारित कर सकते हैं:

<Grid Margin="4"> 
    <Grid.Resources> 
     <Style TargetType="{x:Type TextBox}"> 
      <Setter Property="Margin" Value="0,0,0,4" /> 
     </Style> 
    </Grid.Resources> 

    ... 
</Grid> 

यह आपके ग्रिड के अंदर किसी भी पाठ बॉक्स के नीचे करने के लिए एक 4 पिक्सेल मार्जिन जोड़ देगा।

Answer 2

एक और अच्छा दृष्टिकोण यहाँ देखा जा सकता: http://blogs.microsoft.co.il/blogs/eladkatz/archive/2011/05/29/what-is-the-easiest-way-to-set-spacing-between-items-in-stackpanel.aspx

इससे पता चलता है, एक संलग्न व्यवहार बनाने का तरीका तो इस तरह कि वाक्य रचना काम करेगा:

<StackPanel local:MarginSetter.Margin="5"> 
    <TextBox Text="hello" /> 
    <Button Content="hello" /> 
    <Button Content="hello" /> 
</StackPanel> 

यह सबसे आसान & सबसे तेज़ तरीका है एक पैनल के कई बच्चों को मार्जिन सेट करें, भले ही वे एक ही प्रकार के न हों। (आईई बटन, टेक्स्टबॉक्स, कॉम्बोबॉक्स, इत्यादि)

Answer 3

टेक्स्टबॉक्स के वर्टिकल एलाइनमेंट को केंद्र में सेट करने के बारे में क्या?

<Grid Margin="4"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="Auto"/> 
        <ColumnDefinition/> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 

       <Label Grid.Row="0" Grid.Column="0">Code</Label> 
       <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Code}" VerticalAlignment="Center"/> 

       <Label Grid.Row="1" Grid.Column="0">Name</Label> 
       <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Name}" VerticalAlignment="Center"/> 
      </Grid>