Hacker News Reader

Hacker News

Comment by matchbok | Hacker News Reader

Full thread

matchbok

Pretty cool. All of the layout options for iOS are pretty subpar (coming from a web/android background):

IB/storyboard are trash (WYSIWYG is so 90s and dragging and poking around a huge visual editor is a huge time sink)

AutoLayout is verbose and complex, even with helper libraries.

It'd be super cool if we could use something like XML with Lima.

View on HN

> AutoLayout is verbose and complex, even with helper libraries.

I don't think they can get much shorter than this:

    private func addConstraints() {
        introduction.attach(sides: [.top, .leading, .trailing], 8.layoutGuideRespecting)
        contact
            .attach(sides: [.leading, .trailing], 8)
            .space(8, .below, introduction)
        spinner.center()
        error
            .attach(sides: [.leading, .trailing], 8)
            .space(8, .below, contact)

        create.attach(sides: [.top, .bottom, .trailing], 3)
    }

And honestly the stuff I needed to do to get CSS working let alone cross-browser until very recently was really not as consistent, clean or predictable as auto layouts. I think you just got used to the suffering.

The only thing I really like about CSS is the arbitrary lines you can draw in the sand like "if it gets over 1000px wide then move the menu to the right".

Agreed... I'd much prefer a declarative layout language though. With complex layouts, it's hard to debug AL if you aren't the one who built it.

Even stackviews, which was Apple admitting that simple layouts are too verbose to do with AL, are a mess.

Well storyboards are declarative if you view the source but they're burdened with a ton of legacy. If a view is constrained by auto layouts the frame values should disappear but they don't, leading to a ton of false positives when committing changes. You only have cryptic ID's not real names as references. Also making a mistake in the XML format tends to crash the parser without giving a usable clue to what went wrong.

Last problem is that everything in Interface Builder still lives apart from the code. I think in Android everything gets compiled and is safe to use from there, with IBOutlets you're always either taking the risk (!) or dealing with optionals everywhere (?)

Rumor is that official, cross-platform declarative layouts are coming to iOS from Apple [0].

[0] - https://daringfireball.net/2018/04/scuttlebutt_regarding_ui_...

Did that not turn out to be uikit port to macos?

https://thehackernews.com/2018/06/porting-ios-apps-macos.htm...

No, I believe it is the case that Gruber conflated two separate projects (which might both be part of the same overall vision). The first was codenamed "Marzipan" and has been announced (and leaked and reported by Gurman). The second is what Gruber is speaking of in that article, and relates to laying out views. It has not been announced, but is codenamed Amber. Gruber clarified this post-Marzipan announcement in a tweet [0]. More info from Gurman [1].

[0] - https://mobile.twitter.com/gruber/status/1014490721909444608

[1] - https://mjtsai.com/blog/2018/05/01/scuttlebutt-regarding-app...

That would be amazing. I really like using Storyboards if only just to better separate layout from logic but there are so many downsides to them that I just don't really use them all of the time.

I think UIStackView would be much simpler solution for this ;)

UIStackView is a step in the right direction, but it doesn't go far enough. It's still not truly declarative; it requires you to think in terms of content priorities; and it doesn't support z-ordering.

I rarely use them unless I have a "just fill this space between eachother" problem.

I used to think that but now completely disagree. I’ve been making iPhone apps for too long, and storyboard/ib is so much faster and easier then any of the other options. I only use it for building constraints, and sometimes need to make them programmatically.

There’s a lot of stuff in there though that I ignore because of the issues you mentioned above. If you just keep it to simple constraints it’s great

Actually, Lima is partly a move away from using XML:

https://gkbrown.org/2018/11/04/introducing-lima/

Even before iOS 9 (anchors) the verbose autolayout was better than anything available for the web. Now there is CSS Grid which makes it easier but there is no mechanis that could describe relationship between elements like AL can. Throw in a couple extensions for NSLayoutAnchor and it’s a very pleasant experience. As for IB—it’s a matter of taste. I had no real problem with it, but at the end layout purely in code is the best option for me.

Reply on news.ycombinator.com