[置顶]NAS系统添加lcd4linux显示屏

 

在淘宝上看见各种监控显示屏，突发奇想在NAS机箱上也添加一个，首先在SOLIDWORKS上画一个，得出相对数据开料动工。

是不是看到有点像。。。。。。。是的模仿坦克机箱，增加了2个盘位再增加一个显示屏。在淘宝上相中了一款3.5寸适合内置的小屏

内置主板usb获取电源及同步信号就4条线，走线方便非常适合diy，大小也比较贴合我机箱尺寸。

其实我也是刚刚学会安装群晖，菜鸟一个，下面就由各菜鸟用菜鸟方法写个教程让大家都能轻松安装上

 

第一步 安装USB Dispplay 驱动
步骤一：
01 把显示屏用配套送的USB线连接到电脑上，此时电脑提示无法安装驱动，打开设备管理器可以看到USB-Display设备未能识别。WIN7 显示如下：

 

步骤二：双击打开教程文件夹的zadig-2.5.exe 软件，第一次打开会提示时候在线升级，点击否就好。

打开软件界面如下：从图中可以看到软件能正确识别出USB-Display设备。

点击下图中的下箭头选择libusb-win32(v1.2.6.0)

最后再点击那个install Deiver按钮 ,等待它帮助安装好LCD屏USB驱动即可关闭软件。（注意：点击按钮后可能软件会卡顿，没反应，耐心等待几秒即
可。）LCD屏USB驱动安装完成后可以在设备管理器看到USB-Display已经正常识别。至此LCD屏驱动已经完整安装完毕。

第二步：做一个开机时屏幕固定logo的画面，使用LcdTools.exe工具来实现

这里横屏与竖屏都要按横屏图片格式

步骤一：点击Link Lcd 按钮 Lcd Info 里不是屏的分辨率，而是其他数据，如下图的480x320

步骤二：
点击Load Pic按钮 把需要更新的图片加载进来后如上图所示。点击Updat Pic按钮软件会更新LCD屏开机Logo图片,更新完毕后，即可重新拔插LCD屏就可以看到开机Logo已经更换。

这里说明一下，这个logo是nas系统没有完成开机加载是显示的图片，成功加载后会自动转到监控界面。

 

群晖篇：

群晖安装lcd4linux第一步：构建共享文件夹在用于PC跟DSM传递文件

步骤一： 在DSM系统的控制面板新增加名为ShareFolder共享文件夹

启动家目录服务并应用

步骤二： 在 Windows系统下映射共享文件夹，且把需要传递的文件复制到此共享文件夹里面去

第三步：超级终端链接DSM安装lcd4linux
DSM的“控制面板” ---> “终端机和SNMP” ，勾上“启动Telnet功能”和“启动SSH功能”的勾，然后点击“应用”

电脑连接DSM输入账号与密码

链接成功 输入sudo-i  回车 输入DSM root 密码回车 登录超级用户

输入 /volume1/ShareFolder/lcd4linux/dsm6-install.sh 安装lcd4lnux运行环境（没有找到实时显示软件这个命令可以每次修改后运行一次）

这里运行dsm6-install.sh这个配置文件是已经指向 heng12.conf 这个屏幕配置文件，显示就是这个

 

volume1是工具你实际情况修改，这里就不做详细说

 

经过上面操作，LCD 屏应该能显示了。若需要测试其他主题则按一下操作

测试其他主题
先关闭lcd4linux
输入killall lcd4linux
开始运行 配置主题heng13.conf
输入 /mnt/lcd4linux/lcd4linux -f /mnt/lcd4linux/heng13.conf  

 

可设置的配置文件在lcd4linux文件中如下图所示

输入cp -r /volume1/ShareFolder/lcd4linux/rc.local  /etc  设置开机启动

配置监控界面

首先我们要弄清楚结构CONF是配置文件，而ING是存放图片的地方

#LCD显示配置

Display dpf {undefined

Driver     'DPF'                                   #LCD驱动类型

Port       'usb0'                                  #连接端口

Font       '6x8'                                   #字体大小

Foreground 'ffffff'                                 #字体颜色

Background 'ffffff00'                               #背景颜色

Basecolor  '000000'   #ffffff00                     #基础颜色，这个具体作用在哪还没测试 呵呵

Orientation 1          # Orientation value from 0-3 #显示方向设置

Backlight  backlight   # Backlight variable control #背光控制

}

#图片显示配置

Display Image {undefined

Driver     'Image'                                 #驱动类型

Format     'PNG'                                   #显示图片类型

Size       '240x320'                               #窗口大小

Font       '6x8'                                   #字体

Pixel      '4+1'                                   #像素

Gap        '-1x-1'                                 #间隔

Border      20                                     #边界

Foreground 'ffffff'

Background 'ffffff00'

Halfground '#70c000'

}

#显示主题背景，图片显示基本差不多。

Widget Bgnd {undefined

class 'Image'                                      # 显示类型

file imgadir . 'bakground.png'                     #图片路径

reload 1

update minute                                      #刷新时间。

inverted 0                                         #反转颜色、黑变白

visible 1                                          # 》0显示 =0不显示

}

#文字显示

