Question

我正在编写我的第一个通用Windows应用程序，目前正在尝试使用加速度计。目前我在屏幕上显示它的数字读数，但我还想显示一个可视化描述这些值的图表。我在网上看过一些图表示例，但没有一个接受现场数据流并在显示时显示它。

基本上我想要的是一个时域图形，它绘制一条线，代表加速度计输出的值。

这是我第一次尝试Windows编程，我正在使用C＃。

有没有'正确'的方法来做这样的事情？一种普遍接受的方法？

Answer 1

<强> XAML：

<Page
    x:Class="App3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App3"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Charting="using:WinRTXamlToolkit.Controls.DataVisualization.Charting"
    mc:Ignorable="d" Loaded="Page_Loaded">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="10*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Charting:Chart x:Name="chart1" Grid.Row="0">
            <Charting:LineSeries ItemsSource="{Binding Data}" 
                                 DependentValuePath ="Accel"
                                 IndependentValuePath ="Timestamp" Margin="0"/>
        </Charting:Chart>
        <Button x:Name="btnStart" Content="START" Grid.Row="1" Click="btnStart_Click" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Button>
        <Button x:Name="btnStop" Content="STOP" Grid.Row="2" Click="btnStop_Click" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"></Button>
    </Grid>
</Page>

<强>的MainPage：

public sealed partial class MainPage : Page
{
    MyViewModel vm;

    public MainPage()
    {
        this.InitializeComponent();
    }

    private void Page_Loaded(object sender, RoutedEventArgs e)
    {
        vm = new MyViewModel();
        DataContext = vm;
    }

    private void btnStart_Click(object sender, RoutedEventArgs e)
    {
        vm.Start();
    }

    private void btnStop_Click(object sender, RoutedEventArgs e)
    {
        vm.Stop();
    }
}

<强>视图模型：

public class MyViewModel
{
    private Timer accelerometer;
    private Random r;

    private ObservableCollection<MyAccelModel> data;
    public ObservableCollection<MyAccelModel> Data { get { return data; } }

    public MyViewModel()
    {
        data = new ObservableCollection<MyAccelModel>();
        r = new Random(DateTime.Now.Millisecond);
    }

    public void Start()
    {
        accelerometer = new Timer(AccelDataCallback, null, 100, 500);
    }

    public void Stop()
    {
        accelerometer.Dispose();
    }

    private async void AccelDataCallback(object state)
    {
        await CoreApplication.MainView.CoreWindow.Dispatcher.RunAsync(CoreDispatcherPriority.Normal,
            () =>
            {
                data.Add(new MyAccelModel { Timestamp = DateTime.Now, Accel = r.NextDouble() });
            });
    }
}

加速度计数据的Windows通用应用实时图表

1 个答案: