WPF - run-of-the-mill [Etiket: Girdi] için En İyi Uygulama Kontrolü

Question

merak ediyorum

, iyi bilinen Etiket Girişini almak için en iyi ve en hızlı yoludur [veya çıkışı, önemli değil] kombinasyonu WPF'de. Onun basit bir görev, sadece "nesne" nin hızlı bir çıkış düşünüyorum ME:

---

Ad - Christian

Yaş - 28

Mood - İyi

---

ben biliyorum, TextBlocks ile bir Izgara kullanabilirsiniz. Ama dürüst olmak gerekirse, bunun için "kısa" XAML neredeyse bir sayfa uzunluğundadır (RowDefinitions, ColDefs, her bir etiket üzerindeki Grid.Col)

Üç dikey StackPanels (yatay) bir dikey kullanarak alternatif bir yöntem de görünüyor. biraz aptal. Bu durumda, bir girinti doğru almak üzere, her bir etiket sabit bir genişlik elde gerekir. Ve sadece "hissetme" doğru değil.

Yukarıdaki Durum göz önüne alındığında, 3-6 Özellikleri ile GUI'nize salt okunur olarak dökmek istediğiniz özel bir nesneye sahip olursunuz, bunu nasıl yaparsınız (WPF'de, Silverlight'ta da, gerçekten de ruh hali :).

Ben, tabii, bunun için bir usercontrol yazabilir. Ama neden zaten var mı diye ...

tekerleği yeniden icat Ve son olarak, daha da sadece gerçek hayatta yaratılan örnek göstermek için ve bu yazı nedeni vardı:

 <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

Eğer kullanıyorsanız. Hala bir UserControl içine karmaşıklığı çekin mümkün olurken Böyle bir şey,

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

Answer 2

Belki de UI'nizi tekrar düşünmelisiniz. Neden aynı satırda Label - Textbox'ı istiyorsunuz? Bu korkunç bir yer israfı.

Neden texbox üzerinde Etiket? Sonra basit bir kullanıcı arayüzü ve basit XAML var:

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

sizin TextBlocks için bazı stil ekleyin ve çok az tekrarlama ile bir güzel, temiz UI var. Eğer bağlayıcı içinde StringFormat kullanabilirsiniz 3.5sp1

Answer 3

iki güzel çizgili makyaj sütunların otomatik boyutlandırma Izgara davranışı elde etmek paylaşılan boyut gruplarını kullanabilirsiniz ... çalışmalıdır .

Burada aradığınızı yapacağını bir LabeledEdit denetimi kullanarak bir örnek. karmaşıklık tüm uzağa UserControl hesaba edilmiş ve yapmanız gereken tüm StackPanel üzerinde Grid.IsSharedSizeScope ayarlamayı unutmayın geçerli:

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

Ve burada UserControl için kaynak kod. 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.cs:

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 hoş serin çalışan bir DataForm kontrolü vardır!