2014-07-21 25 views
3

我想文本知道如何放置導航欄上的右導航箭頭按鈕,並用文本顯示它,就像它是蘋果的音樂和蘋果的播客應用:向前導航箭頭按鈕隨着iOS的

Music Navigation Bar

Podcast Navigation Bar

+1

您應該製作一個自定義視圖,其中包含一個標籤和一個箭頭圖像,然後用'UIBarButtonItem'包裝視圖。 – ukim

回答

0

所以,森簡要描述,你想一個UIView拖動到你的導航欄在你UIViewController在Xcode的故事板(它會自動被包裹成一個導航欄項目,當你拖動它)。然後,將UIView的類更改爲UIControl(這會允許您稍後將輕擊手勢識別器放入其中,但現在它的行爲類似於UIView)。

現在添加兩件事情到視圖(控制):UILabelUIImageView。在標籤中輸入任何你想要的東西,並給它所需的大小等等。現在,對於UIImageView,你必須將箭頭圖像(下面的鏈接)拖到Xcode中的項目中。您可以直接下載圖像,將其拖到Xcode的項目源代碼瀏覽器面板上,確保在需要時複製圖像的選項被選中,然後單擊「確定」。

現在,在故事板點擊您UIImageView和選擇剛剛拖進的Xcode爲UIImageView的圖像(它的名稱,如果你正確地拖圖像到Xcode的,應在下拉框中自動顯示圖像;以及如果您在故事板中選擇了UIImageView,則可以在Xcode的右側面板中找到圖片下拉框)。爲了使箭頭看起來像蘋果的,將它的大小設置爲35 x 35.

現在,您只需將Tap Gesture識別器拖動到UIControl上,然後從輕擊手勢中控制並拖動(這是在你的故事板文檔大綱)到您的視圖控制器的源代碼。這將創建一個方法,您可以在其中添加代碼以繼續。例如:

- (IBAction)forwardButtonClicked:(id)sender { 
    [self.navigationController pushViewController:self.someViewController animated:YES]; 
} 

現在,它的一切都被迷住了!

希望這不是太混亂。如果您有任何問題,請告訴我。

以下是圖像的鏈接:https://www.iconfinder.com/icons/211688/arrow_forward_icon#size=512(您可以使用網頁底部的按鈕將其下載爲.png)。

爲了使藍色像蘋果的後退箭頭,我做了以下內容:

  • 我的照片編輯器(如GIMP)打開下載的圖像
  • 我參加了一個截屏蘋果默認後退按鈕箭頭(使用cmd + shift + 4在模擬器打開時拍攝屏幕截圖)。
  • 我在照片編輯器中打開了屏幕快照。
  • 我使用了顏色選擇工具並選擇了Apple箭頭的顏色。
  • 我用油漆桶填充了我的箭頭圖像的顏色。
  • 我將我的藍色箭頭圖像導出爲.png(現在您可以像前面提到的那樣將此.png拖到Xcode中)。
+0

似乎無法以此方式工作。在遵循這裏列出的所有步驟後,一個巨大的不透明白色視圖覆蓋了我的應用程序的一半以上。任何線索,我可能做錯了什麼? – judepereira

+0

我需要更多信息纔能有所幫助。你確定你設置了圖標的大小嗎?如果您在導航欄中嵌入圖像時沒有給出圖像大小,則其大小默認爲實際圖像的像素大小。也許圖像是巨大的,並延伸到導航欄之外並覆蓋您的視圖控制器。但是,如果這是問題,我會很驚訝。也許到了這個時候,你已經知道了問題所在...... –