WPF - Best Practice per il controllo run-of-the-mill [Etichetta: Input]

Question

Mi chiedo, qual è il modo migliore e più rapido per ottenere la ben nota Label Input [o output, non importa] combinazione in WPF. Il suo un compito semplice, basta pensare a una rapida uscita dell ' "oggetto" ME:

---

Nome - Christian

Età - 28

Mood - Buona

---

I so, posso usare una griglia con TextBlocks. Ma per essere onesti, lo XAML "corto" per questo è di circa mezza pagina (RowDefinitions, ColDefs, Grid.Col su ciascuna etichetta)

Il modo alternativo, utilizzando tre StackPanel (orizzontale) con una verticale sembra anche un un po 'stupido. In questo caso, devo dare a ciascuna etichetta una larghezza fissa, per ottenere la correzione corretta. E semplicemente non "sente" giusto.

Quindi, data la situazione di cui sopra, hai un oggetto personalizzato con 3-6 proprietà che vuoi semplicemente scaricare come readonly nella tua GUI, come lo faresti (in WPF, anche Silverlight, se sei veramente nel umore :).

Posso, ovviamente, scrivere un controllo elettronico per questo. Ma perché reinventare la ruota, se potrebbe essere già lì ...

E, infine, per illustrare ancora di più, l'esempio che ho appena creato nella vita reale ed è stato il motivo di questo post:

 <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

Se si utilizza 3.5sp1, è possibile utilizzare StringFormat nell'associazione. Qualcosa del genere dovrebbe funzionare ...

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

Answer 2

Forse dovresti ripensare all'interfaccia utente. Perché vorresti Label - Textbox sulla stessa riga? Questa è un'orrenda perdita di spazio.

Perché non etichetta su texbox? Poi hai una semplice interfaccia utente e semplice XAML:

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

Aggiungi un po 'di stile per i vostri TextBlocks e hai una bella, pulita interfaccia utente, con molto poco la ripetizione.

Answer 3

Si potrebbe utilizzare gruppi di dimensioni condivise per ottenere l'auto-dimensionamento comportamento Griglia di due colonne ben-allineati-up, pur essendo in grado di tirare fuori la complessità in un UserControl .

Ecco un esempio di utilizzo di un controllo LabeledEdit che farebbe ciò che stai cercando. La complessità è stato tutto presi via nella UserControl, e tutto quello che dovete fare è ricordarsi di impostare Grid.IsSharedSizeScope sul StackPanel:

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

Ed ecco il codice sorgente per l'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.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

Il silverlight toolkit ha un controllo DataForm che funziona piuttosto fresco!