本篇，来测试一下 Qt界面控制嵌入式平台上的硬件 ，以野火i.MX6ULL板子上的RGB LED为例，实现Qt界面控制3种颜色LED的不同亮度混合显示。

1 设计Qt滑条控制LED界面

先来看一下最终设计的界面效果：

1.1 滑条控件

Qt Creator的UI设置界面中，有水平滑条和竖直滑条控件，可以直接使用：

1.2 控件颜色

使用 QPalette 可以对界面颜色和控件的颜色进行自定义设置

界面的颜色

整个UI界面的颜色可以这样设置：

1
2
3
4

QPalette color = palette();//控制窗体颜色
color.setColor(QPalette::Background, QColor(255,255,255));//背景颜色
//color.setColor(QPalette::Foreground, QColor(0,0,255,255));//前景颜色
setPalette(color);

控件的颜色

例如文本标签控件（ QLabel ）的文字颜色可以这样设置：

1
2
3
4
5
6
7

QPalette pal;
pal.setColor(QPalette::WindowText,Qt::red);
ui->label_R->setPalette(pal); //设置滑条左侧的R字体为红色
pal.setColor(QPalette::WindowText,Qt::green);
ui->label_G->setPalette(pal);
pal.setColor(QPalette::WindowText,Qt::blue);
ui->label_B->setPalette(pal);

1
2
3
4
5
6
7
8

QColor color;
int R = ui->Slider_R->value(); //读取滑条的当前值
int G = ui->Slider_G->value();
int B = ui->Slider_B->value();
color.setRgb(R, G, B); //颜色混合
QPalette pal;
pal.setColor(QPalette::Base, color);
ui->textBrowser->setPalette(pal); //显示到面板上

1.3 滑条UI界面代码编写

构造函数

1
2
3
4
5
6
7
8
9
10
11
12
13

