image-mode

当用Emacs打开一张图片时,Emacs会自动进入image-mode,并显示出图片来. (如果你的操作系统是windows,默认是不支持显示图片的,那么请参考 windows版本的Emacs 无法显示图片的解决方法)

在 image-mode 中,按下 n (image-next-file) 可以看同一个目录中的下一张图片,按下 p (image-previous-file) 则能查看同一目录下的上一张图片.

尤其需要说明的是,Emacs能将zip等压缩文件当成目录来看待,因此你可以在dired中进入zip包并查看zip包中的图片, 但是当你想通过 n 和 p 来查看zip同下/上一张图片时,会发现查看的并不会是zip中的图片,而是zip文件所在目录下的图片.

你甚至可以按下 r (image-rotate) 来旋转图片.

如果查看图片是类似gif这样的动态图片,刚打开图片时并不会自动播放该动画,你可以按下回车就可以让它动起来了.

浏览动态图片时,image-mode还提供了以下一些快捷键:

f (image-next-frame): 查看下一帧图片
b (image-previous-frame): 查看上一帧的图片
F (image-goto-frame): 查看指定帧的图片
a + (image-increase-speed): 加快图片播放速度
a - (image-decrease-speed): 降低图片播放速度
a 0 (image-reset-speed): 还原图片播放速度
a r (image-reverse-speed): 重新播放图片

image-dired

Emacs自带了一款名为 image-dired 的插件,它可以以缩略图的方式显示出目录中的图片,也可以浏览想看的图片,甚至能为图片加上标签说明!

下面是image-dired的视图,来自于Xah Lee的http://ergoemacs.org

进入image-dired

进入image-dired有两种方式:

一种是在dired buffer中mark好要显示缩略图的那些图片,然后按下 C-t d (image-dired-display-thumbs). Emacs会打开一个名为 *image-dired* 的buffer,并且以缩略图的形式显示出那些被mark的图片.

还有一种方式是直接运行 M-x image-dired 然后输入包含图片的目录. 这种情况下Emacs会打开 *image-dired* buffer,并以缩略图的形式显示出目录下所有的图片.

image-dired相关操作

image-dired的相关操作基本都是在 *image-dired* buffer中进行的.

在 *image-dired* buffer中,你可以通过方向键选择各个缩略图,然后按下 RET (image-dired-display-thumbnail-original-image) 就能够在另一个window中显示出相应图片了,且若图片太大的话,还会自动缩减该图片大小以适应window的尺寸. 若想要以原始尺寸来显示图片,则只需要 C-u RET 即可.

你还可以让image-dired调用外部图片浏览器来浏览该图片,方法是按下 C-RET (image-dired-thumbnail-display-external). Emacs会使用 image-dired-external-viewer 中指定的浏览器来浏览图片.

为了方便浏览图片,你可以按下 SPC (image-dired-display-next-thumbnail-original) 来查看下一张缩略图对应的图片, 还可以按下 DEL (image-dired-display-previous-thumbnail-original) 来显示上一张缩略图对应的图片.

除了浏览图片之外,image-dired还提供了一些管理图片的功能. 比较常用的功能有:

d (image-dired-flag-thumb-original-file): 在dired中标记对应的图片文件为待删除的文件.
C-d (image-dired-delete-char): 删除对应的缩略图(但不会删除原图片文件!)
tt (image-dired-tag-thumbnail): 为缩略图添加标签
tr ((image-dired-tag-thumbnail-remove)): 为缩略图删除标签
c (image-dired-comment-thumbnail): 为缩略图添加(修改)说明
R (image-dired-rotate-original-right): 将图片向右旋转(修改原图片而不仅仅是显示),需要借助外部工具JpegTRAN
L (image-dired-rotate-original-left): 让图片向左旋转(修改元图片而不仅仅是显示).需要借助外部工具JpegTRAN

使用Emacs作为图片浏览器

通过上面的介绍可以看出,Emacs基本上可以满足一般的图片浏览需求了. 我们可以通过一小段脚本将Emacs包装成为一个简单的图片浏览器:

#!/bin/bashif [ $# -eq 1 ];thenfile=$(pwd)
elsefile=$1
fiif [ -d $file ];thenemacs -q --eval "(image-dired \"${file}\")"
elseemacs -q $file
fi

我把这段小脚本起名为 emage.sh 即 emacs-image 的意思.

若你直接运行该脚本,则会用 image-dred 显示当前文件夹下的所有图片缩略图.

同时你也可以给这个脚本带上一个表示文件夹或者图片的参数, 若参数为文件夹则会用 image-dired 浏览指定文件夹下的所有图片, 若参数为文件,则会直接用emacs来浏览该图片.

这里需要说明一下的是,为什么我这里用 emacs -q 而不是用 emacsclient 呢? 是因为两个原因:

当目录中的图片太多时, image-dired 消耗大量的时间来生成缩略图,而这期间会造成Emacs卡死. 所以我这里用 emacs 新启动一个进程.
当开启了evil插件后,会发现有些 image-mode 与 *image-dired* buffer中的快捷键会被evil覆盖掉,不太好用. 所以我这里用 -q 选项来阻止emacs读取配置文件.

Emacs作为图片浏览器相关推荐

Emacs下网络浏览器w3m
Emacs下网络浏览器w3m Table of Contents 1 安装Emacs-w3m 1.1 安装必需的依赖文件 1.2 安装w3m 1.3 安装Emacs-w3m 2 编辑Emacs-w3m ...
linux 浏览器源码下载,Android开发：图片浏览器源码
Android 图片浏览器源码,是你学习Android很好的例子,希望对你的学习有帮助. main.xml android:layout_width="fill_parent" a ...
在Ubuntu 16.04.1 LTS上安装XnView Multi Platform图片浏览器0.83
XnView Multi Platform是一个全平台(Windows, Linux, Mac)下的全能图片工具,类似Windows平台的美图看看,阿香婆图片浏览器等等,效果非常赞,是我在Ubuntu ...
javascript图片浏览器的核心——图片预加载
网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要重新下载一下整个页面.不过,在web2.0时代,更 ...
7.QML Qt Quick——基于Qt Quick Controls 2实现图片浏览器
Qt Quick Controls 2提供了一组UI控件,例如按钮,标签,复选框,滑块等(用之查之即可).用于在Qt Quick中创建用户界面.UI控件很多,这里通过一个图片浏览器的实现来逐步讲解图 ...
java课程设计图片浏览器_java课程设计图片浏览器
[实例简介] 图片浏览器最基本的功能是能浏览一个目录中的所有图片,并可以点击浏览上一张图片或者下一张图片,还有对图片放大与缩小,或者翻转图片等操作,在这里,实现了图片的浏览功能,导航功能(下一张.上一 ...
【Android 应用开发】AndroidUI设计之图片浏览器
图片浏览器效果图 : 源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6875083 -- GitHub : https:/ ...
Flex3.0 图片浏览器（平移、光标中心点放缩、任意角度旋转）
import flash.events.Event;import flash.events.MouseEvent;import flash.geom.Matrix;import flash.geom. ...
iOS开发系列--无限循环的图片浏览器
概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件都介绍一遍确实没有必要,所谓授人以鱼不如授 ...

Emacs作为图片浏览器

目录