ActionSheet插件

优质

小牛编辑

133浏览

2023-12-01

ActionSheet插件在界面上弹出一组可选菜单，用户点击选项后，返回所选择项的索引。索引从1开始计算。
使用步骤如下。
1、引入插件
在js中使用，需要require进来。

   require("cordova!cordova-plugin-actionsheet");

2、在js中使用
（1）、弹出选择菜单

带标题和取消的菜单


Model.prototype.showWithTitleClick = function(event) {
    var options = {
        'androidTheme' : window.plugins.actionsheet.ANDROID_THEMES.THEME_HOLO_LIGHT,
        'title' : '是否要分享该图片?',
        'buttonLabels' : [ '微信分享', 'QQ分享' ],
        'addCancelButtonWithLabel' : '取消',
        'androidEnableCancelButton' : true,
        'position' : [ 20, 40 ]
    };
    window.plugins.actionsheet.show(options, function(buttonIndex) {
        justep.Util.hint('返回索引: ' + buttonIndex);
    });
};

不带标题的菜单

Model.prototype.showNoTitle = function(event) {
    window.plugins.actionsheet.show({
        'buttonLabels' : [ '微信分享', 'QQ分享' ]
    }, function(buttonIndex) {
        justep.Util.hint('返回索引: ' + buttonIndex);
    });

};

（2）、调用参数说明

‘androidTheme’ : 弹出菜单的皮肤，有THEME_TRADITIONAL，THEME_HOLO_DARK，THEME_HOLO_LIGHT，THEME_DEVICE_DEFAULT_DARK，THEME_DEVICE_DEFAULT_LIGHT
‘title’ : 标题
‘buttonLabels’ : 选择内容项,
‘addCancelButtonWithLabel’ : Cancel按钮的呈现内容，比如’取消’,
‘androidEnableCancelButton’ : true || false 在IOS上系统会带上cancel，在Android上，因为有物理返回键，你需要自己设置一下是否在菜单上显示Cancel。
‘position’ : [ 20, 40 ] iPad 上弹出位置。