タグ

AutoLayoutに関するkutakutatriangleのブックマーク (8)

  • Xcode7 の新機能「StackView」を使うと、Storyboard の AutoLayout を簡単に設定できる - Qiita

    Xcode7 の新機能「StackView」を使うと、Storyboard の AutoLayout を簡単に設定できるXcodeStoryboardAutoLayoutSwiftStackView Stack View とは Xcode7 で Storyboard を開くと、AutoLayoutツールバーに次のメニューが追加されています。 これは「Stack View」といって、AutoLayout を設定する View をグルーピングして、まとめて制約を設定することができるツールです。今まで1つ1つのViewに対して設定していた手間が少なからず省けると思います。 少しいじってみたので、どうやって使うのかを紹介します。 サンプルはチャット風のメッセージ画面に制約を設定するものです。 メッセージ画面 まず、何も考えずにアイコン、投稿者名、日付、メッセージを並べていきます。 Auto Lay

    Xcode7 の新機能「StackView」を使うと、Storyboard の AutoLayout を簡単に設定できる - Qiita
  • iOS 開発で storyboard と xib をうまく使い分けるプラクティス - クックパッド開発者ブログ

    Web エンジニアだったはずがひょんなことから iOS アプリを書き始めてはや3ヶ月。ヘルスケア事業部の濱田です。 iOS アプリで画面遷移を実現するためには様々な方法があります。 コードのみを使う方法 xib を使う方法 storyboardを使う方法 etc. 初めはかなり混乱しましたが、最終的には storyboard と xib の合わせ技に落ち着きました。 今回はこの方法についてご紹介します。 storyboard を使うか、xib を使うか、それが問題だ アプリの UI 部品の配置は結構たいへんな作業です。とくに Autolayout の制約の設定などは、コードのみで設定するのは困難でしょう。Interface Builder の支援をなるべく活用したいところです。 そこで、storyboard もしくは xib ファイルを利用して ViewController(以下 VC)

    iOS 開発で storyboard と xib をうまく使い分けるプラクティス - クックパッド開発者ブログ
  • iOS7・iOS8の処理分岐なし!UITableViewのCellの高さをAutolayoutで自動計算する方法 | 株式会社エウレカ

    iOS7・iOS8の処理分岐なし!UITableViewのCellの高さをAutolayoutで自動計算する方法 こんにちは、 iOSエンジニアの木村です。 2015年最初のエントリーはUITableViewCellの高さをAutolayoutを用いて計算する方法を紹介したいと思います。 一見、チュートリアルなどでよく見かける内容ですが、iOS8対応をするとiOS7ではうまく動かなくなってしまうなど、OSの違いが元でUITableView周りは結構トラブルが起こります。 今回はiOS7とiOS8で分岐を行わず、同じコードで動く方法を紹介したいと思います。 iOS7との互換性を保つためUIAutomaticDimensionは使用しません。 今回作るもの 以下のように タイトル(title) 詳細(body) を持ったDataオブジェクトを一覧で表示したいと思います。 class Data

    iOS7・iOS8の処理分岐なし!UITableViewのCellの高さをAutolayoutで自動計算する方法 | 株式会社エウレカ
  • 初めてiOSアプリ開発するときにおさえておきたいこと - ハウテレビジョンブログ

    はじめまして、xyz_iです。 これまでWebアプリケーションばかり作っていた自分が、1月からiOSアプリ開発を行っています。 いろいろと覚えないとならないことが多く四苦八苦してますが、アプリ開発経験のあるチームメンバーに助けられながらなんとかやっています。 そんな感じで1ヶ月ちょっとやってきて、はじめにこれは抑えておいた方が良いなと思ったことをいくつか挙げていきます。 ただし、作るアプリによって必要になってくるスキルや知識は全く異なってくると思います。今回の記事はあくまで自分自身が携わった部分での話になります。 この記事が対象としているのは、以下のような方です。 iOSアプリ開発をこれから始めようとしていて、学習を始めている iOSアプリ開発を始めて間もない AutoLayout まずAutoLayoutの概要についてAppleの公式ドキュメントから引用してきますと、 Auto Layo

    初めてiOSアプリ開発するときにおさえておきたいこと - ハウテレビジョンブログ
  • 実践で学ぶAutoLayoutの使い方~SwiftからはじめるiOSアプリ開発:その6【初心者向けアプリ開発3分tips】 - エンジニアtype | 転職type

    iOS、AndroidUnityなどのアプリ開発について、初心者向けの内容を『RainbowApps』講師陣が分かりやすく解説していきます。 第5回に引き続き、「AutoLayoutの使い方」です。 第5回ではAutoLayoutの基的な使い方を学びましたので、今回はより実践的なレイアウトを組んでいくことで、AutoLayoutへの理解を深めていきましょう。 【1】画面サイズに応じた大きさでViewを表示する 【2】等間隔にViewを表示する 【3】宿題 最終的に下記のような画面を作っていきます。 【1】画面サイズに応じた大きさでViewを表示する ImageViewを用いて写真やコンテンツの画像を「どーんと表示したい」ことはよくあると思います。しかし、画像のアスペクト比(縦横比)が変わってしまっては台無しですね。 そこで、アスペクト比を維持したまま画面サイズに応じて大きさが変わるよう

    実践で学ぶAutoLayoutの使い方~SwiftからはじめるiOSアプリ開発:その6【初心者向けアプリ開発3分tips】 - エンジニアtype | 転職type
  • AutoLayoutに虐げられているIOSエンジニア向け、AutoResize再考 - Qiita

    by @mixiappwchr 最近開発してるとAutoLayoutが出てきてからアプリ開発を始めている方も多く、AutoResizeってなんなの?って聞かれたので、最近語られないAutoResizeの方に目を向けてみようと思います。 AutoLayoutしかやったことなく、苦しんでいる方に光明を与えられればと思います。 AutoResize概要 親のViewのサイズに合わせて * top,bottom,right,leftの位置を固定 or 自動調整 * width,heightの位置を固定 or 自動調整 これだけです。 これだけです!! これだけだと大したことできないんじゃないからAutoLayout使わないといけないんじゃないの?と思っている人もいると思いますので実際にAutoResizeでレイアウト何ができるか具体例を書いていきます。 サイズの自動調整 例えば上下50%ずつのVi

    AutoLayoutに虐げられているIOSエンジニア向け、AutoResize再考 - Qiita
  • 【Objective-C】Xcode、storyboard、constraintsの使い方と説明

    iOS6から導入された画面サイズや向きの違いにも、柔軟にレイアウトを作成することができる「Auto Layout」。 今回はこのAuto Layoutの使い方についてヤフーiOS 7エンジニア勉強会・運営チームの山口恭兵さんに解説いただきました。 by 馬場美由紀 (CodeIQ中の人) 今回はiOS6から導入されたAuto Layoutについて解説を行います。Auto Layoutを使うことで画面サイズや向きの違いにも、柔軟に対応できるレイアウトを作成することができます。今後発売されるiOS端末は画面サイズの拡大などが予想されており、Auto Layoutを使ったUI設計の重要さが増してくると考えられます。 制約(Constraint)ベースのレイアウト Auto Layoutの基的な考えとなるのが、制約(Constraint)です。画面上に配置されたView要素に対して、「ある要素か

    【Objective-C】Xcode、storyboard、constraintsの使い方と説明
  • SizeClassesとXcode6でのAutoLayoutの謎マージン - Qiita

    Xcode6からSizeClassesという概念が加わったのと、AutoLayoutも微妙に変更されていて謎のMarginが出るようなので調査した結果をまとめました。 SizeClassesとは Xcode6からAutoLayoutに加え、SizeClassesという概念が加わりました。 Xcode5では、Universalアプリを作るには、iPhone向けとiPad向けのStoryboardをそれぞれ用意していましたが、Xcode6/iOS8からは、一つのStoryboard(あるいはXib)で対応させてしまおう、というのがSizeClassesです。 考え方としては、iPhoneiPadの特定のサイズではなく、抽象的なサイズを扱うということです。ですので、今まで以上にAutoLayoutの制約によるレイアウトデザインが重要になります。 注目すべきは赤枠で囲った2箇所です。 まず右側。

    SizeClassesとXcode6でのAutoLayoutの謎マージン - Qiita
  • 1