Question

我正在寻找在两个平台上的容器视图中创建菜单。但是我在这里或文档上找不到任何关于此的信息。看起来我需要创建一个窗口或类似的东西，但是我做不到，或者我不了解它是如何工作的。我的公司要求我更新此应用程序，但我以前从未在appcelerator上工作过，所以我很困惑。

如果有人可以花点时间解释我该怎么做或要搜索什么：）

谢谢！

这是我要添加菜单的文件，如您所见，我添加了标签，但我认为效果不是很好^^

exports.createView = function(args){
 args = args || {};
 var specialStyle = _.extend({
    backgroundColor: '#35363a'
    , height: Alloy.isHandheld ? 50 : 100
    , width: Ti.UI.FILL
    , top: OS_IOS ? /*(Alloy.isHandheld ? 25 : 50)*/ /* */ 22 /* */ : 0
    , left : 0
}, args);

// On crée le cadre
var headerView = Ti.UI.createView(specialStyle);


var containerView = Ti.UI.createView({
    width:Ti.UI.FILL
    , height: Ti.UI.FILL
    , top: 0
    , left:0
    , layout: 'horizontal'
    , zIndex: 10
});
headerView.add(containerView);

// Ajout du bouton pour quitter
var labelQuit;
containerView.add(labelQuit = Ti.UI.createLabel({
    height: Ti.UI.FILL
    , width: '13%'
    , backgroundColor: "red"
    , font: {
        fontFamily:'nepting'
        , fontSize:Alloy.isHandheld ? 17 : 34
    }
    , text : ''
    , color:  '#fff'
    , top : 0
    , left: 0
    , textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER
    , isLabelQuitApp : true
}));

// Espace pour le nom de l'utilisateur
containerView.add(Ti.UI.createView({
    width:'5%'
    , left: 0
}));


// Utilisateur connecté, sur le header view principal
var labelUser;
headerView.add(labelUser = Ti.UI.createLabel({
    width: Ti.UI.FILL
    , height: Ti.UI.FILL
    , top: 0
    , left: 0
    , text : Alloy.Globals.connectionInfo.userLogin || 'UTILISATEUR Dummy'
    , color: '#ccc'
    , font: {
        fontSize: Alloy.isHandheld ? 12 : 24,
        fontFamily: 'DINOT-Light'
    }
    , textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER
    , zIndex: 2
}));
// Logo de la marque paramétrée
var imageCustomLogo, customLogoView;

// Ajout de la vue du logo personnalisé au conteneur
containerView.add(customLogoView = Ti.UI.createView({
    width: '50%'
    , backgroundColor: "green"
    , left: 0
    , height: Ti.UI.FILL
    , textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER
}));

// Ajout de l'image
customLogoView.add(imageCustomLogo = Ti.UI.createImageView({
    image : '/images/customLogo.png'
    , width: '70%'
  //, height: Alloy.isHandheld ? 42 : 84
}));

var menu;
containerView.add(menu = Ti.UI.createLabel({
    height: Ti.UI.FILL
    , width: '12%'
    , top: '40%'
    , backgroundColor: "purple"
    , font: {
        fontFamily:'nepting'
        , fontSize:Alloy.isHandheld ? 17 : 34
    }
    , text : ''
    , color:  '#fff'
    , top : 0
    , left: 0
    , textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER
}));

// On retourne le cadre du header
return headerView;

};

容器视图中的Appcelerator菜单

0 个答案: