用tabbar mode为Emacs建立tab

估计大家都很喜欢其他编辑器里的导航条,通过这些导航条,你可以快速地在你已经打开的文件里切换。一个一个的tab,的确是一个现代编辑器所不可或缺的。

在Emacs里,我们也可以用tabbar mode来实现这个功能,并且可定制的功能更强大。把tabbar mode的el包扔到你的path里,在.emacs里添加下面这一句就可以了:

(require 'tabbar)

如果你要设成随emacs的启动而自动启动tabbar mode,则需要在.emacs里添加这句:

(tabbar-mode t)

当你要遍历这些tab时,有两个命令:

M-x tabbar-forward:   跳转到下一个可见的tab
M-x tabbar-backward:  跳转到前一个可见的tab

我们可以把它们绑定到C-Tab和C-S-Tab键上:

(global-set-key [(control shift tab)] 'tabbar-backward)
(global-set-key [(control tab)]       'tabbar-forward)

这样,我们就可以快速地在各个tab中切换了。

另外,命令M-x tabbar-forward-groupM-x tabbar-backward-group则在各个tab组成的group里跳转。

Tabbar mode会自动帮你把Emacs里的文件分组。可是,默认的分组方法并不是每个人都喜欢,它会把后缀名相同的文件分为一组,比如说perl脚本都扔在一个组里,yaml文件又扔在另一个组里。写代码的时候,在这两个组里切换实在是太麻烦了!我就喜欢把除了Emacs Buffer之外的文件都放成一组,即我自己打开的文件放成一组。于是,我用下面这段代码来实现自己的想法:

(setq tabbar-buffer-groups-function
    (lambda (b) (list "All Buffers")))
(setq tabbar-buffer-list-function
    (lambda ()
        (remove-if
          (lambda(buffer)
             (find (aref (buffer-name buffer) 0) " *"))
          (buffer-list))))

我把上面的这些代码全部扔到我的.emacs文件里,就定义了我自己的tab功能,十分方便。

可以在Emacswiki上的TabBarMode里找到更多的配置技巧。

如果你的自定义tabbar中有一些tab没有对应的页面,你可以在tabbar组件的点击事件中判断当前点击的tab是否有对应的页面,如果没有则弹出一个对话框。 具体实现方法如下: 1. 在tabbar组件的点击事件中,使用uni-app提供的switchTab方法跳转到对应的页面,并在跳转之前判断当前点击的tab是否有对应的页面。如果没有则弹出一个对话框: ```vue <template> <view class="custom-tabbar"> <view class="tabbar-item" v-for="(tab, index) in tabs" :key="index" @click="tabbarClick(index, tab)"> <image class="tabbar-icon" :src="tab.iconPath"></image> <text class="tabbar-text">{{ tab.text }}</text> </view> </view> </template> <script> export default { data() { return { tabs: [ { iconPath: '/static/tabbar/home.png', text: '首页', pagePath: '/pages/index/index' }, { iconPath: '/static/tabbar/message.png', text: '消息', pagePath: '' }, { iconPath: '/static/tabbar/mine.png', text: '我的', pagePath: '/pages/mine/mine' } ] } }, methods: { tabbarClick(index, tab) { if (tab.pagePath === '') { // 判断当前点击的tab是否有对应的页面 uni.showModal({ title: '提示', content: '该功能正在开发中', showCancel: false }) } else { uni.switchTab({ url: tab.pagePath }) } } } } </script> ``` 在上面的代码中,我在tab对象中添加了一个pagePath属性,表示该tab对应的页面路径。如果pagePath为空字符串,则说明该tab没有对应的页面。在tabbarClick方法中,我首先通过判断tab的pagePath属性是否为空字符串来判断当前点击的tab是否有对应的页面,如果没有则弹出一个对话框提示用户该功能正在开发中。如果有,则使用switchTab方法跳转到对应的页面。 这样,当你点击自定义的tabbar的没有对应页面的tab时,就会弹出一个对话框提示用户该功能正在开发中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值