タグ

XcodeとUIに関するmttakaoのブックマーク (5)

  • GitHub - nohana/StoryboardTraining: デザイナー向けStoryboard勉強会資料

    README.md Storyboard Training デザイナー向けStoryboard勉強会資料 事前準備 以下の作業を事前に完了させておいてください。 Xcodeのインストール どちらか好きな方でインストールしてください https://itunes.apple.com/jp/app/xcode/id497799835?mt=12 https://developer.apple.com/downloads/ Xcodeを1回以上起動 初回起動は時間がかかります Storyboardとは アプリの画面遷移と画面レイアウトをグラフィカルに編集するためのツールです Xcodeで作成することができます .storyboard という拡張子のファイルで、内部的にはXMLです 用語 View(ビュー) 画面に表示されるパーツを意味します ボタン、ラベル、画像などもViewです View Co

    GitHub - nohana/StoryboardTraining: デザイナー向けStoryboard勉強会資料
  • SmartNews風のレイアウトをInterface Builderを使ってつくる - Think Big Act Local

    今回はSmartNewsのような動的レイアウトを作ってみます。 SmartNews | 話題のニュースがサクサク読めるスマホアプリ 完成イメージ こういった画面を目指します。 (サムネ画像はとりあえずのサンプル画像) アプリ設計の構想 Interface Builderを使って作ります。 UIViewControllerをベースにして、 UIView → タイトルバー(Beaunosy) UIView → アップデート日時バー(5/26(日) 20:54 発行) UITableView → 記事レイアウト部分 という構成です。 記事レイアウト部分の設計 上述した通りUITableViewがベースです。このテーブルビューに読み込ませるセルを動的にします。動的といっても単に複数のxibファイルを用意し、それを順番に読みこませるだけです。 今回は以下の3パターンのxibファイルを使いました。 パ

    SmartNews風のレイアウトをInterface Builderを使ってつくる - Think Big Act Local
  • [iOS 8] マルチデバイス対応の新機能「Trait Collection」 | DevelopersIO

    Adaptive なアプリを作ろう iPhone 6 / iWatch が発表され、iOS に新しい画面サイズのデバイスが仲間入りしました。おそらく今後も新しい画面サイズの iOS デバイスが登場してくるでしょう。このことから、各画面サイズに応じたアプリにすることはもはや必須要件と言えるでしょう。 このことはもちろん Apple も考慮しており、iOS 8 から Adaptive という概念が導入されました。Adaptive とは適応性という意味です。つまり画面サイズが小さくても大きくても、それぞれの画面サイズにうまく適応させて設計していきましょうという考えかたです。 ということで、稿では iOS 8 からのマルチサイズに適応させる方法について解説します。 Size Class これまで iPhone / iPad の判定や Portrait / Landscape の判定には UIUs

    [iOS 8] マルチデバイス対応の新機能「Trait Collection」 | DevelopersIO
  • xib/storyboardとの付き合い方について - blog.ishkawa.org

    アプリが大きくなるとstoryboardの小回りの利かなさに泣きたくなることがあると思います。 そうした反動からすべてのUIをコードで実装しているiOS開発者も少なくないと思います。 自分は全部storyboardにして痛い目にあってから、全部コードにしてまた痛い目に遭い、 結局コードとxibとstoryboardを上手く使い分けるのが良いという結論に達しました。 最近、やり方が定まってきてストレスを感じなくなってきたので方法をまとめます。 これから書くことは個人の見解ですが、自分のやり方を決める上では無駄にならないと思います。 使い分け方と理由 基方針: 以下に挙げる条件にマッチする場合除いて、コードで実装を行います。 xibを使う条件 viewの複雑度が高い場合(subviewが2,3個以上の場合)にはxibを使います。 xibを利用する理由は以下のような退屈なコードをたくさ

  • 意外と知られていないxibのこと - Qiita

    意外と知られていない? 使われていない? xibの解説です。やっぱりUI関連はxib(Storyboard)がとても便利です。 コードから読み込み これをこのように読み込みます。 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Override point for customization after application launch. UINib *objectsNib =[UINib nibWithNibName:@"Objects" bundle:nil]; NSArray *objects = [objectsNib instantiateWithOwner:nil options:nil]; NS

    意外と知られていないxibのこと - Qiita
  • 1