中级
30 分钟

使用LS013B7DH03和STM32F302VC展示文字信息、数字和基本图形

轻松定制:单色LCD任您指挥!

LCD Mono Click with CLICKER 4 for STM32F302VCT6

已发布 7月 22, 2025

点击板

LCD Mono Click

开发板

CLICKER 4 for STM32F302VCT6

编译器

NECTO Studio

微控制器单元

STM32F302VC

请根据您的具体应用定制显示的信息,无论是显示实时数据、状态指示器、警报还是用户说明。

A

A

硬件概览

它是如何工作的?

LCD Mono Click基于Sharp的LS013B7DH03,这是一款具有反射式有源矩阵的LCD显示器,具有稍微透射式存储液晶显示模块,采用了128x128面板和CG硅薄膜晶体管。它的透射模式是通过背光实现的,并且您可以使用串行数据信号通信来控制显示。它采用了单片技术,具有薄、轻、紧凑的模块,最重要的特点是超低功耗TFT面板。对于微控制器应用程序,强大的显示器通常可能因价格、CPU处理能力或功耗预算而无法使用。但是,您可以利用EFM32的节能功能和Sharp低功耗矩阵存储器LCD创建强大的显示应用程序。该应用程序可以驱动一个128x128像素的显示,绘制静态图像

时的电流仅为2µA。即使每秒更新一次帧,电流消耗也可以低于5µA。此Click的显示器,LS013B7DH03 LCD,是一款1.28英寸、128x128像素的单色显示器,具有3线SPI接口。除了SPI接口外,显示器还需要一个3.3V电源和三个额外的引脚,分别命名为EXTMODE、EXTCOMIN和DISP。EXTMODE引脚控制极性反转的控制方式。显示器要求液晶电池单元之间的极性在恒定频率下反转。这种极性反转可以防止电荷在单元内积聚。如果EXTMODE为LOW,则通过SPI发送特殊命令来切换极性反转。如果为HIGH,则极性反转由EXTCOMIN引脚控制。如果EXTMODE为HIGH,则每个

EXTCOMIN引脚的上升沿都会使极性反转生效。实际的极性反转是在SCS的下一个转换触发的。切换频率应至少为1 Hz。如果EXTMODE为LOW,则忽略此引脚。DISP引脚切换显示器的开或关(而不使像素失去状态)。当为LOW时,显示器关闭;当为HIGH时,显示器打开。此Click板只能使用3.3V逻辑电压电平操作。在使用具有不同逻辑电平的MCU之前,板上必须执行适当的逻辑电压电平转换。此外,它配备了一个包含功能和示例代码的库,可供参考进行进一步开发。

LCD Mono Click top side image
LCD Mono Click bottom side image

功能概述

开发板

Clicker 4 for STM32F3 是一款紧凑型开发板,作为完整的解决方案而设计,可帮助用户快速构建具备独特功能的定制设备。该板搭载 STMicroelectronics 的 STM32F302VCT6 微控制器,配备四个 mikroBUS™ 插槽用于连接 Click boards™、完善的电源管理功能以及其他实用资源,是快速开发各类应用的理想平台。其核心 MCU STM32F302VCT6 基于高性能 

Arm® Cortex®-M4 32 位处理器,运行频率高达 168MHz,处理能力强大,能够满足各种高复杂度任务的需求,使 Clicker 4 能灵活适应多种应用场景。除了两个 1x20 引脚排针外,板载最显著的连接特性是四个增强型 mikroBUS™ 插槽,支持接入数量庞大的 Click boards™ 生态系统,该生态每日持续扩展。Clicker 4 各功能区域标识清晰,界面直观简洁,极大

