【OK210试用体验】之基于OK210的计算机绘图仪软件【项目完结】

windworld · 2015-10-20 17:06:36

windworld ( 楼主 ) 2015-10-20 17:06:36 只看该作者 11167 | 14 倒序浏览

本帖最后由 windworld 于 2015-10-20 18:00 编辑

首先再次对飞凌和电子发烧友论坛为我们提供此次开发板试用活动表示感谢。从8月份板子申请到现在试用差不多已经两个多月了，期间从开发平台的搭建到Qt的移植以及程序的调试，碰到的问题可以说是多种多样，尽管过程比较曲折，但最终还是初步完成了绘图上位机软件的设计。在这段时间的学习中也让自己提高了发现问题解决问题的能力，对后面嵌入式linux学习有了一个大概的思路，另外通过分享帖子的方式也让自己慢慢学会了如何通过帖子博客等形式与他人分享自己的学习心得并且对所学知识进行及时总结，在这里非常感谢论坛和网上一些好友的帮助以及飞凌官方给予的技术支持，同时特别感谢之前的队友在项目中提供的帮助。

1.项目概述：

本项目主要是实现一个简单的绘图仪的功能，在这里采用OK210来完成上位机部分的设计。项目利用OK210的7寸屏采集用户在绘画板上绘画形成的坐标完成绘图。系统上位机软件是通过QT编程，运行在linux上的应用程序，因此设计需要完成linux开发环境的搭建，以及开发平台的uboot、内核、文件系统的移植，最终将程序运行在开发平台（OK210开发板）的Linux系统上。

绘图器为了能够实现绘图过程，必须拥有用户端界面设计。用户端采用Qt4编写好的交互软件并运行在OK210平台上。该软件通过对登录用户的识别，选取相应的配置和数据文件。绘画过程中通过该软件对用户输入的图画或文字进行采集并处理，发送给设备控制端。

2.软硬环境

（1）硬件环境：

飞凌OK210开发板
飞凌7寸液晶模块

（2）软件环境：

Linux操作系统
Qt 4.7.1开发环境
绘图仪软件
系统服务软件

3.绘图软件设计框图

360截图20151020170454699.jpg (23.82 KB, 下载次数: 20)

下载附件保存到相册

2015-10-20 17:06 上传

4.1.登录界面

登录界面主要实现用户登陆的功能，这里做的比较简单，仅仅在用了个label并添加上信号和槽，电机login即可进入绘图软件的绘图界面，界面如下：

这里由于手机拍摄光线不是很好，所以看起来效果偏暗，实际运行和前面在Ubuntu下运行效果是一样的，Qt支持一次编写，多次编译，前后只不过运行平台不一样，实现的效果是一样的。下面附上此部分源码：

#include "mydialog.h"
#include "ui_mydialog.h"
myDialog::myDialog(QWidget *parent) :
QDialog(parent),
ui(new Ui::myDialog)
{
ui->setupUi(this);
this->setWindowtitle(QApplication::translate("myDialog", "西安电子科技大学", 0, QApplication::UnicodeUTF8));
ui->switch_2->setText(QApplication::translate("myDialog", "Login", 0, QApplication::UnicodeUTF8));
QPixmap pixmap(":/new/prefix1/logo.jpg");
QPalette palette;
palette.setBrush(backgroundRole(), QBrush(pixmap));
setPalette(palette);
}
myDialog::~myDialog()
{
delete ui;
}

复制代码

4.2.用户操作界面

用户操作界面主要实现用户对图画或者文字的输入、保存、读取，以及对笔宽、颜色选择。界面如下：

左边是绘图区域，右边是绘图过程中一些选择设置按钮

部分源码看下面：

#include "mywidget.h"
#include "ui_mywidget.h"
#include "QPainter"
#include "QDebug"
#include "mydialog.h"
#include "QDesktopWidget"
#include "QScreen"
//#include
#include
#include
#include
#include
#include
#include
#include
#include
#include
#include
myWidget::myWidget(QWidget *parent) :
QWidget(parent),
ui(new Ui::myWidget)
{
ui->setupUi(this);
this->setWindowTitle(QApplication::translate("myWidget", "计算机辅助绘图仪", 0, QApplication::UnicodeUTF8));
QTimer *timer = new QTimer(this);
//关联定时器溢出信号和相应的槽函数
connect(timer, SIGNAL(timeout()), this, SLOT(timerUpdate()));
timer->start(1000);
connect(ui->red,SIGNAL(pressed()),this,SLOT(on_red_clicked()));
connect(ui->blue,SIGNAL(pressed()),this,SLOT(on_blue_clicked()));
connect(ui->yellow,SIGNAL(pressed()),this,SLOT(on_yellow_clicked()));
connect(ui->serial,SIGNAL(pressed()),this,SLOT(serialport_press()));
connect(ui->spinBox,SIGNAL(valueChanged(int)),this,SLOT(spinbox_changed(int)));
connect(ui->reset,SIGNAL(pressed()),this,SLOT(reset_clicked()));
connect(ui->SEND,SIGNAL(pressed()),this,SLOT(SEND_pressed()));
pix = QPixmap(400,300);
pix.fill(Qt::white);
memset(send_pix,0,sizeof send_pix);
sum_point=0;
//showMaximized ();
pix = QPixmap(width()-275,height ());
pix.fill(Qt::white);
QPixmap pixmap(":/new/prefix1/image.jpg");
QPalette palette;
palette.setBrush(backgroundRole(), QBrush(pixmap));
setPalette(palette);
ui->spinBox->setValue(2);
pen_width=5;
this->setAttribute(Qt::WA_PaintOutsidePaintEvent);
}
/********************************************************
function:openSerialPort()
*******************************************************/
int myWidget::openSerialPort()
{
int fd = -1;
const char *devName = "/dev/ttySAC3";
fd = ::open(devName,O_RDWR|O_NONBLOCK);
if(fd<0)
{
return -1;
}
termios serialAttr;
memset(&serialAttr,0,sizeof serialAttr);
serialAttr.c_iflag = IGNPAR;
serialAttr.c_cflag = B115200|HUPCL|CS8|CREAD|CLOCAL;
serialAttr.c_cc[VMIN]=1;
if(tcsetattr(fd,TCSANOW,&serialAttr)!=0){return -1;}
return fd;
}
void myWidget::remoteDatelncoming()
{
char c[10];
memset(c,0,10);
if(read(m_fd,c,10)==0)
{
qDebug()<<"error!";
return ;
}
}
void myWidget::timerUpdate()
{
//获取系统现在的时间
QDateTime time = QDateTime::currentDateTime();
//设置系统时间显示格式
QString str = time.toString("yyyy-MM-dd hh:mm:ss dddd");
//在标签上显示时间
ui->label->setText(str);
}
void myWidget::spinbox_changed(int value)
{
qDebug()<<"this value is "<
pen_width=(char) value+3;
if(value==0)
ui->spinBox->setValue(1);
else if(value>3)
ui->spinBox->setValue(3);
}