Help with Toolbar, leftViews too wide

[theolof]

I'm not sure if this is an iOS thing or Material thing...
In your sample ToolbarController I'm trying to add an image instead of a button as the leftViews.

I've added this function

    fileprivate func prepareProfileImageView() {
        let profileImage = UIImage(named: "lys")?.resize(toWidth: 40)
        profileImageView = UIImageView(image: profileImage)
        profileImageView.layer.cornerRadius = profileImageView.image!.width / 2
        profileImageView.clipsToBounds = true
        profileImageView.contentMode = .scaleAspectFit
        profileImageView.backgroundColor = Color.red
   }

and replaced

    fileprivate func prepareToolbar() {
        toolbar.backgroundColor = Color.blue.darken2
        toolbar.leftViews = [menuButton]
        toolbar.rightViews = [starButton, searchButton]
    }

with

    fileprivate func prepareToolbar() {
        toolbar.backgroundColor = Color.blue.darken2
        toolbar.leftViews = [profileImageView]
        toolbar.rightViews = [starButton, searchButton]
    }

I'm expecting the image to be a circular image 40x40, but it's too wide. What am I doing wrong?

See attached image.

[daniel-jonathan]

taking a look now :)

[daniel-jonathan]

I got it working, and now only need to make sure there are not any regressions. I needed to make an update to Material. I will post an update very soon. I am aiming for tonight :)

[daniel-jonathan]

I made some updates to Material, which will come out in an hour. Here is the code you can use, that was modified from the ToolbarController sample. Basically, you need a container view that is used for the Toolbar calculations, and then you can center an image within there :)

class AppToolbarController: ToolbarController {
    fileprivate var profileView: UIView!
    
    open override func prepare() {
        super.prepare()
        prepareProfileView()
        prepareStatusBar()
        prepareToolbar()
    }
}

extension AppToolbarController {
    fileprivate func prepareProfileView() {
        profileView = UIView()
        
        let imageView = View()
        imageView.shapePreset = .circle
        imageView.image = UIImage(named: "daniel")
        
        profileView.layout(imageView).width(30).height(30).center()
    }
    
    fileprivate func prepareStatusBar() {
        statusBarStyle = .lightContent
        statusBar.backgroundColor = Color.blue.darken3
    }
    
    fileprivate func prepareToolbar() {
        toolbar.interimSpacePreset = .interimSpace4
        toolbar.backgroundColor = Color.blue.darken2
        toolbar.leftViews = [profileView]
    }
}

[theolof]

That looks great! Will test it tomorrow.

[daniel-jonathan]

Please update to Material 2.4.0 for a solution to this issue :)

[theolof]

It Works™

[daniel-jonathan]

wonderful :)