その3この記事は2016年12月15日に書かれたものです。内容が古い可能性がありますのでご注意ください。その2では、CocoaPodsを使用してアプリのプロジェクト内にライブラリを取り込むところまでやりました。今回は実際に取り込んだFlatUIKitというライブラリを使ったUI部品の配置をやってみたいと思います。install」コマンドを実行したことによって、プロジェクト内に様々なファイルやディレクトリが作成されましたね。今までライブラリを取り込んでいなかった時は、「.xcodeproj」というものを開いてプロジェクトを起動するように自動でなっていました。Xcodeを最初に立ち上げた時に表示される画面もそうです。この赤枠の部分をクリックするといつもの画面になりますが、これは「.xcodeproj」という拡張子がついているものを起動するようになっているんです。最後に開いたプロジェクトが、ライブラリを取り込む前のプロジェクトだからですね。フォルダの中で見ると、この赤枠の部分が立ち上げられるようになっています。新しく作成された「.xcworkspace」を開かなくてはならない!のです!!!ではなくて、こっちを開きます。「.xcworkspace」の方はもともとのプロジェクトである「.xcodeproj」と、取り込んだライブラリが融合したものだと考えてもらえれば結構です。「.xcworkspace」の方を開かなければならない、という感じですね。実際に開いてみましょう。こんな感じで最初はとてもシンプルですが、左上の赤枠を確認してみると、2つのプロジェクトが融合している感が出てますよね。作成していた「.xcodeproj」と、CocoaPodsによって取り込んだ「Pods」プロジェクトといった構成になっています。「Pods」の中を覗いてみると、たしかに取り込んだライブラリがありますね!ばっちりです!なお、こっちの「Pods」の方の中身は全然いじったりしないので、気にしなくて結構です。結局コードをいじる方は今までと一緒で「CocoaPodsSample」と鳴っている既存のプロジェクト名の方です。その中にViewController.swiftファイルやストーリーボードが格納されています。おなじみのフォルダ構成ですね。FlatUIKitのボタンを作成してみよう!では実際にボタンを作成してみましょう!ViewController.swiftにコードを記述していきます。UIKit」の下に記述してください。FlatUIKitこのように書くことによってFlatUIKitのライブラリを取り込んでコード上で記述することができるようになります。一度アプリをビルドしてみたりすると消える(はず...)と思います。次にボタンを生成するコードを書いていきます。どのように書けばいいのかというテンプレが本家のサイト↓↓https://github.com/Grouper/FlatUIKitに書いてあるので、それを参考にしましょう。forState:UIControlStateHighlighted];............。ここで大きな問題にブチ当たります。このFlatUIKitのライブラリ、「Objective-C」で作成されているんですね。そのためこのままコピペしてViewControllerに記述したとしても、もちろん「Swift」上では動作しません。このObjective-CのコードをSwiftに変換するという作業が必要になります。Objective-Cを知っている人からしたら簡単だとは思いますが、Swiftしか勉強したことがない人にはかなり難易度が高い作業になります。!今はObjective-CからSwiftに自動で変換してくれるツールなどが結構充実しています。ヤフーさんが公開している、objc2swiftというコンバータがあります。これを使うことでSwiftへのコードの変換を自動で行ってくれます。便利なのでぜひ試してください!しかし、これもまだSwift3.0には対応していない(2016年12月現在)ようなので、さらにここからのSwift3.0に変換する必要もあります。self.view.addSubview(myButton)1行目のボタンのインスタンス化およびサイズ、座標設定はテンプレにはないのでもちろん記述しないとダメですね。10行目のボタンのタイトル設定も必要です。これが無いとボタンに何も表示されなくなってしまいます。12行目に作成したボタンを画面上に追加するメソッドを記述しています。これが無いとそもそも画面上にボタンが表示されません。このコードを記述すればフラットなボタンが作成できます。ボタンサイズや座標は1行目の値を変更することでカスタマイズすることが可能です。ここでちょっとハマったこと上のコードを記述すればフラットなボタンを作成することができるのですが、ちょっと目を凝らして見てみると、本家のサイトで紹介されているボタンと若干フォントが異なることに気づきます。↑これが自分で作成したもの↑こっちがサイトで紹介されているものビミョーに違いますね。調べてみると、7行目でフォントとサイズの指定をしていますが、このメソッドが反映されていませんでした。調べてみると、このメソッドでは、既存の「Lato」というフォントを呼び出しているだけみたいです。それが反映されていない。原因はこの「Lato」というフォントがXcodeにインストールされていなくて使用できないみたいなんです。ダウンロード」とかで検索して、フォントをダウンロードして、アプリ内に取り込んであげることによって使用することができるようになります。このサイトの中にある...ここをポチってダウンロードします。ダウンロードしたファイルをそのままアプリのプロジェクト内にドラッグ&ドロップして取り込みます。試してみてください!ツイートPHPフレームワークおすすめ一覧【10選】2016年⇒2017年へ向けて。