提升使用便捷性和开发效率。Clicker 4 的价值不仅在于加速原型开发与应用构建阶段,更在于其作为独立完整方案可直接集成至实际项目中,无需额外硬件修改。四角各设有直径 4.2mm(0.165")的安装孔,便于通过螺丝轻松固定。对于多数应用,只需配套一个外壳,即可将 Clicker 4 开发板转化为完整、实用且外观精美的定制系统。

CLICKER 4 for STM32F302VCT6 double image

微控制器概述 

MCU卡片 / MCU

STM32F302VC Image

建筑

ARM Cortex-M4

MCU 内存 (KB)

256

硅供应商

STMicroelectronics

引脚数

100

RAM (字节)

40960

使用的MCU引脚

mikroBUS™映射器

NC
NC
AN
NC
NC
RST
SPI Chip Select
PA4
CS
SPI Clock
PA5
SCK
SPI Data OUT
PA6
MISO
SPI Data IN
PA7
MOSI
Power Supply
3.3V
3.3V
Ground
GND
GND
COM Inversion Polarity Output
PE9
PWM
NC
NC
INT
NC
NC
TX
NC
NC
RX
NC
NC
SCL
NC
NC
SDA
NC
NC
5V
Ground
GND
GND
1

“仔细看看!”

Click board™ 原理图

LCD Mono Click Schematic schematic

一步一步来

项目组装

PIC32MZ MXS Data Capture Board front image hardware assembly

从选择您的开发板和Click板™开始。以CLICKER 4 for STM32F302VCT6作为您的开发板开始。

PIC32MZ MXS Data Capture Board front image hardware assembly
Thermo 21 Click front image hardware assembly
Board mapper by product6 hardware assembly
Necto image step 2 hardware assembly
Necto image step 3 hardware assembly
Necto image step 4 hardware assembly
Necto image step 5 hardware assembly
Necto image step 6 hardware assembly
PIC32MZ MXS Data Capture Board NECTO MCU Selection Step hardware assembly
Necto No Display image step 8 hardware assembly
Necto image step 9 hardware assembly
Necto image step 10 hardware assembly
Necto image step 11 hardware assembly

实时跟踪您的结果

应用程序输出

1. 应用程序输出 - 在调试模式下,“应用程序输出”窗口支持实时数据监控,直接提供执行结果的可视化。请按照提供的教程正确配置环境,以确保数据正确显示。

2. UART 终端 - 使用UART Terminal通过USB to UART converter监视数据传输,实现Click board™与开发系统之间的直接通信。请根据项目需求配置波特率和其他串行设置,以确保正常运行。有关分步设置说明,请参考提供的教程

3. Plot 输出 - Plot功能提供了一种强大的方式来可视化实时传感器数据,使趋势分析、调试和多个数据点的对比变得更加直观。要正确设置,请按照提供的教程,其中包含使用Plot功能显示Click board™读数的分步示例。在代码中使用Plot功能时,请使用以下函数:plot(insert_graph_name, variable_name);。这是一个通用格式,用户需要将“insert_graph_name”替换为实际图表名称,并将“variable_name”替换为要显示的参数。

软件支持

库描述

此库包含LCD Mono Click驱动程序的API。

关键功能:

  • lcdmono_draw_text - 在屏幕上绘制文本

  • lcdmono_display_power - 显示电源状态

  • lcdmono_display_reset - 重置程序

开源

代码示例

完整的应用程序代码和一个现成的项目可以通过NECTO Studio包管理器直接安装到NECTO Studio 应用程序代码也可以在MIKROE的GitHub账户中找到。

/*!
 * \file 
 * \brief LcdMono Click example
 * 
 * # Description
 * This application sets text on lcd displey.
 *
 * The demo application is composed of two sections :
 * 
 * ## Application Init 
 * Driver initialization - Starting LCD Mono display. Print text to the display by changing font size ...
 * 
 * ## Application Task  
 * Drawing an image to the display every 3 second.
 * 
 * *note:* 
 * - Create Image:
 *     Save the image in resolution of 128x128 px with the extension (monochrome bmp) ...
 *     Upload the image to Image2Lcd program
 *     Set parameters to:
 *            1. Output file type : C array
 *            2. Scan Mode : Horisontal scan
 *            3. Bits Pixel : monochrome
 *            4. Max width and height : 128x128
 *            5. Check only MSB first
 *            6. Check Reverse color and adjust Normal type
 * The image to be generated should contain about 2048 bytes ...
 * Insert the image into the file lcdmono_image.h
 *
 * - Create Font:
 *     Close existing project, open a new VTFT project
 *     Add label and adjust text font
 *     Generate source code
 *     Copy the font from resource.c file to this project in file lcdmono_font.h
 * 
 * \author Nemanja Medakovic
 *
 */
// ------------------------------------------------------------------- INCLUDES

#include "board.h"
#include "log.h"
#include "lcdmono.h"
#include "lcdmono_font.h"
#include "lcdmono_image.h"

// ------------------------------------------------------------------ VARIABLES

static lcdmono_t lcdmono;

static const char demo_text_lcd[ 4 ] = { 'L', 'C', 'D', 0 };
static const char demo_text_mono[ 5 ] = { 'M', 'o', 'n', 'o', 0 };
static const char demo_text_128x128px[ 10 ] = { '1', '2', '8', 'x', '1', '2', '8', 'p', 'x', 0 };

// ------------------------------------------------------ APPLICATION FUNCTIONS

void application_init ( void )
{
    lcdmono_cfg_t cfg;
    lcdmono_text_settings_t tx_set;
    lcdmono_font_t font_cfg;

    //  Click initialization.
    lcdmono_cfg_setup( &cfg );
    LCDMONO_MAP_MIKROBUS( cfg, MIKROBUS_1 );
    lcdmono_init( &lcdmono, &cfg );

    lcdmono_display_reset( &lcdmono );
    lcdmono_clear( &lcdmono );

    // Background color for all text
    tx_set.bg_color = LCDMONO_COLOR_WHITE;
    // Display text
    font_cfg.this_font = lcdmono_font_tahoma_16;
    lcdmono_set_font( &lcdmono, &font_cfg );

    tx_set.len = 3;
    tx_set.start_cord_x = 25;
    tx_set.start_cord_y = 15;
    lcdmono_draw_text( &lcdmono, demo_text_lcd, &tx_set, LCDMONO_REFRESH_TEXT_BUFFER | 
                                                         LCDMONO_CHECK_NEW_TEXT );

    font_cfg.this_font = lcdmono_font_tahoma_8;
    lcdmono_set_font( &lcdmono, &font_cfg );

    tx_set.len = 4;
    tx_set.start_cord_x = 60;
    tx_set.start_cord_y = 50;
    lcdmono_draw_text( &lcdmono, demo_text_mono, &tx_set, LCDMONO_CHECK_NEW_TEXT );

    tx_set.len = 9;
    tx_set.start_cord_x = 10;
    tx_set.start_cord_y = 80;
    lcdmono_draw_text( &lcdmono, demo_text_128x128px, &tx_set, LCDMONO_REFRESH_DISPLAY_END );

    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    lcdmono_clear( &lcdmono );
}

void application_task ( void )
{
    lcdmono_draw_frame( &lcdmono, demo_img_mikroe_light );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    lcdmono_draw_frame( &lcdmono, demo_img_mikroe );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    lcdmono_draw_frame( &lcdmono, demo_img_logo_light );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    lcdmono_draw_frame( &lcdmono, demo_img_logo );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
    Delay_ms ( 1000 );
}

int main ( void ) 
{
    /* Do not remove this line or clock might not be set correctly. */
    #ifdef PREINIT_SUPPORTED
    preinit();
    #endif
    
    application_init( );
    
    for ( ; ; ) 
    {
        application_task( );
    }

    return 0;
}

// ------------------------------------------------------------------------ END

额外支持

资源

喜欢这个项目吗?

'购买此套件' 按钮会直接带您进入购物车,您可以在购物车中轻松添加或移除产品。