使用 PhoneGap 在 UIToolBar 中定位 UIBarButtonItem

Posted

技术标签:

【中文标题】使用 PhoneGap 在 UIToolBar 中定位 UIBarButtonItem【英文标题】:Position a UIBarButtonItem in a UIToolBar with PhoneGap 【发布时间】:2012-01-26 17:31:33 【问题描述】:

我正在使用 PhoneGap 1.3 并尝试在我的工具栏右侧创建一个 ios 添加按钮;但是,createToolBarItem 方法没有任何选项来设置项目的位置。我怎样才能做到这一点?这是来自 NativeControls.h 的一段 sn-p 代码:

//create the toolbar in `createToolBar` method://
toolBar = [[UIToolbar alloc] initWithFrame:toolBarBounds];

//....set some toolbar options like .hidden, .barStyle, etc.//
[toolBar setFrame:toolBarBounds];
[self.webView setFrame:webViewBounds];

//add the toolbar to the webview
[self.webView.superview addSubView:toolBar];


//create the button item in `createToolBarItem` method:
item = [[UIBarButtonItem alloc] initWithBarButtonSystemItem: UIBarButtonSystemItemAdd target:self action:@selector(toolBarButtonTapped:)];
[toolBarItems insertObject:item atIndex:[tagId intValue]];
[item release];

//then in `showToolBar` method//
[toolBar setItems:toolBarItems animated:NO];

【问题讨论】:

【参考方案1】:

您现在可能已经发现了,但是您必须在按钮左侧添加一个UIBarButtonSystemItemFlexibleSpace 才能使其右对齐。

在Phonegap中,从JS做:

nativeControls.createToolBarItem("spacer", "", "UIBarButtonSystemItemFlexibleSpace", "");

【讨论】:

以上是关于使用 PhoneGap 在 UIToolBar 中定位 UIBarButtonItem的主要内容,如果未能解决你的问题,请参考以下文章

iOS UIToolBar的使用

使用 UIToolbar 帮助修复 UIViewController

如何使用包含彩色图像的按钮自定义 UIToolbar?

如何使用自定义背景图像从 UINavigationBar 和 UIToolbar 中删除圆角?

iphone - 如何在没有 UIToolBar 的情况下使用 UIBarButtonItem 样式

隐藏 uitoolbar 在顶部留下空隙