Widget CPUText {                                           #部件名，最好不要使用熟悉的词，有可能造成不能正常显示

class  'Text'                                      # 显示类型

#expression uname('machine')

expression cpuinfo('model name')                   #输出信息

prefix 'CPU Tmp: '                                 #前置信息，会显示在expression输出的数据前面

width  7                                           #文字总宽度

# align  'R'                                       #文字位置，即在一个框里。L左边 R右边 C中间 M移动

align  'M'

style 'bold'                                       #字体加粗

update minute

Foreground 'f50d0d'

Background 'FFFFFF00'

precision  0                                       #得到的数据精确值，0为不显示小数点后值， 》0的表示获取小数点后几位，这个参数在图片显示中不能使用。

postfix 'G'                                        #信息后缀，一般配合显示位置R来使用，否则位置有时会乱

length 13                                          #获取信息长度

}

#进度条

Widget DiskBar {undefined

class 'Bar'

expression  diskstats('sda', 'read_sectors',  500)

expression2 diskstats('sda', 'write_sectors', 500)

length 13                                          #进度条长度

direction 'E'                                      #这个测试不出来效果，按字面意思是方向，具体什么作用？？

#        style 'H'                                          #风格，具体还有什么参数不知？？？？

update tack

Foreground '5f5f5f'

Background '3f3f3fFF'

BarColor0 '00FF00'

BarColor1 'FF0000'

}

Display 'DPF'  #显示定义

#布局

Layout mylayout {undefined

#文字显示区

Row13.Col27 'CPUText' #Row为上下移动0-40，Col为左右移动0-34

#Layer为图片层，层的作用，比如两张图片坐标一样。在同层中有可能错乱，所以分开放两层就解决。

#第三层，主要用来显示主背景。，测试下只能建立三层，建四层直接不显示第四层内容。

Layer 2 {undefined

X1.Y1 'Bgnd'        #X为上下。Y为左右

}

#二层

Layer 1 {undefined

X61.Y184 'Weather1'

}

#一层

Layer 0 {undefined

X156.Y155 'PMDetail2'

}

}

Layout 'mylayout'

#自定义区，上面用到的参数可以在此定义，

Variables {undefined

backlight 2

tick 500

tack 200

second 1000

minute 60000

DorN      'day'

ioDevice 'sda' #显示读写数据的设备

netdevice 'eth0' #网络状态的网络设备

imgadir   '/usr/share/lcd4linux/mytheme/Img/'

datadir   '/usr/share/lcd4linux/mytheme/data/'

SpaceDir  '/volume1'

 

 

请细看上面注释，如果还是不明白就一步一步来

为了方便解说红色位置名称我们理解为代号吧就是把机器名称写入到Machine这个代号中，同样道理 把群晖ip地址写入到IPText这个代号中 ，里面基本上都有注释，多看几回就明白。那么我们调整位置就要根据这些代号来调整，看下图

我们ctrl+f可以搜索要找的代号，在配置文件下面就可以找到Row4.Col17 'Machine'

 

Row4 就是第4行的意思

Col17 就是第17列的意思

 

Machine 就是上面的代号，这样看明白了吧，现在只需要修改4和17这2个数字就可以控制机器名称上下左右移动，修改好后运行一下命令 /volume1/ShareFolder/lcd4linux/dsm6-install.sh看看修改的效果，如此类推重复操作

 

还有 上下层 图片显示的，上下层相同坐标

 

 

其实里面全部都是注释，如果不会都不知道怎么样说

 

X183.Y40 'vol100'他是在Layer 2下面的，意思在2层的183行40列显示这个图片

X183.Y40 'vol101' 他是在Layer 1下面的，意思在1层的183行40列显示这个图片

 

图片调整幅度比刚才代号的行和列步幅要小好多倍，自己在修改过程中慢慢体会

 

还有一些变量是根据自己想显示的要求去修改的都是要配对上的，网络模式，存储池。。。。。。

比如SpaceDir1 '/volume1'就是用 SpaceDir1 代表 volume1 存储，假设我不想显示 volume1 你改成2就显示第二个存储容量，百分比。。。。

 

调整位置基本上就这样，如果有背景图，是要互相配合，不停改图，移配置坐标，因为配置移动一格就未必配合上你的底图

这里bakground11_400.png背景图片是对应img这个目录的，当然名称可以你自己想要的，能对应上就可以

 

威联通安装篇

第一步 安装Entware环境

方法一：在Appcenter 添加第三方商店源，然后找到并安装Entware

 

 

方法二：

使用putty登录威联通安装

ssh下输入一句命令即可搞定：

wget -q http://bin.entware.net/other/Entware_1.01std.qpkg && sh Entware_1.01std.qpkg

安装时间不是很长等待跑码完成

安装完成后设置一下环境变量：

export PATH=$PATH:/opt/bin:/opt/sbin

 

关闭 ssh 软件再重新打开登录（这一步很重要）

开始安装 lcd4linux

输入命令1： opkg update

输入命令2： opkg install lcd4linux

等待较长时间后所有需要组件自动安装完毕<据说Entware-ng会连国外服务器，自动匹配后台CPU架构下载代码，有可能需要代理FQ>,至此lcd4linux 软件安装完毕。

 

打开WinSCP软件直接打开路径 /share/CACHEDEV1_DATA/.qpkg/Entware/etc

如果nas安装了文本编辑器直接打开配置文件修改

 

设置与群晖大同小异

告诉大家一个小技巧：每次修改好后在 Appcenter 停用 Entware 再打开实现重新加载，不需要重启nas

 

 

 

我的效果图

 

链接：https://pan.baidu.com/s/1vwAIHRyfiIjUNkZuG4Ag-A
提取码：8888