将imageview放在导航栏上

Question

我想在导航栏的右侧添加图片。但我无法将图片视图拖动到导航栏。我只能拖一个按钮。

我该怎么做？我想要与whatsapp个人资料图片相同的东西。您知道他们在导航栏的右侧有圆形个人资料图片。

Answer 1

拖动UIView并将其放在导航栏上。然后将UIImageView拖到视图中。

这应该可以满足您的需求。

使用约束设置图像视图的高度和宽度。您必须在大小检查器中设置包含视图的宽度和高度。

Answer 2

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

 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
        }

Answer 3

不了解故事板。但是从代码中，您可以使用自定义视图创建UIBarButtonItem。

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

来自故事板：

只需将UIBarButtonItem拖到控制器导航栏中即可。在元素菜单（属性检查器）中，选择标识符：Custom和图像：您想要的图像。