You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
以前書いたAutoLayoutでアニメーションを設定する方法のSwift版です。 アニメーションで動かしたいものの例 例として、mainViewの上に乗った、movableViewを下に動かすことを考えます。 movableViewの制約は、superViewであるmainViewに対して、以下のような制約を持っているとします。 Top Space, Trailing Space, Leading Spaceの各種の制約の値は0になっています。高さは適当です。 やってみる 基本的な考え方は、既に付いているautoLayoutの制約を外し、別の制約を付ける、ということです。今回の場合、"Top Space to SuperView = 0" の制約を外し、Top Space to mainView = 30 といった制約をつけます。 まず外す対象の制約をoutletでソースに結び付けておきま
Web エンジニアだったはずがひょんなことから iOS アプリを書き始めてはや3ヶ月。ヘルスケア事業部の濱田です。 iOS アプリで画面遷移を実現するためには様々な方法があります。 コードのみを使う方法 xib を使う方法 storyboardを使う方法 etc. 初めはかなり混乱しましたが、最終的には storyboard と xib の合わせ技に落ち着きました。 今回はこの方法についてご紹介します。 storyboard を使うか、xib を使うか、それが問題だ アプリの UI 部品の配置は結構たいへんな作業です。とくに Autolayout の制約の設定などは、コードのみで設定するのは困難でしょう。Interface Builder の支援をなるべく活用したいところです。 そこで、storyboard もしくは xib ファイルを利用して ViewController(以下 VC)
Xcode5の「Auto Layout」機能の使い方[基礎知識と制約(Align)の設定方法]と Xcode5の「Auto Layout機能」の使い方[Pin制約の設定方法]では、制約の新規追加のみで「Auto Layout」機能を利用する説明をさせていただきました。 今回は、既に追加されている制約の編集方法の説明をさせていただきます。 既に追加されている制約の編集方法 既に追加されている制約を編集するには、「Attributes Inspector」を利用します。 実際に存在している「Horizontal Space – (112)」制約を選択した時の「Attributes Inspector」の表示は 以下の画面のようになります。 制約を選択する方法は、「Document Outline」で選択する方法と 制約が設定されているコンポーネントの「Size Inspector」で「Sele
Auto Layout で少し込み入ったレイアウトを作成する 今回は、前回より少し込み入ったレイアウトを作成してみたいと思います。今回作成するのは、下図のような3つの UIView から構成されるレイアウトです。 下側の2つの UIView はスクリーンサイズに合わせて幅が等分され、スクリーンの高さが変わっても高さが変わりません。デバイスを横向きにした際には下図のようになります。 コンポーネントを配置する では、Xcode で新しいプロジェクトを作成してください。テンプレートは Single View Application を利用します。 Main.storyboard を表示して、Canvas 内の ViewController 上に UIView を下図のように配置してください。配置の際は、ガイドラインに沿って配置します。わかりやすいように UIView には背景色を設定しています。
XcodeのStoryboardのプレビュー機能をオンにする手順 どうやらXcode6.0からの機能らしいですが、ぶっ飛びました。 これまでわざわざビルドをかけ、その画面まで移動してレイアウトを確認していましたが、プレビュー機能を使えばそんな手間はもういりません。 しかも聞いてよ。奥さん。 iPhone 6 Plus、iPhone 6、iPhone 5s、iPhone 4sのレイアウトを一度に確認することも可能なんですってよ。 んじゃさっそくプレビュー機能を使ってみましょう。サクッとオンにできます。 【手順①】 編集したいStoryboardを表示させて、右上の左から2番目のボタンをクリックします。↓↓ 【手順②】右に新たなカラムが追加されましたね。Manualというボタンをクリックします。↓↓ 【手順③】Previewをクリックします。↓↓ 【手順④】なんと右側にStoryboardのプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く