डब्ल्यूपीएफ - रन-ऑफ-द-मिल के लिए सर्वश्रेष्ठ अभ्यास [लेबल: इनपुट] नियंत्रण

Question

मैं सोच रहा हूं, प्रसिद्ध लेबल इनपुट [या आउटपुट, कोई फर्क नहीं पड़ता] संयोजन प्राप्त करने का सबसे अच्छा और तेज़ तरीका कौन सा है डब्ल्यूपीएफ में इसका एक सरल कार्य, बस "वस्तु" की एक त्वरित उत्पादन के बारे में सोच मुझे:

---

नाम - ईसाई

उम्र - 28

मूड - अच्छा

---

मैं पता है, मैं टेक्स्टब्लॉक के साथ ग्रिड का उपयोग कर सकता हूं। लेकिन ईमानदार होने के लिए, इसके लिए "शॉर्ट" एक्सएएमएल लगभग आधा पृष्ठ लंबा है (प्रत्येक लेबल पर पंक्ति परिभाषाएं, कॉलडिफ, ग्रिड.कॉल)

वैकल्पिक रूप से, तीन स्टैकपैनल्स (क्षैतिज) का उपयोग करके एक लंबवत लगता है थोड़ा बेवकूफ। इस मामले में, इंडेंट को सही करने के लिए, मुझे प्रत्येक लेबल को एक निश्चित चौड़ाई देना होगा। और यह सिर्फ सही "महसूस" नहीं करता है।

तो, उपर्युक्त स्थिति को देखते हुए, आपको 3-6 गुणों के साथ एक कस्टम ऑब्जेक्ट मिला है, जिसे आप केवल अपने जीयूआई के रूप में डंप करना चाहते हैं, आप इसे कैसे करेंगे (डब्ल्यूपीएफ, सिल्वरलाइट में भी, यदि आप वास्तव में हैं मूड :)

मैं निश्चित रूप से इसके लिए उपयोगकर्ता नियंत्रण लिख सकता हूं। लेकिन आगे भी उदाहरण मैं सिर्फ वास्तविक जीवन में बनाया वर्णन करने के लिए, पहिया बदलने, अगर यह पहले से ही वहाँ हो सकती है ...

और अंत में, और इस पोस्ट के लिए कारण था:

 <StackPanel> 
     <StackPanel Orientation="Horizontal"> 
      <TextBlock Text="Log Count" Width="100"/> 
      <TextBlock Text="{Binding LastLogRun.LogMessageCount}"/> 
     </StackPanel> 
     <StackPanel Orientation="Horizontal"> 
      <TextBlock Text="Start Time" Width="100"/> 
      <TextBlock Text="{Binding LastLogRun.StartTime}"/> 
     </StackPanel> 
     <StackPanel Orientation="Horizontal"> 
      <TextBlock Text="End Time" Width="100"/> 
      <TextBlock Text="{Binding LastLogRun.EndTime}"/> 
     </StackPanel> 
    </StackPanel> 

Answer 1

यदि आप 3.5sp1 का उपयोग कर रहे हैं तो आप बाध्यकारी में स्ट्रिंगफॉर्मेट का उपयोग कर सकते हैं। कुछ इस तरह काम करना चाहिए ...

<TextBlock Text="{Binding LastLogRun.LogMessageCount, StringFormat={}Log Count - {0}}" /> 

Answer 2

शायद आपको अपने यूआई पर पुनर्विचार करना चाहिए। आप एक ही पंक्ति पर लेबल - टेक्स्टबॉक्स क्यों चाहते हैं? यह अंतरिक्ष का एक भयानक अपशिष्ट है।

टेक्स्टबॉक्स पर लेबल क्यों नहीं? तो फिर तुम एक सरल यूआई और सरल XAML मिल गया है:

<StackPanel Orientation="Vertical"> 
    <TextBlock>Name</TextBlock> 
    <TextBox /> 
    <TextBlock>Age</TextBlock> 
    <TextBox /> 
    <TextBlock>Mood</TextBlock> 
    <TextBox /> 
</StackPanel> 

अपने TextBlocks के लिए कुछ स्टाइल जोड़ें और आप एक अच्छा, स्वच्छ यूआई मिल गया है, बहुत कम दोहराव के साथ।

Answer 3

आप साझा आकार समूहों का उपयोग दो अच्छी तरह से लाइन-अप स्तंभों की ऑटो-आकार ग्रिड व्यवहार प्राप्त करने के लिए कर सकता है, जबकि अभी भी एक UserControl में जटिलता बाहर निकलने के लिए सक्षम किया जा रहा ।

यहां लेबल किए गए एडिट नियंत्रण का उपयोग करने का एक उदाहरण है जो आप जो खोज रहे हैं वह करेगा। जटिलता सभी UserControl में दूर कर दिया गया है पर निर्भर करता है, और तुम सब करने की जरूरत है StackPanel पर Grid.IsSharedSizeScope स्थापित करने के लिए याद है:

<Window x:Class="WpfApplication5.Window1" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:WpfApplication5" 
     Name="Self" Title="Window1" Height="300" Width="300"> 
    <StackPanel Grid.IsSharedSizeScope="True"> 
     <local:LabeledEdit Label="Name"/> 
     <local:LabeledEdit Label="Age" Text="28"/> 
     <!-- and with databinding... --> 
     <local:LabeledEdit Label="Width" 
          Text="{Binding Width, ElementName=Self}"/> 
     <local:LabeledEdit Label="Height" 
          Text="{Binding Height, ElementName=Self}"/> 
    </StackPanel> 
</Window> 

और यहाँ UserControl के लिए स्रोत कोड है। LabeledEdit.xaml:

<UserControl x:Class="WpfApplication5.LabeledEdit" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      Name="Self"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto" SharedSizeGroup="LabeledEdit_Labels"/> 
      <ColumnDefinition Width="*"/> 
     </Grid.ColumnDefinitions> 
     <Label Grid.Column="0" Content="{Binding Label, ElementName=Self}"/> 
     <TextBox Grid.Column="1" Text="{Binding Text, ElementName=Self}"/> 
    </Grid> 
</UserControl> 

LabeledEdit.xaml।सीएस:

using System.Windows; 

namespace WpfApplication5 
{ 
    public partial class LabeledEdit 
    { 
     public static readonly DependencyProperty LabelProperty = 
      DependencyProperty.Register("Label", typeof(object), typeof(LabeledEdit)); 
     public static readonly DependencyProperty TextProperty = 
      DependencyProperty.Register("Text", typeof(string), typeof(LabeledEdit), 
      new FrameworkPropertyMetadata("", FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)); 

     public LabeledEdit() 
     { 
      InitializeComponent(); 
     } 

     public object Label 
     { 
      get { return GetValue(LabelProperty); } 
      set { SetValue(LabelProperty, value); } 
     } 
     public string Text 
     { 
      get { return (string)GetValue(TextProperty); } 
      set { SetValue(TextProperty, value); } 
     } 
    } 
} 

Answer 4

silverlight toolkit एक DataForm नियंत्रण है कि बहुत अच्छा काम करता है!