Biggle's Blog » XAML

MultiBinding die Zweite

Mario Priebe — Sun, 06 Mar 2011 15:07:59 +0000

Ich hatte schon vor einiger Zeit gezeigt (puh, schon wieder 1 1/2 Jahre her..) , wie man im XAML ein MultiBinding implementiert. Nun stand ich vor einem Problem, das ich im XAML ein paar Elemente definiere und im Code weitere Elemente zur Laufzeit hinzufüge. Diese Elemente wollte ich nun vernünftig zusammenbringen.

Im Code benötige ich eine Slider-Property und eine Property Namens “Caption”, welche einen Text halten soll. Im Xaml habe ich ein TextBlock-Element, welcher den Inhalt der Caption-Property und den aktuellen Wert des Sliders anzeigen soll.

1 2	public string Caption { get; set; } public Slider Slider { get; set; }

1	<TextBlock Grid.ColumnSpan="3" Name="CaptionTxtBlock" />

Der Slider, welcher von aussen gesetzt wird, bekommt im “Loading” noch ein paar Eigenschaften und die Position im UserControl mit:

Slider.Name = "slider";
Slider.SetValue(Grid.RowProperty, 1);
Slider.SetValue(Grid.ColumnProperty, 1);
SliderGrid.Children.Add(Slider);

Anschliessend baue ich mir ein MultiBinding-Objekt, dass nun die beiden benötigen Properties an meiner TextProperty des TextBlockes bindet und entsprechend formatiert ausgibt:

MultiBinding mb = new MultiBinding()
{
    Mode = BindingMode.TwoWay,
    UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged,
    StringFormat = "{0} ({1:00} %)"
};
 
Binding sliderBinding = new Binding()
{
    Source = Slider,
    Path = new PropertyPath("Value")
};
 
Binding captionBinding = new Binding()
{
    Source = this,
    Path = new PropertyPath("Caption")
};
 
mb.Bindings.Add(captionBinding);
mb.Bindings.Add(sliderBinding);
 
BindingOperations.SetBinding(CaptionTxtBlock, TextBlock.TextProperty, mb);

Und so sieht das ganze dann aus:

Download Code

Viel Spaß beim entwickeln : )

Dieser Beitrag stammt von Mario Priebe.

ToolTip an einem “disabled Button” – XAML Quicky

Mario Priebe — Mon, 14 Feb 2011 19:05:57 +0000

Stellt man einen Button auf “disabled”, wird leider kein Tooltip mehr angezeigt. Möchte man dem entgegenwirken, verwendet man die Methode ShowOnDisabled am ToolTipService:

1	<Button Content="Hier klicken" ToolTipService.ShowOnDisabled="True" IsEnabled="False" ToolTip="Hier klicken"/>

Viel Spaß beim entwickeln : )

Dieser Beitrag stammt von Mario Priebe.

TextTrimming – XAML Quicky

Mario Priebe — Mon, 14 Feb 2011 18:58:34 +0000

Im XAML hat man die Möchglichkeit den Text zu kürzen, wenn dieser länger ist, als die Oberfläche es zulässt.

Man kann bestimmen, ob man nach einem Wort (WordEllipsis) und nach einem Buchstaben (CharacterEllipsis) den Text abtrennt. 3 Punkte (…) zeigen dem Benutzer an, das hier weiterer Text hinterlegt ist.

1
2

<TextBlock  Name="sampleTextBlock" TextTrimming="WordEllipsis"  TextWrapping="NoWrap" 
                    Text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."/>

Viel Spaß beim entwickeln : )

Dieser Beitrag stammt von Mario Priebe.

Doppelklick im DataGrid abfangen – WPF Quicky

Mario Priebe — Mon, 14 Feb 2011 18:48:34 +0000

Möchte man auf den Klick eines Datensatzes in einem WPF DataGrid reagieren, so kann man folgenden Code dazu verwenden:

private void dataGrid_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    DependencyObject dep = (DependencyObject)e.OriginalSource;
 
    while ((dep != null) && !(dep is DataGridRow))
    {
        dep = VisualTreeHelper.GetParent(dep);
    }
 
    if (dep == null)
        return;
 
    if (dep is DataGridRow)
    {
        DataGridRow dataGridRow = dep as DataGridRow;
        //tu was
    }
}

