0

wpf アプリでは、Dictionary をリストボックスにバインドしました。リストボックスに独自のスタイルがあります。リストボックスの項目は画像と 3 つのテックスブロックで構成されます。

フレンドクラスはこちら：

public class FriendData
{
    public string idUser { get; set; }
    public string nick { get; set; }
    public string sefNick { get; set; }
    public string status { get; set; }
    public string photo { get; set; }
    public string sex { get; set; }
    public string isFriend { get; set; }

    public string blockQuote { get; set; }

    public FriendData(string idUser, string nick, string sefNick, string status, string photo, string sex, string isFriend)
    {
        this.idUser = idUser;
        this.nick = nick;
        this.sefNick = sefNick;
        this.status = status;
        this.photo = photo;
        this.sex = sex;
        this.isFriend = isFriend;
    }
}

ListBox スタイルは次のとおりです。

    <Style x:Key="friendsListStyle" TargetType="{x:Type ListBox}">
        <Setter Property="ItemTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Grid Name="MainGrid">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="0.3*"></ColumnDefinition>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="60"></RowDefinition>
                        </Grid.RowDefinitions>
                        <Image Source="{Binding Value.photo}" Margin="4,4,4,2"/>
                        <Grid Name="SlaveGrid" Grid.Column="1">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                                <RowDefinition Height="*"></RowDefinition>
                            </Grid.RowDefinitions>
                            <TextBlock Name="tbName" Text="{Binding Value.nick}" Grid.Column="0" Grid.Row="0" Margin="2,2,2,2" FontSize="13" FontWeight="Medium"></TextBlock>
                            <TextBlock Name="tbBlockQuote" Text="{Binding Value.blockQuote}" Grid.Column="0" Grid.Row="1" Margin="2,2,2,2" FontSize="11" FontWeight="Normal" Foreground="DarkGray"></TextBlock>
                            <TextBlock Name="tbStatus" Text="{Binding Value.status}" Grid.Column="0" Grid.Row="2" Margin="2,2,2,2" FontSize="11" FontWeight="Normal"></TextBlock>
                        </Grid>
                    </Grid>
                    <DataTemplate.Triggers>
                        <!--<Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="LayoutTransform" TargetName="MainGrid">
                                <Setter.Value>
                                    <ScaleTransform ScaleX="1.35" ScaleY="1.35" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>-->
                    </DataTemplate.Triggers>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

私の最初の問題は、tbStatus がクラス Friend のプロパティ status にバインドされていることです。ステータスには、0、1、2 の 3 つの値しかありません。ステータスの値が 0 の場合は tbStatus.Text="Offline" に設定する必要があり、ステータスの値が 1 の場合は tbStatus.Text="Online" に設定する必要があり、ステータスが 2 の場合は tbStatus.Text="Just Log" に設定する必要があります。この条件は、listBox スタイルの XAML から設定できますか?

<TextBlock Name="tbStatus" Text="{Binding Value.status}" Grid.Column="0" Grid.Row="2" Margin="2,2,2,2" FontSize="11" FontWeight="Normal"></TextBlock>

私の 2 番目の問題は、ステータスが 0 の場合、Image をグレースケールに変換する必要があることです。グレースケールに変換する機能があります。これらの条件を listBox スタイルで設定したいと思います。前進はありますか？

ここは ：

private void ConvertImageToGrayScaleImage(string uri)

{

    Image grayImage = new Image();

    BitmapImage bmpImage = new BitmapImage();

    bmpImage.BeginInit();

    bmpImage.UriSource = new Uri(uri);

    bmpImage.EndInit();

    FormatConvertedBitmap grayBitmap = new FormatConvertedBitmap();

    grayBitmap.BeginInit();

    grayBitmap.Source = bmpImage;

    grayBitmap.DestinationFormat = PixelFormats.Gray8;

    grayBitmap.EndInit();

    grayImage.Source = grayBitmap;

    LayoutRoot.Children.Add(grayImage);

}
4

1 に答える 1

1

どちらの場合も、最善の策はIValueConverterを作成することです。

たとえば、これはテキストを変換するためのものです。

public class StatusToTextConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        int status = Int32.Parse(value.ToString());
        switch (status)
        {
            case 0:
                return "Offline";

            case 1:
                return "Online";

            case 2:
                return "Just Log"; 
        }

        return Binding.DoNothing;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        string status = value.ToString();
        switch (status)
        {
            case "Offline":
                return 0;

            case "Online":
                return 1;

            case "Just Log":
                return 2; 
        }

        return Binding.DoNothing;
    }
}

Text バインディングは次のようになります (XAML の適切な Resources セクションに参照を追加した後)。

 <TextBlock Name="tbStatus" 
            Text="{Binding Value.status,
                           Converter={StaticResource statusToText}}"
            Grid.Column="0" 
            Grid.Row="2" 
            Margin="2,2,2,2" 
            FontSize="11" 
            FontWeight="Normal"></TextBlock>

これは基本的なものであり、本質的にこのコードの繰り返しになるため、画像コンバーターはあなたに任せます。

これはハードコーディングされた値であり、実際にはベスト プラクティスではないことに注意してください。このアプリをローカライズする予定がある場合は、(ハードコードされた文字列ではなく) 列挙型とリソースを使用する必要があります。

于 2010-11-03T20:28:23.880 に答える