ios - 无法限制 LeftNavButton 和 RightNavButton 区域外的点击事件监听器？

Question

我在 appcelerator studio 中创建了一个示例合金应用程序。当我点击外部按钮(图像)时，也会执行事件。如何限制单击事件，如果我在 LeftNavButton 或 RightNavButton 之外执行事件。谁能帮帮我。

signIn.js:

$.signInWin.addEventListener('open', function() {

        Ti.API.info('signInWin open');

        var titleLabel = Ti.UI.createLabel({ text: 'Log In', width: Ti.UI.SIZE});
        $.signInWin.setTitleControl(titleLabel);

        var leftButton = Titanium.UI.createButton({
            backgroundImage : '/left_arrow.png'
        });
        $.signInWin.setLeftNavButton(leftButton);

        var rightButton = Titanium.UI.createButton({
            backgroundImage : '/right_arrow.png'
        });
        $.signInWin.setRightNavButton(rightButton);

        leftButton.addEventListener('click', function(e) {
            Ti.API.info(' event performed on left button');

        });

        rightButton.addEventListener('click', function(e) {
            Ti.API.info(' event performed on right button');

        });
});

登录.tss:

"#signInWin":{
    backgroundColor: '#ffffff',

}
"#signInNav":{
    backgroundColor: '#00a2f7',

}

登录.xml:

<Alloy>
    <NavigationWindow id="signInNav" platform="ios">
        <Window id="signInWin">

        </Window> 
    </NavigationWindow>
</Alloy>

示例屏幕 View

Answer 1

rightNavButton/leftNavButton 的可点击区域将按钮本身扩展了几个像素。这是 iOS 的原生行为。要解决此问题，您可以将按钮包装在具有固定 高度 的 Ti.UI.View 中。这应该很容易解决您的问题!