一、目的 在自己的嵌入式产品，尤其是单片机/arm/dsp之类的裸机产品或者轻量级产品上，为了运行快速、缓存低、轻量级的界面设计开发，需littlevgl恰好满足这个目的，且由于其免费，所以值得设计者研究或者去利用移植到自己平台上。 本次移植是在nuc970这个arm9平台实现的，其他平台类似。littlevgl的界面移植很简单，并不繁琐，很容易移植到终端mcu平台...

LITTLEVGL开发-PC模拟环境搭建一、 目的二、 步骤**2.1 安装visual studio2017**2.2 下载基于visual studio实现的littlevgl的demo2.3 下载libsdl和sdl库文件2.4 完善2.2节的demo一、 目的搭建一个可以在pc机学习littlevgl的开发环境。本次是基于visual studio2017实现。二、 步骤2.1 安...

如何添加自己程序一、 目的 前一章移植了开发环境，当前这章节描述如何搭建自己的案列。二、 描述对于任何一个UI图像系统而言，它只是一个人机界面图形处理一个逻辑，主要处理的是图像显示，成像效果，输入操作（触摸，鼠标，感应等），以便完成人与机的最直接交互。 实际操作中，UI很多工作是功能方面，与实际硬件无关，如图像渲染，各种模块的绘制，比如按键等，这些操作属于功能，而不和具体的平...

画圈标题一、 目的 采用littlegl绘制一个圈。标题二、 流程方案标题2.1 方案原理 littlegl中提供了一个画弧度的函数。我们可以采用此函数绘制一个圆。此UI系统中将各个对象外观，属性和行为都独立分开。 要绘制一个圆，我们至少要做两个操作，即圆绘制（包含了半径大小），另外一个为圆的一些属性（修饰或者风格），即颜色，边框宽度，以及叠影等。标题 绘制圆弧的函数：...

目的学习使用复选框。功能描述同其他ui的复选框一样，littlevGL也提供了一个复选框功能。用户可以配置复选框的风格，文本，以及事件回调的应答任务。控件创建步骤及函数创建步骤用户可以创建一个复选框对象，并配置对应的文本。此文本不能是局部变量。可配置复选框的初始状态，是否有效，以及风格和对应事件。函数 控件创建 lv_obj_t *lv_cb_create(...

目的学习canvas的使用。功能描述用户想绘制一个自己的图片。这个图片了有大小要求，可以调配画布中各个颜色，如果单片机操作某个像素或者三色的led灯一样，控制各个像素的颜色。ui提供了一个画布的控件。用户可以在上面可以设计自己想要的图形、文字。设计显示的风格，并对这些设计的图案可以切换任何角度。控件使用步骤以及相关函数描述使用步骤首先创建一个canvas对象，然后给其绑...

目的学习理解slider功能模块。功能描述滑块和bar类似。可以用于描述一个事件、容量等的进度状态。可以用于显示一些检测的值，如压力，温度，完成任务，速度等；也可以用于和input类设备联合滑动修改某些值。和bar相比，他是主动控件。一个slider，有三个部分组成。背景（可以理解成画板），滑条内背景（指示器），滑块划过的实质滑条。详细可以通过案列来理解。用户可以分别配置这三...

目的熟悉该UI的MessageBox的创建和使用。功能描述消息盒子用于提示选择的作用。用户可以根据自己功能的需要创建自己的消息盒子，用来做多重选择。创建步骤和函数描述创建步骤一个消息盒子创建主要经过以下过程。盒子即将显示父类窗口的创建，用于寄托于盒子，这样盒子可以在此窗口显示，通常就为一个obj即可； 修饰盒子的父类，由于一般消息盒子不会过度遮挡住引起产生这个消息盒子...

目录目的功能描述原理和功能函数描述创建按钮矩阵装饰和属性配置按键的text配置按键的宽度配置按键的开关属性配置按键的属性配置按键的风格其他事件案列代码结果目的实现一个如虚拟键盘似的按键阵列矩阵。以方便应用在计算器，键盘输入等场合。功能描述矩阵按键阵列实际和普通的button一样。只不过将多个button放在一起显示。稍微差异...

目的 学习LittlevGL的“按键”模型使用方法。 功能描述 对于button，在littlevGL中有两大类型。一个是作为按键，一个是作为开关。 按键，即像普通的键盘或者遥控器之类的按钮一样，按下了，手松开后，此按键会恢复出释放的状态，表示一次单击。 开关，相当于一些拨码开关，或者一些电源的一些按钮，按下后，保持按下的状态，再按一次...

目的 学习并实现一个类似于进度条的“棒”模型。 功能和函数介绍 功能介绍 bar在littlevGL中由两部分组成，一个背景，一个是前面的指示迹象。用户可以通过其显示一个任务的执行进度。 要实现一个bar，需要能够创造它的对象，描述其在父类显示的位置，它的尺寸大小，背景和指示迹象的风格，指示迹象滑动范围，设定其值。同时它有个特殊的功能，即能...

目的 学习使用calendar对象的用法。功能描述 calendar对象为当前ui提供的一个日历描述结构对象。即用户如果要显示一个日历方面的功能，可以在此对象上进行扩展描述。 用户可以在此calender设置自己显示的风格，配置星期、月的别名，也可以配置当前日期，显示的日期，高亮的日期。配置选择某个日期时发出时间，或者到达某个日期（日期选中发生LV_EVENT_VALUE_CHA...