{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.xiaopingtou.cn//data/attach/topic/topicKPo7gB.jpg', '推荐 mlpei279 的文章《【EVB-335X-II试用体验】 基于Yocto的嵌入式的敏捷项目开发：以电子相册为例》','https://www.xiaopingtou.net/article-67785.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
EVB 335X-II有一个800*480的屏幕，如果放在家里，那么我们可以做一个电子相册，在家里放着的时候，可以自动播放图片幻灯片。这篇博客，我们将使用开源方案以及Yocto来构建和完成这个小项目。
方案选择我们可以自己使用Qt/C++甚至Python，C来写一个直接操作Framebuffer，并针对不同size的图片进行适配和Zoom In/Out缩放处理，还需要对不同图片的加载进行判断，同时如果我们还希望在图片上面显示字的话，还需要一些叠加处理，然后我们还需要进行交互的API暴露，例如让user可以查看Next与Previous Picture； 网络支持；缩略图显示支持；网络图片支持；透明显示；放大缩小支持；EXIF信息解析与显示与叠加；只显示特定特征的图片；抗锯齿。
可以看到，本来想着是一个简单的电子相册，如果想去做好，并不容易。需要考虑的方面很多。
这里我们使用feh这个开源的方案。
feh有诸多的优点，feh使用imlib2并基于X11来显示，同时支持插件化配置，还支持网络。
其官方列出的features有：
以上这些features并不是feh的全部功能。大家可以man 一把或者看看doc。下面是feh的一些文档与screenshot：
http://man.finalrewind.org/1/feh/
http://feh.finalrewind.org/examples/
实现
在Yocto/Open-Embedded现有layers/recipes中feh没有加入，同时它依赖的一些包也不在里面。因此我们需要添加一些软件包。包括运行时的依赖与编译时的依赖。
依赖关系
我们在feh的官网可以看到下面这样子的prerequisite：
这个是Debian/Ubuntu准备的依赖，但是我们Yocto/Linux中很多包的名字并不对应，甚至可能就是其他的包中的sub package。对于在前面我们搭建好的Yocto环境中，我们可以去查找一下有的包。然后我们可以发现最终我们只需要：
移植libimlib2
构建好X11让feh有display
而X11在yocto中各种包都有我们可能需要的是将其config好就行了。可见yocto其实给了我们一个非常快捷的做项目的构建系统和环境。
libimlib2与feh的移植
添加依赖
我们直接在meta-bbb中添加即可。但是在添加之前，我们需要添加libimlib2的依赖，并安装到image中。因为是X11，我们直接使用core-image-x11这个image作为base来构建，我们在image的bb中添加下面这些packages：
添加imlib2 recipes
这个recipes的足够如下：
其中tar bz2包可以从sourceforge下载：
其中bb文件内容如下：
重点说明一下里面的autotools与pkgconfig，这个是因为这个libimlib2使用的是标准的autotools/autoconfig来构建编译，所以我们需要添加inhert才会正确的编译。
但是因为它的make install不标准，所以我们自己直接在FILES中redefine。同时我们也可以参考Ubuntu中的文件位置来确定我们需要install到哪：
另外如果有注释，那么需要在注释中完全用#注释掉，不要遗留反斜杠，否则会出错：
添加feh
我们在recipes-bsp中添加下面这些文件：
其中关键的是feh.bb:
简单说明一下：
1. 指定了runtime dependence，如果不添加那么会出现如下的warning，在package的时候可能会出错，而且需要添加为FILES_${PN}，否则会出现下面这个错误：
如果没有正确添加，那么也会有警告：
对于前面的imlib2而已就会出现下面这个警告：
2. 指定Source get URI
这个主要告诉fetcher如何去获取source code，以及用于Verification的文件与MD5 Checksum的值。
3. 指定如何编译与安装
这个是在install与make task指定的。
可以看到在install的时候，东西比较多，有fonts，有images，这些东西用在了EXIF以及缩略图显示中，以及broader的显示。
使用
重新构建了image之后，我们烧写到nandflash或者使用nfs，我们就可以启动了，然后我们需要为feh配置正确的配置环境。
直接运行feh可以看到下面这个错误：
这个出错的原因是我们没有正确配置DISPLAY。
X11 Display的配置
我们在ps中可以看到如下的display配置与binding：
因此我们可以直接export这个value即可：
效果图
因为无法插入video，所以拍了张图片来表示，但是实际上feh的功能特别强大，许多的功能没有演示，包括我们前面说道的那些功能。
另外我们也可以再构建一个server然后使用其他客服端来控制，甚至包括图片的传送与网络图片的显示。
总结
虽然这是一个小项目，但是各个基本的步骤都有了，且这个过程也遇到了不少问题，但是最终还是比较快捷的解决与完成了。这个是Yocto的魅力。
最后是代码： https://github.com/tonyho/imlib2
https://github.com/tonyho/feh
方案选择我们可以自己使用Qt/C++甚至Python，C来写一个直接操作Framebuffer，并针对不同size的图片进行适配和Zoom In/Out缩放处理，还需要对不同图片的加载进行判断，同时如果我们还希望在图片上面显示字的话，还需要一些叠加处理，然后我们还需要进行交互的API暴露，例如让user可以查看Next与Previous Picture； 网络支持；缩略图显示支持；网络图片支持；透明显示；放大缩小支持；EXIF信息解析与显示与叠加；只显示特定特征的图片；抗锯齿。
可以看到，本来想着是一个简单的电子相册，如果想去做好，并不容易。需要考虑的方面很多。
这里我们使用feh这个开源的方案。
feh有诸多的优点，feh使用imlib2并基于X11来显示，同时支持插件化配置，还支持网络。
其官方列出的features有：
-
Various operation modes:
- Slideshow: Show all files in or below a directory, change slides with your keyboard or automatically after a delay
- Thumbnail: List files as clickable thumbnails
- List: ls-like output with image dimensions etc.
-
Multiwindow: Open all images at once
- optional HTTP/FTP support via libcurl
- Can be used as wallpapersetter, supports rxvt transparency
- Filelist support
- Lots of configurable keyboard shortcuts. Well usable without mouse
-
Custom actions (shell commands), e.g. for sorting images
以上这些features并不是feh的全部功能。大家可以man 一把或者看看doc。下面是feh的一些文档与screenshot：
http://man.finalrewind.org/1/feh/
http://feh.finalrewind.org/examples/
实现
在Yocto/Open-Embedded现有layers/recipes中feh没有加入，同时它依赖的一些包也不在里面。因此我们需要添加一些软件包。包括运行时的依赖与编译时的依赖。
依赖关系
我们在feh的官网可以看到下面这样子的prerequisite：
First, install the dependencies:
apt-get install libcurl4-openssl-dev libx11-dev libxt-dev libimlib2-dev libxinerama-dev libjpeg-progs
这个是Debian/Ubuntu准备的依赖，但是我们Yocto/Linux中很多包的名字并不对应，甚至可能就是其他的包中的sub package。对于在前面我们搭建好的Yocto环境中，我们可以去查找一下有的包。然后我们可以发现最终我们只需要：
移植libimlib2
构建好X11让feh有display
而X11在yocto中各种包都有我们可能需要的是将其config好就行了。可见yocto其实给了我们一个非常快捷的做项目的构建系统和环境。
libimlib2与feh的移植
添加依赖
我们直接在meta-bbb中添加即可。但是在添加之前，我们需要添加libimlib2的依赖，并安装到image中。因为是X11，我们直接使用core-image-x11这个image作为base来构建，我们在image的bb中添加下面这些packages：
添加imlib2 recipes
这个recipes的足够如下：
$ tree ../imlib2/
../imlib2/
├── imlib2
│ ├── copyright
│ └── imlib2-1.4.9.tar.bz2
└── imlib2_1.4.9.bb
1 directory, 3 files
其中tar bz2包可以从sourceforge下载：
其中bb文件内容如下：
DESCRIPTION = "im lib2"
RDEPENDS_${PN} = "freetype libxdmcp tiff libx11 jpeg libbz2 libxext libxcb libpng liblzma zlib libxau"
SECTION = "libs"
LICENSE = "MIT"
#PV = "1"
#PR = "r0"
SRC_URI = "
file://imlib2-${PV}.tar.bz2
file://copyright
"
LIC_FILES_CHKSUM = "file://${WORKDIR}/copyright;md5=3dd6192d306f582dee7687da3d8748ab"
S = "${WORKDIR}/imlib2-${PV}"
inherit autotools pkgconfig
FILES_${PN}-dbg += "
${libdir}/${BPN}/loaders/.debug
${libdir}/${BPN}/filters/.debug
"
FILES_${PN} = "
${bindir}
${sbindir}
${libexecdir}
${libdir}/lib*.so.*
${sysconfdir}
${sharedstatedir}
${localstatedir}
/bin
/sbin
/lib/*.so*
/usr/share/*
${libdir}/${BPN}
${libdir}/${BPN}/*
"
重点说明一下里面的autotools与pkgconfig，这个是因为这个libimlib2使用的是标准的autotools/autoconfig来构建编译，所以我们需要添加inhert才会正确的编译。
但是因为它的make install不标准，所以我们自己直接在FILES中redefine。同时我们也可以参考Ubuntu中的文件位置来确定我们需要install到哪：
另外如果有注释，那么需要在注释中完全用#注释掉，不要遗留反斜杠，否则会出错：
添加feh
我们在recipes-bsp中添加下面这些文件：
22:45 hexiongjun:feh $ tree
.
├── feh
│ ├── copyright
│ └── Makefile
└── feh.bb
1 directory, 3 files
其中关键的是feh.bb:
RDEPENDS_${PN} = "curl libx11 libpng libxinerama imlib2"如果出现DESCRIPTION错误的提示，那么我们再继续添加DESCRIPTION即可。
SECTION = "libs"
LICENSE = "MIT"
SRCREV = "${AUTOREV}"
SRC_URI = "
git://github.com/derf/feh.git;protocol=https;branch=master
file://copyright
"
LIC_FILES_CHKSUM = "file://${WORKDIR}/copyright;md5=3dd6192d306f582dee7687da3d8748ab"
S = "${WORKDIR}/git"
do_configure () {
}
do_compile () {
make
}
do_install () {
install -d ${D}
install -d ${D}${bindir}/
install -m 0755 ${S}/src/feh ${D}${bindir}/
install -d ${D}/usr/share
install -d ${D}/usr/share/${BPN}
install -d ${D}/usr/share/${BPN}/fonts
install -d ${D}/usr/share/${BPN}/images
cp ${S}/share/fonts/* ${D}/usr/share/${BPN}/fonts/
cp ${S}/share/images/* ${D}/usr/share/${BPN}/images/
}
简单说明一下：
1. 指定了runtime dependence，如果不添加那么会出现如下的warning，在package的时候可能会出错，而且需要添加为FILES_${PN}，否则会出现下面这个错误：
如果没有正确添加，那么也会有警告：
对于前面的imlib2而已就会出现下面这个警告：
2. 指定Source get URI
这个主要告诉fetcher如何去获取source code，以及用于Verification的文件与MD5 Checksum的值。
3. 指定如何编译与安装
这个是在install与make task指定的。
可以看到在install的时候，东西比较多，有fonts，有images，这些东西用在了EXIF以及缩略图显示中，以及broader的显示。
使用
重新构建了image之后，我们烧写到nandflash或者使用nfs，我们就可以启动了，然后我们需要为feh配置正确的配置环境。
直接运行feh可以看到下面这个错误：
root@beaglebone:~# feh -x -Z -D 3 -F /Pics关于feh的参数可以看man手册，需要注意的是/Pics目录中存放的是图片文件。
feh ERROR: Can't open X display. It *is* running, yeah?
这个出错的原因是我们没有正确配置DISPLAY。
X11 Display的配置
我们在ps中可以看到如下的display配置与binding：
因此我们可以直接export这个value即可：
export DISPLAY=:0然后继续运行即可正确运行：
feh -x -Z -D 3 -F /Pics/
效果图
因为无法插入video，所以拍了张图片来表示，但是实际上feh的功能特别强大，许多的功能没有演示，包括我们前面说道的那些功能。
另外我们也可以再构建一个server然后使用其他客服端来控制，甚至包括图片的传送与网络图片的显示。
总结
虽然这是一个小项目，但是各个基本的步骤都有了，且这个过程也遇到了不少问题，但是最终还是比较快捷的解决与完成了。这个是Yocto的魅力。
最后是代码： https://github.com/tonyho/imlib2
https://github.com/tonyho/feh