2015-05-05 83 views
1

我想將圖像添加到導航欄的右側。但我無法將圖像視圖拖動到導航欄。我只能拖動一個按鈕。將imageview放在導航欄上

enter image description here

我怎樣才能做到這一點?我想與whatsapp配置文件圖像相同的東西。你知道他們在導航欄的右側有個人資料圖片。

回答

7

首先拖動UIView並將其放置在導航欄上。然後將UIImageView拖入視圖中。

這應該給你你在找什麼。

使用約束設置圖像視圖的高度和寬度。您必須在尺寸檢查器中設置包含視圖的寬度和高度。

1

不知道故事板。但是從代碼中,您可以創建具有自定義視圖的UIBarButtonItem

 let customView = UIImageView() 
     let customViewItem = UIBarButtonItem(customView: customView) 
     self.navigationItem.rightBarButtonItem = customViewItem 

從故事板:

只需拖動UIBarButtonItem到控制器中的導航欄。在元素菜單(屬性檢查器)中選擇標識符:Custom和Image:你想要的圖像。

+0

這個代碼是如何知道在何處放置?我的意思是爲什麼這段代碼將圖像放在右邊而不是左邊? – Okan

+0

這只是一個如何創建它的例子。 –

1
**This will Display the image on right side on navigation bar** 

enter image description here

func viewDidLoad(){ 
     let containView = UIView(frame: CGRect(x: 0, y: 0, width: 40, height: 40)) 
       let imageview = UIImageView(frame: CGRect(x: 0, y: 0, width: 40, height: 40)) 
       imageview.image = UIImage(named: "photo.jpg") 
       imageview.contentMode = UIViewContentMode.scaleAspectFit 
       imageview.layer.cornerRadius = 20 
       imageview.layer.masksToBounds = true 
       containView.addSubview(imageview) 
       let rightBarButton = UIBarButtonItem(customView: containView) 
       self.navigationItem.rightBarButtonItem = rightBarButton 
     }