LedWidget::LedWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::LedWidget)
{
    ui->setupUi(this);
    ui->Value_R->setText(QString::number(ui->Slider_R->value()));
    ui->Value_G->setText(QString::number(ui->Slider_G->value()));
    ui->Value_B->setText(QString::number(ui->Slider_B->value()));

    QPalette color = palette();//控制窗体颜色
    color.setColor(QPalette::Background, QColor(255,255,255));//背景颜色
    setPalette(color);
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

void LedWidget::on_Slider_R_valueChanged(int value)
{
    ui->Value_R->setText(QString::number(value));
    UpdateShowColor();
}

void LedWidget::on_Slider_G_valueChanged(int value)
{
    ui->Value_G->setText(QString::number(value));
    UpdateShowColor();
}

void LedWidget::on_Slider_B_valueChanged(int value)
{
    ui->Value_B->setText(QString::number(value));
    UpdateShowColor();
}

1
2
3
4
5
6
7
8
9
10
11

void LedWidget::UpdateShowColor()
{
    QColor color;
    int R = ui->Slider_R->value();
    int G = ui->Slider_G->value();
    int B = ui->Slider_B->value();
    color.setRgb(R, G, B);
    QPalette pal;
    pal.setColor(QPalette::Base, color);
    ui->textBrowser->setPalette(pal);
}

2 板子上RGB LED的控制

2.1 i.MX6ULL系统烧录

本篇的RGB LED测试，需要先烧录野火i.MX6ULL自带的系统固件，因为该系统已有Qt运行环境，且对应的RGB LED的驱动程序也已配置好了，这样就不需要再自己写RGB LED的驱动程序了，我们只写好Qt的应用程序，实现对板子上LED的控制即可。

烧写方法可参考： https://doc.embedfire.com/linux/imx6/quick_start/zh/latest/quick_start/install_debian/install_debian.html#

可以烧写到SD卡中

烧写到eMMC中

因为在SD卡中运行系统，无法使用WIFI连网，可以通过fire-config工具将SD卡的系统烧写到eMMC中，刷机过程可参考：

https://doc.embedfire.com/linux/imx6/linux_base/zh/latest/linux_basis/fire-config_brief/fire-config_brief.html#id7

设置之后，选择重启，重启后的系统将自动进行从SD卡到EMMC的刷机。刷机过程大约2分钟左右。刷机完成后，控制台会重新进入串口登录页面， 此时观察开发板的LED灯，如果LED在持续闪烁，说明刷机成功。然后调整拨码开关为相应启动方式，重新上电启动系统即可。

也可以直接通过 USB-OTG接口和 MFGTool2软件 烧写到eMMC。ssh

烧写到eMMC启动，可以使用WIFI连网，WIFI配网步骤参考： https://doc.embedfire.com/linux/imx6/quick_start/zh/latest/quick_start/wifi/wifi.html

Qt系统界面

野火i.MX6ULL自带的系统固件烧录后自启动Qt程序界面如下：

串口方式登录时：

普通用户（带sudo权限）

1

rm /etc/pointercal

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

#include <sys/types.h>
#include <sys/stat.h>
#include <fcntl.h>

#include <stdio.h>
#include <stdlib.h>

#define RLED_DEV_PATH "/sys/class/leds/red/brightness"
#define GLED_DEV_PATH "/sys/class/leds/green/brightness"
#define BLED_DEV_PATH "/sys/class/leds/blue/brightness"

int main(int argc,int *argv[])
{
    int r_fd;
    int g_fd;
    int b_fd;

    r_fd = open(RLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        perror(RLED_DEV_PATH);
        exit(1);
    }
    
    g_fd = open(GLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        perror(GLED_DEV_PATH);
        exit(1);
    }
    
    b_fd = open(BLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        perror(BLED_DEV_PATH);
        exit(1);
    }

    while(1)
    {
        write(r_fd,"255",3);
        sleep(1);
        write(r_fd,"0",3);
        sleep(1);
        
        write(g_fd,"255",3);
        sleep(1);
        write(g_fd,"0",3);
        sleep(1);
        
        write(b_fd,"255",3);
        sleep(1);
        write(b_fd,"0",3);
        sleep(1);
    }

    close(r_fd);
    close(g_fd);
    close(b_fd);
}

1

arm-linux-gnueabihf-gcc led_noqt.c -o led_noqt

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

rgbled::rgbled(QObject *parent) : QObject(parent)
{
    r_fd = open(RLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        return;
    }

    g_fd = open(GLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        return;
    }

    b_fd = open(BLED_DEV_PATH,O_WRONLY);
    if(r_fd < 0)
    {
        return;
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

void rgbled::SetRGBLedValue(LED_TYPE type, int val)
{
    if (val > 255)
    {
        val = 255;
    }
    else if (val < 0)
    {
        val = 0;
    }

    std::string value = std::to_string(val);

    switch (type)
    {
        case T_R_LED:
            write(r_fd, value.c_str(), 3);
        break;

        case T_G_LED:
            write(g_fd, value.c_str(), 3);
        break;

        case T_B_LED:
            write(b_fd, value.c_str(), 3);
        break;

        default:break;
    }
}

1
2
3
4
5

//LedWidget类中定义一个rgbled成员变量
rgbled *m_pRGBLed;

//LedWidget构造函数中实例化一个rgbled对象
m_pRGBLed = new rgbled(this);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

void LedWidget::UpdateShowColor()
{
    QColor color;
    int R = ui->Slider_R->value();
    int G = ui->Slider_G->value();
    int B = ui->Slider_B->value();
    color.setRgb(R, G, B);
    QPalette pal;
    pal.setColor(QPalette::Base, color);
    ui->textBrowser->setPalette(pal);

    //控制板子上的RGB LED的亮度
    m_pRGBLed->SetRGBLedValue(T_R_LED, R);
    m_pRGBLed->SetRGBLedValue(T_G_LED, G);
    m_pRGBLed->SetRGBLedValue(T_B_LED, B);
}

1

D:\Tools1\vs2015\VC\include

1
2
3
4
5
6

//for qt creater, 2022/8/13
#ifndef _UNISTD_H
#define _UNISTD_H
#include <io.h>
#include <process.h>
#endif 

1

/home/xxpcb/myTest/imx6ull/otherlib/qt/qt-everywhere-src-5.12.9/arm-qt/bin/qmake

1
2
3
4
5

sudo apt update
sudo apt install openssh-server -y
sudo systemctl status ssh #查看状态
# 如果你的防火墙开启了，使用下面语句
sudo ufw allow ssh

1

ssh username@ip

1
2
3
4
5
6
7

# 从服务器拉取文件
# scp 服务器上的某个用户@服务器IP::/服务器文件存放路径 拉取文件保存路径
scp [email protected]:server_file_path local_path

# 我的板子的拉取命令
cd /usr/local/qt-app/mytest/
scp [email protected]:~/myTest/imx6ull/qt-test/4-led/led ./

1
2

#879 为当前 App 的 PID 值，每次可能不一样
sudo kill 879

1

sudo /usr/local/qt-app/run_myapp.sh /usr/local/qt-app/Control_1