なりっちアプリDiary -6ページ目

なりっちアプリDiary

主にiPhoneのアプリについての日記

こんばんは。

次は、ラベルを画面左下に固定するようにします。

これが出来れば、例えばフッターをどんな機種でどんな時も画面の一番下に設置できます。

手順は以下の通りです。

作業手順

①部品を選択

②StoryBoard画面右下アイコン群の左から二番目をクリック。
ウィンドウを開きます。


③ウィンドウの上の方、中心から上下左右に伸びた赤い棒(エ)のうち、
固定させたいものを選択。選択すると太くなります。


④ ③で選択した方角に対応する入力欄に、ピクセル数値を入れます。



⑤ Windowで「Add 2 Constraintsボタン」を押す。
2は、固定化の数によって決まります。
左しか選択していなかった場合、「Add 1 Constraintsボタン」になります。


アップ




これで、指定の方角から数値分のピクセルで固定されるようになります。
黄色い線が出ていたら、一の固定化は成功です。





これは、プログラム的に見ると、下図のようにConstraintという物体として作成されるようです。




※ 整合性が取れない場合は、勝手に補正されると思われます。

とりあえず今回はここまでとします。

音譜

松下奈緒 チェコ・プラハの旅~ミュシャ幻の大壁画公開~ [Blu-ray]/ポニーキャニオン

¥5,076
Amazon.co.jp

ディア・シスター Blu-ray BOX/ポニーキャニオン

¥25,380
Amazon.co.jp

Swiftではじめる iPhoneアプリ開発の教科書 【iOS 8&Xcode 6対応】/マイナビ

¥3,229
Amazon.co.jp

脱出ゲームコンビニ/ee-line.Ltd

¥価格不明
Amazon.co.jp

家庭用ゲーム機コンプリート ガイド/主婦の友社

¥1,296
Amazon.co.jp

ただいま、スウェーデンとデンマークのドラマ、The Bridge にハマっております。
北欧のサイコサスペンス、Killing が有名ですが、こちらも人気が出ております。

スーパードラマTVのリンクです。

シーズン2まで出ておりまして、現在1巻目を見終わったところ。

一気に、最後まで見たくなってきちゃった。

ので、借りに行ってきます。走る人

THE BRIDGE/ブリッジ シーズン2 DVD-BOX/アルバトロス

¥10,260
Amazon.co.jp

ザ・ブリッジ~国境に潜む闇 DVD-BOX/エスピーオー

¥8,208
Amazon.co.jp

こんばんは。なりっちです。

画面作成方法、また 画面とプログラムの繋ぎ方 について記述してきました。

教科書通り、画面作成時のレイアウトについて書きます。

IPhoneを始めスマフォ向けのアプリを作っていると、どの機種でも、レイアウトが崩れないように見えて欲しいと思うようになります。
Appleの場合、対応しているとこちらが申告した機種で、レイアウトがおかしい場合は審査にひっかかる可能性があります。
また、より多くの機種で使ってもらえる方がユーザーの獲得に繋がるので、
ユニバーサル対応は必要になってきます。
やっぱり、iPhone6だと表示できていたものが、iPadだとレイアウトが崩れましたがだと、残念ですよね。

そうそう。それだけでなく、レイアウトが崩れない対応を行っていないと、縦横ひっくり返した時に変な状態になります。

※もちろん、パフォーマンスの問題やAppleのサポート状態の理由で、下位OSを切り捨てるとか、昔の機種への対応を行わないというのはアリだと思います。

具体的な方法を実験してみます。

①オートレイアウト設定の確認


オートレイアウト設定


②部品にレイアウト設定を行う

例えばボタンのセンタリングの場合

1.コンポーネントを選択

2. IB画面の下のバーのうち、右下のアイコン群の中の左端のものをクリック

すると、入力ウィンドウが出てきます

3. Horizontal Center in Container と Vertical Center in Container にチェックを入れます。


レイアウトセンタリング

すると

StoryBoard の Interface Builder 画面の、Preview機能にを使って確認してみました。
ボタンが画面中央にセンタリングされているのが分かります。

iPhone4とiPhone5両方のレイアウトでセンタリングが確認きます。


※Preview機能については、こちら のサイトで詳しく使い方が紹介されておりますので、ご覧ください。

もちろん、教科書にも書いてありましたよー。

一旦ここまでとします。
レイアウトの実験記事、もう少し書きたいと思います。

ではでは 

iPhone5 専用 広角 ・ マクロ ・ 魚眼 3in1 レンズ 並行輸入品 【レッド】/テクテック
¥3,980
Amazon.co.jp

たのしいSwiftプログラミング―[iOS 8&Xcode 6対応]/ビー・エヌ・エヌ新社
¥3,024
Amazon.co.jp

レイ・アウト iPhone 5/5S/5C用 ゲーム&アプリ向け保護フィルム RT-P5F/G1/レイ・アウト
¥680
Amazon.co.jp
レイ・アウト iPhone6 (4.7インチ)用 ぴったり貼れる「Quick Scope」付き.../レイ・アウト
¥518
Amazon.co.jp

C108(ルモード)lemode 日本製 フィットネス水着キャップ付 フロントジッパー セパレ.../ルモード
¥10,415
Amazon.co.jp


【無料】佐々木希写真集【高画質】/Oninoko soft
¥価格不明
Amazon.co.jp