我已成功通过https://github.com/aliokan/cordova-plugin-admob在我的Sencha Touch应用程序中集成了AdMob,它也在Android设备中显示。但在底部它与应用程序重叠。应用程序的某些部分被推到上侧意味着它不可见。但是在方向改变方面,一切都变得完美无缺。我应该怎么做才能在不改变方向的情况下正确渲染。任何建议都将受到高度赞赏。
Ext.define("MyApp.view.Home", {
extend: 'Ext.Container',
xtype:'home',
config: {
cls:'base',
layout : 'card',
items: [{
docked:'bottom',
cls:'home',
name : 'tabBar',
items:[{
html: ['<div class="home-tab"><div class="left-tab"></div>',
'<div class="tab-container">',
'<div class="tab dash dashboard-tab activeClass" rel="dashboard"></div>',
'<div class="tab test test-drive-tab" rel="test"></div>',
'<div class="tab add" rel="add"></div>',
'<div class="tab garage garage-tab" rel="garage"></div>',
// '<div class="tab garage ss-symbolicons-block ss-home" rel="garage"></div>',
'<div class="tab engine engine-tab" rel="engine"></div></div>',
'<div class="right-tab"></div></div><div class="tab-background"></div> '].join('')
}]
}, {
xtype:'dashboard',
layout : 'card'
}, {
xtype:'testtab',
layout : 'card'
}, {
xtype:'addidea'
}, {
xtype:'garage',
layout : 'card'
}, {
xtype:'engine'
}],
listeners: {
painted: function() {
setTimeout(function() {
var success = function() {
admob.requestAd({
'isTesting': false,
'extras': {
'color_bg': 'AAAAFF',
'color_bg_top': 'FFFFFF',
'color_border': 'FFFFFF',
'color_link': '000080',
'color_text': '808080',
'color_url': '008000'
}
},
successCallback,
failureCallback
);
};
var error = function(message) {
alert('Error');
};
var successCallback = function(el) {
alert(el);
// alert('successCallback');
};
var failureCallback = function() {
alert('failureCallback');
};
var options = {
'publisherId': 'ca-app-pub-5476830338141***/9502253***',
'adSize': admob.AD_SIZE.BANNER
}
admob.createBannerView(options, success, error);
}, 2000);
}
}
}
});
此处标签栏是简单的html和css设计,而不是默认的sencha标签栏。