一个插件，将 Ramotion 的杰出作品引入 {N} 平台。

Circle Menu 是一个可展开的圆形菜单。

由于 Ramotion 既是 前瞻性 的，也是 超级酷炫且有才华 的，他们将其开源，这使得我们可以将其提供给 {N} 社区。

Circle Menu 的 iOS 平台源代码 https://github.com/Ramotion/circle-menu

安装

npm i nativescript-circle-menu --save

用法

import {Color} from 'color';
import {TNSCircleMenu, TNSCircleButton} from 'nativescript-circle-menu';

this.circleMenu = new TNSCircleMenu();
this.circleMenu.initMenu([
    new TNSCircleButton({
        icon: "home.png",
        color: new Color('#B3714F').ios,
        action: () => {
            console.log('home selected');
        }
    }),
    new TNSCircleButton({
        icon: "search.png",
        color: new Color('#7C3FE8').ios,
        action: () => {
            console.log('search selected');
        }
    }),
    new TNSCircleButton({
        icon: "notifications.png",
        color: new Color('#4E75E2').ios,
        action: () => {
            console.log('notifications selected');
        }
    }),
    new TNSCircleButton({
        icon: "settings.png",
        color: new Color('#528100').ios,
        action: () => {
            console.log('settings selected');
        }
    }),
    new TNSCircleButton({
        icon: "nearby.png",
        color: new Color('#85D5FE').ios,
        action: () => {
            console.log('nearby selected');
        }
    })
]);

方法

initMenu(items: Array<TNSCircleButton>, menuImage?: string, closeImage?: string, position?: CGRect, bgColor?: string, duration?: number, distance?: number);

问题

将 {N} 特定的实现问题填满原生实现仓库是不礼貌的。他们非常友好地开源了一些真正优秀的 UI/UX，请尊重他们没有责任调查或解决使用此插件在 NativeScript 中出现的问题。

请先在此处创建问题 here，并且只有在确认这不是 {N} 特定的实现问题后，才应在该 Circle Menu GitHub 仓库 中创建问题。

贡献

请参阅 CONTRIBUTING 文件以获取指南。

许可证

MIT