[嵌入式]单片机的上位机简单开发（4）

单片机的上位机简单开发（4）

界面设计

增加了外部的自定义温度插件，chart图表插件

1.自定义温度插件

打开项目，右键单击工具箱中任意一个控件，弹出右键菜单如下：

单击“选择项”，弹出如下对话框：

单击“浏览”，弹出打开对话框：

选中控件文件，单击“打开”按钮，回到自定义工具箱，系统会默认把你刚才选中的控件打上 勾。

返回vs编辑器，可看到工具箱中多出了一个TemperatureControl：

现在就可以使用该控件，并且可以进行属性的设置，比如颜色，刻度范围等

其中1为大刻度，有6格，-20，-10，0，10，20，30，40
2为小刻度，有5格，即每个大刻度中的小格
所用插件：下载地址

2.温度显示在温度插件的代码

在serialPort1_DataReceived方法中添加

float t = float.Parse(str);
temperatureControl1.Temperature = t;

3.chart图表插件

x轴为获取温度的当前时间，并且设置了滚动显示，每次都显示最新的记录
y轴为获取到的温度的±2℃

3.1 主要属性设置

滚动条相关设置

3.2 主要代码

Boolean isflag = true;
        private void serialPort1_DataReceived(object sender, SerialDataReceivedEventArgs e)
        {          
            try 
            {
                //跨线程调用控件的问题的错误提示禁用
                Control.CheckForIllegalCrossThreadCalls = false;
                string str = serialPort1.ReadExisting().ToString();
                label7.Text = str;
                float t = float.Parse(str);
                temperatureControl1.Temperature = t;
                label9.Visible = false;
                if (isflag == true)
                {
                    string show = label7.Text.Substring(0, label7.Text.IndexOf("."));
                    int num = int.Parse(show);

                    
                    var chart = chart1.ChartAreas[0];

                    //chart.AxisX.IntervalType = DateTimeIntervalType.Number;

                    chart.AxisX.LabelStyle.Format = "";
                    chart.AxisY.LabelStyle.Format = "";
                    chart.AxisY.LabelStyle.IsEndLabelVisible = true;

                    chart.AxisX.Minimum = 1;
                    chart.AxisY.Minimum = num - 2;
                    chart.AxisY.Maximum = num + 2;
                    chart.AxisX.Interval = 1;
                    chart.AxisY.Interval = 1;

                    chart1.Series.Add("line1");

                    //绘制折线图
                    //chart1.Series["line1"].ChartType = SeriesChartType.Line;
                    //绘制曲线图
                    chart1.Series["line1"].ChartType = SeriesChartType.Spline;

                    chart1.Series["line1"].Color = Color.Red;
                    chart1.Series[0].IsVisibleInLegend = false;
                    isflag = false;
                }
                DateTime time = DateTime.Now;
                chart1.Series["line1"].Points.AddXY(time.ToString("T"), t);
                chart1.ChartAreas[0].AxisX.ScaleView.Scroll(System.Windows.Forms.DataVisualization.Charting.ScrollType.Last);
            }
            catch (Exception ex)
            {
                serialPort1.Close();
                MessageBox.Show(ex.Message);
            }
        }