Pet*_*erP 5 c# data-binding wpf xaml ivalueconverter
编辑2:当图表填充时,我无法再更改值.即使我更改列表中的值(ItemControls从中获取值),图表似乎也不会使用新值更新.
我调用计时器中的GetDataGrafiek()方法每隔x秒更新一次我的图表.
Grafiek graf = new Grafiek();
graf.GetDataGrafiek();
Run Code Online (Sandbox Code Playgroud)
这是因为线程计时器在一个单独的线程中运行(IsAsynchronous
方法中ObjectDataProvider
)还是我需要DataContext
在我的计时器方法中访问ItemsControl?
编辑:我无法在程序运行时填充图表,所以我创建了ObservableCollection<GrafiekBar>
静态(保存条形的填充和值的列表)并初始化如下:
public static ObservableCollection<GrafiekBar> listGrafiek = new ObservableCollection<GrafiekBar>()
{
new GrafiekBar() {Value = 0, Fill = (Brush)convertor.ConvertFromString(kleuren[0])},
new GrafiekBar() {Value = 0, Fill = (Brush)convertor.ConvertFromString(kleuren[1])},
new GrafiekBar() {Value = 0, Fill = (Brush)convertor.ConvertFromString(kleuren[2])}
};
Run Code Online (Sandbox Code Playgroud)
从MSDN:ObjectDataProvider:"但是,如果您绑定到已创建的对象,则需要在代码中设置DataContext,如下例所示."
我有一个ItemsControl,显示为一个简单的条形图.当我分配值(在我的codeBehind中硬编码)时,图表会成功填充.
我所做的基本上是将最大值设置为100%并计算其余条形的长度.
问题:
我不希望图表栏值硬编码,但条形图必须更改runTime.为此,我使用的Threading.Timer
是每当我的程序运行时每秒运行一次(此计时器中也会发生其他计算).
图表栏值根据每x秒内在此计时器内发生的计算得到更新.
我已经尝试了所有内容,但在程序运行时我无法显示值.当我对它们进行硬编码时,我只能看到条形图(参见GetDataGrafiek()
线程末尾的区域).我究竟做错了什么/失踪了?
的 GetDataGrafiek()
(计算来填充我的图表)被调用的ObjectDataProvider
.
此方法将TimeSpan作为输入,然后执行计算,以便获得Double Value(基于上面解释的100%值),然后将其放置在bar的值(= dateTemplate的宽度)中.
<ObjectDataProvider x:Key="odpLbGrafiek" ObjectType="{x:Type myClasses:GrafiekBar}" MethodName="GetDataGrafiek"/>
Run Code Online (Sandbox Code Playgroud)
我的ItemsControl的DataTemplate(这使用Width作为我的图表条形的值)
<DataTemplate x:Key="GrafiekItemTemplate">
<Border Width="Auto" Height="Auto">
<Grid>
<Rectangle StrokeThickness="0" Height="30"
Margin="15"
HorizontalAlignment="Right"
VerticalAlignment="Bottom"
Width="{Binding Value}"
Fill="{Binding Fill}">
<Rectangle.LayoutTransform>
<ScaleTransform ScaleX="20" />
</Rectangle.LayoutTransform>
</Rectangle>
</Grid>
</Border>
</DataTemplate>
Run Code Online (Sandbox Code Playgroud)
ItemsControl的:
<ItemsControl x:Name="icGrafiek"
Margin="50,3,0,0"
ItemsSource="{Binding Source={StaticResource odpLbGrafiek}}"
ItemTemplate="{DynamicResource GrafiekItemTemplate}"
RenderTransformOrigin="1,0.5" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.RowSpan="6">
<ItemsControl.RenderTransform>
<TransformGroup>
<ScaleTransform ScaleY="-1" ScaleX="1"/>
<SkewTransform AngleY="0" AngleX="0"/>
<RotateTransform Angle="180"/>
<TranslateTransform/>
</TransformGroup>
</ItemsControl.RenderTransform>
</ItemsControl>
Run Code Online (Sandbox Code Playgroud)
GetDataGrafiek()该区域包含硬编码值,完成此操作后,我的图表会成功显示6个条形图.当我评论该地区时,我不再获得任何可见的酒吧.
此方法返回包含Double
值的列表.每个值表示一个条形,表示为宽度DataTemplate
,而Fill只是给它一定的颜色.
ObservableCollection<GrafiekBar> listGrafiek = new ObservableCollection<GrafiekBar>();
public ObservableCollection<GrafiekBar> GetDataGrafiek()
{
var converter = new System.Windows.Media.BrushConverter();
#region ***TEST HARDCODED BAR VALUES***
int[] testWaardenUren = new int[] { 2, 1, 0, 1, 2, 0 };
int[] testWaardenMinuten = new int[] { 58, 2, 55, 55, 2, 20 };
for (int j = 0; j < 6; j++)
{
TimeSpan ts = new TimeSpan(testWaardenUren[j], testWaardenMinuten[j], 0);
GlobalObservableCol.regStilstanden[j].Value = ts;
GlobalObservableCol.regStilstanden[j].Name = "";
}
#endregion
totalMinutesMaxValue = GetLargestValueStilstanden(); //= "100%" value
//calculate % of stilstanden Values
for (int i = 0; i < GlobalObservableCol.regStilstanden.Count; i++)
{
Double totalMin = GlobalObservableCol.regStilstanden[i].Value.TotalMinutes;
totalMin = totalMin / totalMinutesMaxValue * 10;
valuesChartPercentage.Add(totalMin);
}
//the barChart (itemsControl) gets its final values here
for (int j = 0; j < GlobalObservableCol.regStilstanden.Count; j++)
{
GrafiekBar bar = new GrafiekBar();
bar.Value = valuesChartPercentage[j];
bar.Fill = converter.ConvertFromString(kleuren[j]) as Brush;
listGrafiek.Add(bar);
}
return listGrafiek;
}
Run Code Online (Sandbox Code Playgroud)
GrafiekBar.cls
public class GrafiekBar : INotifyPropertyChanged
{
private double value;
private Brush fill;
public GrafiekBar()
{
}
public double Value
{
get { return this.value; }
set
{
this.value = value;
NotifyPropertyChanged("Value");
}
}
public Brush Fill
{
get { return this.fill; }
set
{
this.fill = value;
NotifyPropertyChanged("Fill");
}
}
//interface INotifyPropertyChanged
public event PropertyChangedEventHandler PropertyChanged;
//interface INotifyPropertyChanged
private void NotifyPropertyChanged(String info)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(info));
}
}
}
Run Code Online (Sandbox Code Playgroud)
每秒运行一次的线程计时器(具有计算逻辑和调用的getDataGrafiek()会调用GUI线程进行更新.
private void MyTimerCallBack(object state)
{
DisplayWegingInfo();
App.Current.Dispatcher.BeginInvoke(DispatcherPriority.Background,
new Action(() =>
{
//actions that involve updating the UI
CaculateTimeBetweenWegingen();
}));
}
Run Code Online (Sandbox Code Playgroud)
最好的问候彼得.
归档时间: |
|
查看次数: |
990 次 |
最近记录: |