如何使用 WCF 服务在 Silverlight dataGrid 中显示 GIF 图像

本文关键字：显示 GIF 图像 dataGrid Silverlight 何使用 WCF 服务 | 更新日期: 2023-09-27 18:32:03

我正在尝试根据天气 WCF 在预报中分配给当天的天气 ID 显示天气图标的图像。 我正在数据网格中显示数据，并希望添加一个带有图标的新列。 不幸的是，图标是 gif，我知道 Silverlight 不支持，所以如果有人能帮忙，那就太好了！

 public partial class MainPage : UserControl
{

创建与其关联的图像和 ID 的数组。

    private WeatherDescription[] weatherInformation;
    WeatherSoapClient weatherClient = new WeatherSoapClient();
    public MainPage()
    {
        InitializeComponent();
        weatherClient.GetCityForecastByZIPCompleted += new EventHandler<GetCityForecastByZIPCompletedEventArgs>(weatherClient_GetCityForecastByZIPCompleted);
        weatherClient.GetCityWeatherByZIPCompleted += new EventHandler<GetCityWeatherByZIPCompletedEventArgs>(weatherClient_GetCityWeatherByZIPCompleted);
        weatherClient.GetWeatherInformationCompleted += new EventHandler<GetWeatherInformationCompletedEventArgs>(weatherClient_GetWeatherInformationCompleted);
        weatherClient.GetWeatherInformationAsync();
    }

这是我设置对数组的 WCF 调用结果的地方。

    void weatherClient_GetWeatherInformationCompleted(object sender, GetWeatherInformationCompletedEventArgs e)
    {
        weatherInformation = e.Result;
    }
    void weatherClient_GetCityForecastByZIPCompleted(object sender, GetCityForecastByZIPCompletedEventArgs e)
    {
        this.dataGrid1.ItemsSource = e.Result.ForecastResult;
        for (int i = 0; i < e.Result.ForecastResult.Length; i++)
        {
            if (i == 0)
            {
                e.Result.ForecastResult[i].Temperatures.DaytimeHigh += "°F";
                e.Result.ForecastResult[i].ProbabilityOfPrecipiation.Daytime += "%";
            }
            else
            {
                e.Result.ForecastResult[i].Temperatures.DaytimeHigh += "°F";
                e.Result.ForecastResult[i].Temperatures.MorningLow += "°F";
                e.Result.ForecastResult[i].ProbabilityOfPrecipiation.Daytime += "%";
                e.Result.ForecastResult[i].ProbabilityOfPrecipiation.Nighttime += "%";
            } 
        }
    }
    void weatherClient_GetCityWeatherByZIPCompleted(object sender, GetCityWeatherByZIPCompletedEventArgs e)
    {
        this.textBlock1.Text = "City: " + e.Result.City + "'n";
        this.textBlock1.Text += "State: " + e.Result.State + "'n";
        this.textBlock1.Text += "Weather ID: " + e.Result.WeatherID + "'n";
        this.textBlock1.Text += "Weather Station: " + e.Result.WeatherStationCity + "'n";
        this.textBlock1.Text += "Temperature: " + e.Result.Temperature + "°F 'n";
        this.textBlock1.Text += "Description: " + e.Result.Description + "'n";
        this.textBlock1.Text += "Pressure: " + e.Result.Pressure + "'n";
        this.textBlock1.Text += "Relative Humidity: " + e.Result.RelativeHumidity + "% 'n";
    }
    private void button1_Click(object sender, RoutedEventArgs e)
    {
        weatherClient.GetCityWeatherByZIPAsync(inputZip.Text);
        weatherClient.GetCityForecastByZIPAsync(inputZip.Text);
    }
}
}

然后，如果它有帮助，这就是我对 dataGrid 的标记。

<sdk:DataGrid AutoGenerateColumns="False" Height="310" Margin="12,131,407,0" Name="dataGrid1" VerticalAlignment="Top" AlternatingRowBackground="#00010000">
        <sdk:DataGrid.Columns>
            <sdk:DataGridTextColumn Header="Date" Binding="{Binding Date}" />
            <sdk:DataGridTextColumn Header="ID" Binding="{Binding WeatherID}" />
            <sdk:DataGridTextColumn Header="Description" Binding="{Binding Desciption}" />
            <sdk:DataGridTemplateColumn Header="Temperature">
                <sdk:DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Temperatures.DaytimeHigh}" Name="DaytimeHigh" />
                            <TextBlock Text="{Binding Temperatures.MorningLow}" Name="MorningLow"/>
                        </StackPanel>
                    </DataTemplate>
                </sdk:DataGridTemplateColumn.CellTemplate>
            </sdk:DataGridTemplateColumn>
            <sdk:DataGridTemplateColumn Header="Probability of Precipitation">
                <sdk:DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding ProbabilityOfPrecipiation.Daytime}" Name="Daytime"/>
                            <TextBlock Text="{Binding ProbabilityOfPrecipiation.Nighttime}" Name="Nighttime"/>
                        </StackPanel>
                    </DataTemplate>
                </sdk:DataGridTemplateColumn.CellTemplate>
            </sdk:DataGridTemplateColumn>
        </sdk:DataGrid.Columns>
    </sdk:DataGrid>

如果您需要更多信息，请告诉我。 我希望有人能够提供帮助。

如何使用 WCF 服务在 Silverlight dataGrid 中显示 GIF 图像

Silverlight不支持GIF，因此您必须将它们转换为jpg或png。我建议你只做一次服务器端。

然后，您可以使用相对路径在模板列内的数据网格中显示图像。

<Image x:Name="myImage" Source="../someImage.jpg" />

您的图像存储在哪里？你提到用id来指代它们。它们是否存储在数据库中？然后，您可以编写一个 HTTP 处理程序来加载图像或通过您的服务加载它们。

相关文章：