Wie verwenden von Canvas als ItemsPanel für ein ItemsControl, die in Silverlight 3

Ich versuche, legen Sie die Leinwand-Eigenschaften in einem ItemsControl DataTemplate mit Silverlight 3. Nach dieser Beitrag, der einzige Weg, dies zu tun ist, um es mit dem ItemsContainerStyle für den ContentPresenter geben, da die Leinwand Eigenschaften wirken nur auf die direkten Kinder von der Leinwand. Dies scheint nicht zu funktionieren in SL3, da das ItemsControl ist nicht eine ItemsContainerStyle Eigenschaft, so versuchte ich eine ListBox, wie angeraten durch dieser Artikel, aber es funktioniert immer noch nicht. Aus der XAML-unten, würde ich erwarten, sehen Sie ein grünes Quadrat mit den zahlen 10, 30, 50, 70 Kaskadierung von "NW" zu "SE" Richtung. Kann mir jemand sagen, warum Sie alle gestapelt oben auf einander in der NW-Ecke?

<UserControl x:Class="TestControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:System="clr-namespace:System;assembly=mscorlib" >
    <StackPanel>
        <ListBox>
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <Canvas Background="Green" Width="100" Height="100" />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <TextBox Text="{Binding}" />
                </DataTemplate>                
            </ListBox.ItemTemplate>
            <ListBox.ItemContainerStyle>
                <Style TargetType="ContentPresenter">
                    <Setter Property="Canvas.Left" Value="{Binding}" />
                    <Setter Property="Canvas.Top" Value="{Binding}" />
                </Style>
            </ListBox.ItemContainerStyle>
            <ListBox.Items>
                <System:Int32>10</System:Int32>
                <System:Int32>30</System:Int32>
                <System:Int32>50</System:Int32>
                <System:Int32>70</System:Int32>
            </ListBox.Items>
        </ListBox>
    </StackPanel>
</UserControl>

Dank der skb, das beantwortet meine Frage, die war, wie dies in WPF 🙂 Wie Sie sagen, es funktioniert Super in WPF.

InformationsquelleAutor skb | 2010-03-05

Ich bin mir nicht sicher, ob es in deinem Szenario, aber ich hab Sie erreicht dies in der Vergangenheit mit der RenderTransform.

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas Background="Green" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBox Text="{Binding}">
                <TextBox.RenderTransform>
                    <TranslateTransform X="100" Y="100" />
                </TextBox.RenderTransform>
            </TextBox>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.Items>
        <System:Int32>10</System:Int32>
        <System:Int32>30</System:Int32>
        <System:Int32>50</System:Int32>
        <System:Int32>70</System:Int32>
    </ItemsControl.Items>
</ItemsControl>

Oder im Falle der Bindung müssen Sie einen Konverter verwenden

<ItemsControl>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas Background="Green" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBox Text="{Binding}" RenderTransform="{Binding Converter={StaticResource NumberToTransformGroupConverter}}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
    <ItemsControl.Items>
        <System:Int32>10</System:Int32>
        <System:Int32>30</System:Int32>
        <System:Int32>50</System:Int32>
        <System:Int32>70</System:Int32>
    </ItemsControl.Items>
</ItemsControl>

Konverter

public void ConvertTo(object value, ...)
{
    int intValue = int.Parse(value.ToString());

    return new TransformGroup()
    {
        Children = new TransformCollection()
        {
            new TranslateTransform { X = intValue, Y = intValue }
        }
    };
}

+1 Im Szenario präsentiert, das funktioniert gut genug. Legen Sie es in ScrollViewer-oder Stackpanel, die nicht groß genug ist, die Probleme beginnen an die Oberfläche. Aber die einzige andere Sache, die Sie tun können, ist aufs ganze gehen und schreiben Sie ein benutzerdefiniertes panel, so dass das gewünschte Verhalten kann geliefert werden in der Measure und Arrange Phasen.

InformationsquelleAutor bendewey

Silverlight4 nicht binden zu angefügten Eigenschaften in der Art. Ich schlage vor, mit David Anson ' s Ansatz beschrieben hier.

    <UserControl.Resources>
    <Style  x:Key="ScreenBindStyle" TargetType="ListBoxItem">
        <Setter Property="Helpers:SetterValueBindingHelper.PropertyBinding">
            <Setter.Value>
                <Helpers:SetterValueBindingHelper>
                    <Helpers:SetterValueBindingHelper Type="Canvas" Property="Left" Binding="{Binding LocationField.Value.X}" />
                    <Helpers:SetterValueBindingHelper Type="Canvas" Property="Top" Binding="{Binding LocationField.Value.Y}" />
                    <Helpers:SetterValueBindingHelper Type="Canvas" Property="ZIndex" Binding="{Binding ZIndex.Value}" />
                </Helpers:SetterValueBindingHelper>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBoxItem">
                    <ContentPresenter/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

