コードでUI構築してみた

コードでUI構築してみた 2020/07/18 Zli × DMM合同

Readme name : 舘佳紀 colleage : 会津大学学部3年さーくる : Zli所属です
Handlename : チキング好きな言語　swift twitter @tikin0716 gitHub tiking76

背景先日参加したハッカソンにて初めて体験してめっちゃええやんってなったので、個人でもやってみました。

あと… ・メルカリさんのこの記事をみて来てるぞ！！と思ったので… https://tech.mercari.com/entry/2019/12/13/155700 ・SwiftUIを用いてのXcode Previewによってデバックが手軽になったため。

今回やったこと storyboardやxibを使わずに、アプリを作った。

まずその前に… コードでUIを作るって実際どうなん？

メリット・コードレビューがカンタン、差分がわかりやすい  ・プルリクエスト、マージしようとしたときにコンフリクト（競合）が起きにくい   ・パーツやUIViewControllerの再利用、継承がカンタン  ・実装がコードに集約される（読みやすい）  

storyboardのXML

デメリット・iOSアプリ開発の入門はStoryboard前提のものが大半のため、学習コストがかかる  ・レイアウトの確認に時間がかかる   ・iOSエンジニア以外がレイアウトを確認したり、微調整するのに困難がある 

どうやって作るん？・コードでパーツを作っていきます。初回するコードの書き方→Initialization Closure ・自分の場合は、navigationControllerとか、rootViewの設定は、 SceneDelegate.swiftに書いてました・layoutとかは、以下の画像のように実装していました。

SceneDeligateのコード

Layoutのコード　Extention.swift

ラベルをつくりたい CustomInputAccessoryView.swif

ボタンをつくりたい CustomInputAccessoryView.swif, RegistrationController.swift

xibみたいなことしたい

letとlazyを使う時の注意 letでプロパティを定義した際には、viewDidloadで定義していないとselfが使えずエラーがでます。 button.addTarget(self, action: #selector(showNewMessage), for: .touchUpInside) この時にbuttonをlazyで定義してあげると、アクセス時に初期化されるのでselfが使えるようになります。
今回は、conﬁghogehogeっていう関数で定義しているので使えている感じです。

画面遷移したい Loginページからメイン画面に遷移する

参考資料 https://qiita.com/gaku2n/items/fa095276ab2d75cc8797

リポジトリー https://github.com/tiking76/chatapp

やってみておもったこと・思いのほか自由なことができる反面、改めてIB(Interface Builder)の恩恵が　あることを感じることができました。・自分自身UIkitの知識が不足していたので、良い勉強になりました。

ここまでありがとうございました

コードでUI構築してみた

コードでUI構築してみた

tiking

More Decks by tiking

Other Decks in Programming

Featured

Transcript