1

タイルの背景を にバインドしようとしていますRadTileList。タイルは の Itemsource のコレクションから作成されRadTileListますDatatemplate。それを勝ち取っています。

上記のコードItemContainerStyleで、背景のバインディングを設定して設定しようとしましたが、何も変わりません。誰かが私を助けてくれることを願っています。

注:背景の色は文字列変数なので、コンバーターを使用しています。個別にテストしました

    <telerik:RadTileList ItemsSource="{Binding Modulo.Modulos_Detail}" TileReorderMode="None" 
                             ScrollViewer.HorizontalScrollBarVisibility="Visible">
            <telerik:RadTileList.ItemContainerStyle>
                <Style >
                    <Setter Property="telerik:Tile.TileType" Value="Quadruple" />
                    <Setter Property="telerik:Tile.Background" Value="{Binding .Color, Converter={StaticResource strHexColorConverter}}" />
                </Style>
            </telerik:RadTileList.ItemContainerStyle>
                <telerik:RadTileList.ItemTemplate>
                <DataTemplate>
                    <Border >
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <Image Grid.Row="0"
                                   HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                                   Source="{Binding .Imagenes.Imagen}" Stretch="Uniform"></Image>
                            <TextBlock Grid.Row="1"  Padding="5"
                                   Text="{Binding Descripcion}" FontSize="20" TextWrapping="Wrap" 
                                   VerticalAlignment="Bottom"/>
                            <!--<Image Source="{Binding .LockViewImage, Converter={StaticResource imgBitmapImageConverter}}" />-->
                        </Grid>
                    </Border>
                </DataTemplate>
            </telerik:RadTileList.ItemTemplate>
4

2 に答える 2

0

私の意見では、telerik:Tile コントロール スタイルで Boolean Attached プロパティを使用できます。そのプロパティが True の場合は、コード ビハインドでバインディングを作成します。気にする必要があるのは、Tile の Content が .Color が定義されているオブジェクトを保持することだけです。これがコードです。

スタイル (これを Resource 部分に入れます)

    <Style TargetType="telerik:Tile" BasedOn="{StaticResource {x:Type telerik:Tile}}">
                    <Setter Property="flowConfiguration:TileAttachedProperties.IsTyleTypeBound" Value="True"/>
                    </Setter>

添付プロパティコード(コンバータ付)

public class TileAttachedProperties
{
    public static readonly DependencyProperty IsTyleTypeBoundProperty = DependencyProperty.RegisterAttached(
        "IsTyleTypeBound",
        typeof (bool),
        typeof (TileAttachedProperties),
        new PropertyMetadata(default(bool), IsTyleBoundPropertyChangedCallback));

    private static void IsTyleBoundPropertyChangedCallback(DependencyObject sender, DependencyPropertyChangedEventArgs args)
    {
        var tile = sender as Tile;
        var isBound = (bool) args.NewValue;
        if(tile == null || isBound == false) return;
        tile.Loaded += TileOnLoaded;
    }

    private static void TileOnLoaded(object sender, RoutedEventArgs routedEventArgs)
    {
        var tile = sender as Tile;
        if (tile == null) return;
        tile.Loaded -= TileOnLoaded;

        var tileContent = tile.Content;
        if (tileContent == null || tileContent is ItemTypeWrapper == false) return;

        //here we create binding to define if the type of the Tile(single or double)
        var tileTypeBinding = new Binding("IsDouble");
        tileTypeBinding.Source = tileContent;
        tileTypeBinding.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;
        tileTypeBinding.Converter = new Bool2TileTypeConverter();
        tile.SetBinding(Tile.TileTypeProperty, tileTypeBinding);

        //here we create binding to define the background of the tile
        var tileBackgroundBinding = new Binding("IsDouble");
        tileBackgroundBinding.Source = tileContent;
        tileBackgroundBinding.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;
        tileBackgroundBinding.Converter = new Bool2BackgroundConverter();
        tile.SetBinding(Tile.BackgroundProperty, tileBackgroundBinding);

    }

    public static void SetIsTyleTypeBound(DependencyObject element, bool value)
    {
        element.SetValue(IsTyleTypeBoundProperty, value);
    }

    public static bool GetIsTyleTypeBound(DependencyObject element)
    {
        return (bool) element.GetValue(IsTyleTypeBoundProperty);
    } 
}

internal class Bool2BackgroundConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var isDouble = (bool)value;
        return isDouble ? new SolidColorBrush(Color.FromArgb(255, 255, 0, 255)) : new SolidColorBrush(Color.FromArgb(255,0, 255, 255));
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

internal class Bool2TileTypeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var isDouble = (bool) value;
        return isDouble ? TileType.Double : TileType.Single;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

どのように見えるか: ここ

よろしく、

于 2016-04-07T08:09:26.503 に答える