Den Klick auf denDataGrid-ColumnHeader oder einer DataGrid-Zelle kann mit der selben Methode behandelt werden. Hier wird einfach die Abfrage mit in das if-Statement aufgenommen und im Rumpf dementsprechend behandelt.

private void dataGrid_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    DependencyObject dep = (DependencyObject)e.OriginalSource;
 
    while ((dep != null) && !(dep is DataGridRow) && !(dep is DataGridColumnHeader) && !(dep is DataGridCell))
    {
        dep = VisualTreeHelper.GetParent(dep);
    }
 
    if (dep == null)
        return;
 
    if (dep is DataGridRow)
    {
        DataGridRow dataGridRow = dep as DataGridRow;
        //tu was
    }
 
    if (dep is DataGridColumnHeader)
    {
        DataGridColumnHeader columnHeader = dep as DataGridColumnHeader;
        //tu was
    }
 
    if (dep is DataGridCell)
    {
        DataGridCell cell = dep as DataGridCell;
        //tu was
    }
 
}

Viel Spaß beim entwickeln : )

Dieser Beitrag stammt von Mario Priebe.

Text innerhalb eines TextBlock-Controls formatieren – XAML

Mario Priebe — Tue, 30 Nov 2010 18:17:27 +0000

Um einen Text innerhalb einer Textbox zu formatieren, steht einem die Klasse Run zur Verfügung. Run ist ein Element für fortlaufenden Inhalt auf Inlineebene, das formatierten oder unformatierten Lauftext enthalten kann.

<TextBlock FontSize="28" TextWrapping="Wrap">
    Hier steht <Run Foreground="Red">TextRun> der
    <Run FontWeight="Bold" FontStyle="Italic" Foreground="Cyan" FontSize="38" TextDecorations="Underline">verschiedene FormateRun> darstellt.
TextBlock>

Einen Zeilenumbruch innerhalb eines Textblocks erreicht man mit

<LineBreak />

Bei einem Hyperlink kann diese Methode auch angewendet werden. (In Silverlight HyperlinkButton)

<TextBlock TextWrapping="Wrap">            
    <Hyperlink TextDecorations="None" NavigateUri="http://www.biggle.de">
        <Italic>HierItalic> <Bold>stehtBold> ein <Underline>HyperlinkUnderline>                 
        <LineBreak />      
            über mehrere <Run Foreground="Red">ZeilenRun>.
    Hyperlink>
TextBlock>

Im Hyperlinkbeispiel sieht man auch, wie man den Text kursiv, fett geschrieben und unterstrichen, noch formatieren kann.

Selbst Bilder können so in einem TextBlock mit dargestellt werden:

<TextBlock>
    Das bin ich
    <LineBreak />
    <Image Source="/Images/IMG_6911_small.jpg" Width="50" />
TextBlock>

Es ist auch möglich, innerhalb des Textblock-Controls Werte aus einem Binding heraus darzustellen:

<TextBlock DataContext="{Binding Order}" TextWrapping="Wrap">
    <Run TextDecorations="Underline">Ihre BestellungRun>
    <LineBreak />
    <Run>Produkt:Run>
    <TextBlock Text="{Binding productName}" />
    <Run>(Run>
        <TextBlock Text="{Binding quantity}" />
    <Run>)Run>
TextBlock>

public partial class MainWindow : Window
{
    public Order Order { get; set; }
 
    public MainWindow()
    {
        InitializeComponent();
        LoadOrders();
    }  
    private void LoadOrders()
    {
        Order = new Order();
        Order.productName = "Mountainbike";
        Order.quantity = 1;
 
        this.DataContext = this;
    }
}

Viel Spaß beim entwickeln : )

Dieser Beitrag stammt von Mario Priebe.

Biggle's Blog » XAML

MultiBinding die Zweite

Ähnliche Beiträge

ToolTip an einem “disabled Button” – XAML Quicky

Ähnliche Beiträge

TextTrimming – XAML Quicky

Ähnliche Beiträge

Doppelklick im DataGrid abfangen – WPF Quicky

Ähnliche Beiträge

Text innerhalb eines TextBlock-Controls formatieren – XAML

Ähnliche Beiträge