uniapp配置app的快捷菜单

713 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

快捷菜单是啥

相信大家都知道uniapp吧, 如果不知道uniapp的话那知道app吧?很好,如果不知道的话,那我就只能开门了。

公司项目是个租房的APP,垂直的APP的往往很难长期留住客户,都是召之即来挥之即去,拔*无情,所以公司为了更好的服务客户,所以开发了一系列提高用户体验的服务,其中一个不起眼但是又比较眼前一亮的功能就是app的快捷菜单功能了。

快捷菜单是啥呢? 看个图

image.png

弱弱的说一句,网图侵删。

再说一句,支付宝打钱。

事实上虽然我是个开发, 但之前都不知道原来app还有个这玩意,你说他方便吧好像听方便,但实际用来不得不吐槽一句,不如ios的体验。

这可不是果吹,我自己就是Android老粉,使用区别在于,Android要长按,然后弹出之后再点击对应的菜单。

而ios可以长按不松手就会弹出菜单,这时可以直接把手指移过去,全程手机不用离开屏幕。

背景铺垫完了,该说说正事了。

uniapp开发app可以用H5的移动端api

Android配置代码如下

addShortcuts(plus.android.runtimeMainActivity(), [
  {
    id: 'Feedbacks',
    icon: plus.io.convertLocalFileSystemURL('/static/Compose.png'), //本地图片,要使用平台绝对路径
    path: 'Feedbacks',
    shortLabel: '你有什么意见吗?',
    title: '反馈及建议'
  },
  {
    id: 'CustomerService',
    icon: plus.io.convertLocalFileSystemURL('/static/Message.png'), //本地图片,要使用平台绝对路径
    path: 'CustomerService',
    shortLabel: '7x24小时提供服务',
    title: '在线客服'
  },
  {
    id: 'Match',
    icon: plus.io.convertLocalFileSystemURL('/static/MarkLocation.png'), //本地图片,要使用平台绝对路径
    path: 'Index',
    shortLabel: '为你匹配的出租人/租客',
    title: '查看匹配'
  },
  {
    id: 'Opportunities', //必填,不能重复
    icon: plus.io.convertLocalFileSystemURL('/static/Favorite.png'), //本地图片,要使用平台绝对路径
    path: 'Opportunities', //选填,跳转的页面路径
    shortLabel: '基本介绍和合作机会', //选填
    title: '关于我们' //必填
  }
]);

至于ios的快捷菜单则是需要在苹果的xcode中,打包的时候配置了,当然,这里是离线打包的配置方式。