Создание проблемы с диаграммой формы WriteableBitmap - PullRequest
Новая
       21

Создание проблемы с диаграммой формы WriteableBitmap

1 голос
/ 28 декабря 2011

У меня проблема при попытке создать записываемую растровую форму из набора инструментов Silverlight Graph.

При использовании textBlock все нормально, но после попытки использовать Chart сгенерированный растровый рисунок пуст :(. 

var data = new List<Point>(100);
for (int i = 0; i < 100; i++)
{
    data.Add(new Point(i, Math.Sin(i * Math.PI / 50)));
}

Chart chart_ = new Chart()
{
    Name = "Chart",
    Width = 512,
    Height = 512
};
LineSeries line = new LineSeries()
{
    Name = "Line",
    Title = "test",
    IndependentValuePath = "X",
    DependentValuePath = "Y",
    ItemsSource = data
};
chart_.Series.Add(line);

Этот код создает диаграмму с синусоидой. Затем я пытаюсь создать из него растровое изображение. 

LayoutRoot.Children.Add(chart_); // I tried to add chart_ to visual tree, It doesn't help 
//creates bitmap
ScaleTransform t = new ScaleTransform() { ScaleX = 1.0, ScaleY = 1.0 };
//bitmap = new WriteableBitmap(chart_, t); Tried it also with this way
bitmap = new WriteableBitmap(512, 512);
bitmap.Render(chart_, t);
texture = new Texture2D(GraphicsDeviceManager.Current.GraphicsDevice, bitmap.PixelWidth, bitmap.PixelHeight, false, SurfaceFormat.Color);
bitmap.CopyTo(texture);

Весь этот код создает Empty Bitmap. Но когда я использую TextBlock или некоторые примитивы, такие как Ellipse, все работает. Я уверен, что с диаграммой генерации кода все в порядке, потому что диаграмма генерируется нормально в элементе управления Silverlight.

EDIT: Я пытался создать растровое изображение таким образом, но это не помогло. 

chart_.InvalidateMeasure();
bitmap = new WriteableBitmap(512, 512);
bitmap.Render(chart_, null);
bitmap.Invalidate();

РЕДАКТИРОВАТЬ 2: Я не хочу, чтобы график был в визуальном дереве. Мне просто нужно сгенерировать его изображение, а затем использовать его в XNA-части моего приложения.

Ответы [ 3 ]

0 голосов
/ 02 января 2012

Я считаю, что к тому времени, когда вы создаете объект WriteableBitmap и вызываете метод Render, Chart еще не визуализируется. Вы можете проверить это, переместив эти строки кода в какое-то другое событие, например Button_Click и т. Д. Посмотрите на приведенные ниже коды, когда они создают WriteableBitmap, а затем передают его в управление изображениями в качестве источника ....

Код XAML ..... 

<UserControl x:Class="TryBitmap.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="400"
xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit">
<Grid x:Name="LayoutRoot" Background="White">
    <Grid.RowDefinitions>
        <RowDefinition Height="35"/>
        <RowDefinition/>
    </Grid.RowDefinitions>
    <Button Grid.Row="0" Height="25" Width="100" Content="Capture" Click="Button_Click"/>
    <Grid x:Name="grdGraphs" Grid.Row="1">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Image x:Name="img" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Grid>

Код позади .... 

public partial class MainPage : UserControl
{
    private Chart chart_;

    public MainPage()
    {
        InitializeComponent();
        Loaded += new RoutedEventHandler(MainPage_Loaded);
    }

    void MainPage_Loaded(object sender, RoutedEventArgs e)
    {
        var data = new List<Point>(100);
        for (int i = 0; i < 100; i++)
        {
            data.Add(new Point(i, Math.Sin(i * Math.PI / 50)));
        }

        chart_ = new Chart()
        {
            Name = "Chart",
            Width = 512,
            Height = 512
        };
        LineSeries line = new LineSeries()
        {
            Name = "Line",
            Title = "test",
            IndependentValuePath = "X",
            DependentValuePath = "Y",
            ItemsSource = data
        };
        chart_.Series.Add(line);

        chart_.SetValue(Grid.ColumnProperty, 0);
        grdGraphs.Children.Add(chart_);
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        var bitmap = new WriteableBitmap((int)(chart_.RenderSize.Width), (int)(chart_.RenderSize.Height));
        bitmap.Render(chart_, new MatrixTransform());
        bitmap.Invalidate();

        img.Source = bitmap;
    }
}
0 голосов
/ 02 января 2012

Боюсь, это будет только половина ответа.Я могу решить вашу непосредственную проблему, но я боюсь, что вы просто получите другую, которую мне не удалось решить.

Создание растрового изображения после вызова Dispatcher.BeginInvoke должно гарантировать, что ваше растровое изображение нене полностью пустым, то есть: 

// do stuff with chart_ ...

Dispatcher.BeginInvoke(() =>
{
    bitmap = new WriteableBitmap(512, 512);
    bitmap.Render(chart_, null);
    bitmap.Invalidate();

    // At this point, the bitmap shouldn't be blank.
});

Однако результаты этого, вероятно, будут менее чем удовлетворительными.Я запустил ваш код и обнаружил, что LineSeries отсутствует на изображении диаграммы, хотя остальная часть диаграммы была там.Это осталось верным даже после того, как я установил все Duration с различными анимациями в ControlTemplate для LineSeries на 0 и дополнительно установил следующие свойства на графике: 

    chart_.AnimationSequence = AnimationSequence.Simultaneous;
    chart_.TransitionDuration = new TimeSpan(0);

Я попытался обернутьоперации WriteableBitmap при последующих вызовах Dispatcher.BeginInvoke(), и после этого точки данных стали появляться более отчетливо.Однако я не могу поверить, что подобный подход является правильным решением проблемы.

0 голосов
/ 30 декабря 2011

Всего пара небольших изменений, но я подозреваю, что большое изменение заключается в ручном добавлении ссылки на System.Windows.Controls после использования NuGet для добавления пакета Charting. 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Controls.DataVisualization.Charting;
using System.Windows.Media.Imaging;

namespace SilverlightApplication1
{
    public partial class MainPage : UserControl
    {
        Chart chart_;

        public MainPage()
        {
            InitializeComponent();

            var data = new List<Point>(100);
            for (int i = 0; i < 100; i++)
            {
                data.Add(new Point(i, Math.Sin(i * Math.PI / 50)));
            }

            chart_ = new Chart()
            {
                Name = "Chart",
                Width = 512,
                Height = 512
            };
            LineSeries line = new LineSeries()
            {
                Name = "Line",
                Title = "test",
                IndependentValuePath = "X",
                DependentValuePath = "Y",
                ItemsSource = data
            };
            chart_.Series.Add(line);
            LayoutRoot.Children.Add(chart_); // I tried to add chart_ to visual tree, It doesn't help  
        }

        private void LayoutRoot_Loaded(object sender, RoutedEventArgs e)
        {
            //creates bitmap 
            WriteableBitmap bitmap;
            ScaleTransform t = new ScaleTransform() { ScaleX = 1.0, ScaleY = 1.0 };
            //bitmap = new WriteableBitmap(chart_, t); Tried it also with this way 
            bitmap = new WriteableBitmap(512, 512);
            bitmap.Render(chart_, t);
            //texture = new Texture2D(GraphicsDeviceManager.Current.GraphicsDevice, bitmap.PixelWidth, bitmap.PixelHeight, false, SurfaceFormat.Color);
            //bitmap.CopyTo(texture); 
            image1.Source = bitmap;
        }
    }
}

И 

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" 
    xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit">

    <Grid x:Name="LayoutRoot" Background="White" Loaded="LayoutRoot_Loaded">
        <Image Height="150" HorizontalAlignment="Left" Margin="97,109,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" Width="200" />
    </Grid>
</UserControl>

Это должно помочь вам ...

Не забудьте удалить все предпринятые обходные пути - я не думаю, что они нужны.Единственный код, который я не использовал в вашем примере, был связан с текстурами - я не знал, что с этим делать, и у вас все равно не было проблем ...

Дэвид

...