Und in listbox:

ItemContainerStyle="{StaticResource ScreenBindStyle}"

InformationsquelleAutor Ben

Alte post, aber ich ging in das gleiche problem, aber jetzt mit SL5, dass ermöglicht jetzt Binding im Stil-setter. Ich habe versucht zu vermeiden, um das ListBox (denn es behandelt die Auswahl und so weiter) und die ItemsControl immer noch nicht über eine ItemContainerStyle. Also ich habe versucht ein paar Dinge.

Habe ich noch nicht gefunden, viele Thema über dieses problem, so teilen Sie mit mir meine Lösung (sorry, wenn es Duplikate)

In der Tat fand ich ein sehr bequemer Weg, um das problem zu lösen, indem eine Unbenannte Style im ItemsControl Ressourcen :

<ItemsControl ItemsSource="{Binding Path=MyData}">
    <ItemsControl.Resources>
        <Style TargetType="ContentPresenter">
            <Setter Property="Canvas.Top" Value="{Binding Path=Bounds.Top}"/>
            <Setter Property="Canvas.Left" Value="{Binding Path=Bounds.Left}"/>
            <Setter Property="Width" Value="{Binding Path=Bounds.Width}"/>
            <Setter Property="Height" Value="{Binding Path=Bounds.Height}"/>
        </Style>
    </ItemsControl.Resources>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate DataType="my:DataType">
            ...
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Funktioniert wie ein Charme in SL5 🙂

InformationsquelleAutor xum59

0

Ich kann nicht erklären, was Sie sehen, entweder. Xaml ist gebrochen, zumindest ein paar Möglichkeiten.

Zunächst der Xaml-Code selbst scheitert, weil dieser:-
```
<Style TargetType="ContentPresenter">
```
sollte
```
<Style TargetType="ContentControl">
```
dem Item-Container im Fall von ListBox Typ ListBoxItem die sich aus ContentControl.

Immer noch ohne, dass die Platzierung von {Binding} - in Stil-setter noch nicht funktioniert. Ich denke, Sie waren sich vorzustellen, dass der Stil angewendet werden würde, um jedes Element in der Reihe und bekommt seinen Wert aus dem aktuellen Objekt. Aber selbst bei verbindlich arbeitete in der Art, es wäre nur eine Stil, und es würde seine Daten Bindung aus der ListBox DataContext. Dies ist eine andere DataContext das gilt für jede ListBox-Element (in diesem Fall ist jedes Element in der Sammlung "Items").

Immer noch ich denke, Ben hat eine vernünftige Lösung einsetzen, die nicht mit diesem Ansatz.
- Hallo Anthony ich kann mich verlesen Ihre Antwort, aber was ich sagen kann, so ziemlich alles, was Sie hier geschrieben habe ist inacurate. Zuerst die xaml nicht scheitern, weil das Ziel geben, in der Tat, es schlägt fehl, wenn Sie machen die änderung, die Sie vorschlagen. Zweitens, die Bindung im Stil funktioniert. Dritte, die Bindung nicht nehmen, Ihren Kontext aus dem Listenfeld aus, es nimmt Sie aus dem Listenfeld posten. Da für gibt es nur einen Stil ich vermute, dass der Stil wird geklont. Die wichtige Sache hier ist die Lösung präsentiert gleich zu Beginn funktioniert, ich benutze es in WPF, es funktioniert einfach nicht in Silverlight.
- Ja, Sie völlig missverstehst mich ;). Lassen Sie mich mit der zweiten beginnen Ihre Einwände, denn das ist die wirkliche Quelle von Missverständnissen. Ich Stand "Inverkehrbringen {Binding} - in Stil-setter noch nicht arbeiten" und "selbst falls Bindung gearbeitet." Von da an seinen ganzen hypothetisch, weil, wie Sie sagen, es funktioniert nicht. Hypothetisch gesehen hatte, die Bindung wurde gelöst, an diesem Punkt der Value Eigentum der Stil wäre gebunden an die gemeinsam - Wert (N. B. nicht die Bindung selbst) und würde verwendet werden, die über alle Elemente. Schließlich sogar wenn alles, was sonst arbeitete der TargetType ist falsch.
- Aber die Lösung funktioniert (wo habe ich gesagt, dass es nicht funktioniert?), die Bindung funktioniert in dem Stil. Ich bin mit dieser Lösung fast wie eine Kopie der Vergangenheit in einer Produktions-app und ich kann sagen, dass es die meisten auf jeden Fall funktioniert. Denken Sie daran, dass die skb Staaten die Lösung funktioniert in WPF, nur nicht in silverlight.
InformationsquelleAutor AnthonyWJones

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.