私は非常に汎用性の高いチャート作成用の非常に汎用的な再利用可能なユーザーコントロールを作成するプロジェクトを行いたいと思っていました。私はチャートを濡らすことを望んでいましたが、地球上の誰もがWPF ToolkitまたはSparrow Chartsを使って無料のサードパーティ製のチャートを作成しています。誰かがチャート作成を行うために完全に隔離されたベースの方法を拘束したり構築したりする経験がありますか?私はキャンバスでポリラインをバインドして渡すようなものから始めるために何か一般的なことをすることを考えていました。他の誰かがこの道を歩いていて、イベントの募集と潜在的な依存特性の拘束力を設定するためのヒントを持っていれば、私は不思議でした。私はMVVMアーキテクチャのアプローチに従うことを考えていましたが、ViewModelへのバインディングの大部分を行っていましたが、最終的にプロパティを公開して更新したいと考えていました。サードパーティのライブラリを使用せずに2Dチャートを作成するには、WPFが優先されますか?
コンセプトでこれと同様に(ユーザーコントロールが別のビューまたはMainFormを中に埋め込む):
<StackPanel>
<Label x:Name="lblCustomDataGridHeader" Content="{Binding TestText}" HorizontalAlignment="Center" FontSize="24"/>
<Canvas Height="260" Width="300">
<Polyline Points="{Binding Points}" Stroke="LightBlue" StrokeThickness="4" />
</Canvas>
</StackPanel>
のViewModelのプロパティ:
public ViewModel()
{
TestText = "Line Chart";
//Obviously some converter or something else here to accept one or many lines
Points = "0,260 10,250 20,245 40,200 50,250 80, 200, 140,100";
}
public string TestText {
get { return _testText; }
set
{
_testText = value;
OnPropertyChanged(NameOf(TestText));
}
}
private string _points;
public string Points {
get { return _points; }
set
{
_points = value;
OnPropertyChanged(NameOf(Points));
}
}
EDIT LATER
私もやって試してみましたクラスにバインドするテンプレート付きコントロール
の<Style TargetType="{x:Type local:LineGraph}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:LineGraph}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Text="Hello" FontSize="20"/>
<Border Grid.Row="1" BorderThickness="1" BorderBrush="Black" CornerRadius="15" Margin="10">
<Canvas Margin="10" x:Name="PART_Canvas">
<Canvas.LayoutTransform>
<ScaleTransform ScaleX="1" ScaleY="-1" />
</Canvas.LayoutTransform>
</Canvas>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
クラス(これのいくつかは、私は他の誰かの実装を使用していたとしてクリーンアップする必要があり、それがVB.NETにあったと換算):ViewModelにで
public class LineGraph : Control, INotifyPropertyChanged
{
//CONSTRUCTOR
static LineGraph()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(LineGraph), new FrameworkPropertyMetadata(typeof(LineGraph)));
}
public event PropertyChangedEventHandler INotifyPropertyChanged.PropertyChanged;
public void OnPropertyChanged(string info)
{
if (PropertyChanged != null) {
PropertyChanged(this, new PropertyChangedEventArgs(info));
}
}
public static readonly DependencyProperty _Trends = DependencyProperty.RegisterReadOnly("Trends", typeof(Collection<ChartDataSegment>), typeof(LineGraph), new PropertyMetadata(new Collection<ChartDataSegment>())).DependencyProperty;
public Collection<ChartDataSegment> Trends {
get { return (Collection<ChartDataSegment>)GetValue(_Trends); }
}
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
dynamic canvas = GetTemplateChild("PART_Canvas") as Canvas;
if (canvas != null && Trends != null) {
foreach (void trend_loopVariable in Trends) {
trend = trend_loopVariable;
DrawTrend(canvas, trend);
}
}
}
private void DrawTrend(Canvas drawingCanvas, ChartDataSegment Trend)
{
dynamic t = Trend as ChartDataSegment;
if (t != null && t.Points != null) {
for (int i = 1; i <= t.Points.Count - 1; i++) {
dynamic toDraw = new Line {
X1 = t.Points(i - 1).X,
Y1 = t.Points(i - 1).Y,
X2 = t.Points(i).X,
Y2 = t.Points(i).Y,
StrokeThickness = 2,
Stroke = t.LineColor
};
drawingCanvas.Children.Add(toDraw);
}
}
}
}
public class ChartDataSegment : DependencyObject
{
public static readonly DependencyProperty _LineColor = DependencyProperty.Register("LineColor", typeof(Brush), typeof(ChartDataSegment), new PropertyMetadata(null));
public Brush LineColor {
get { return (Brush)GetValue(_LineColor); }
set { SetValue(_LineColor, value); }
}
public static readonly DependencyProperty _LineThickness = DependencyProperty.Register("LineThickness", typeof(Thickness), typeof(ChartDataSegment), new PropertyMetadata(null));
public Thickness PointThickness {
get { return (Thickness)GetValue(_LineThickness); }
set { SetValue(_LineThickness, value); }
}
public static readonly DependencyProperty _Points = DependencyProperty.Register("Points", typeof(ObservableCollection<Point>), typeof(ChartDataSegment), new UIPropertyMetadata(null));
public ObservableCollection<Point> Points {
get { return (ObservableCollection<Point>)GetValue(_Points); }
set { SetValue(_Points, value); }
}
}
と実装:
var lineTrend1 = new ChartDataSegment {
LineColor = Brushes.Blue,
Points = new ObservableCollection<Point>({
new Point {
X = 1,
Y = 1
},
new Point {
X = 50,
Y = 20
},
new Point {
X = 100,
Y = 100
},
new Point {
X = 150,
Y = 130
}
})
};
var ctrl = new LineGraph();
ctrl.Trends.Add(lineTrend1);
私の最大の懸念は、これが達成できるわけではなく、必要に応じてオブジェクトをインラインで更新することです。 EG:破棄して呼び出す必要のある静的なチャートをホストするのではなく、折れ線グラフを更新するための非同期呼び出し。
Stack Overflowが問題の詳細を知りたがっている直観的な問題は、「コレクション(ライン)のコレクション(ポイント)を簡単に挿入でき、依存プロパティ付きのキャンバスを使って自己更新できますか?
これは本当に話題にではありません。はい/いいえ質問になることは本当に難しいです。 UIの作業を一度もやっていないのなら、**難しい**です。だから、もしあなたが少なくとも数ヶ月*それに専念したいのでなければ、サードパーティ製のライブラリを入手してください。離婚は高価なのと同じ理由で彼らは高価です。 – Will
これは: "私の直接の質問は、スタックオーバーフローが問題の詳細なので、"コレクション(ポイント)のコレクション(ライン)を簡単に挿入でき、セルフアップデートするために依存プロパティを持つキャンバスを使用できますか?どの部分が具体的ではないのですか? – djangojazz
それは卑劣ではなく、ただの基準を持っています。私はそれを下から読んだが、「はい」または「いいえ」と答えた場合、あなたには何が良いのだろうか?そして、私が正しいことをどうやって知っていますか?地獄、私は自分の経験から、あなたが聞いたことをするのは簡単だと言うことができますが、それは制御設計の表面を傷つけるだけです。しかし、もう一度、多分私は吸うだけで、あなたはそれが非常に簡単に見つけるでしょう。これがあなたの質問がトピックではない理由です。その部分をボーリングすることは、そうでないことはありません。 – Will