タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

*programmingとiOSとStoryBoardに関するharigelのブックマーク (4)

  • Storyboard上だけでUIButtonを角丸に!カスタムクラスで設定項目を拡張する! | SHINGO IRIE

    iOSアプリで使うボタン。画像で作ると様々なサイズが必要だったり、容量も増えるし、デバイスによって幅を広げたりする際には管理が面倒です。できれば、今風のボタンをXcodeだけで作れればいいと思いませんか? 例えば、以下のようなUIButtonをStoryBoard上の設定だけで作れるようにします。通常、UIButtonの背景色、文字色まではStoryBoardで設定できますが、角丸、ボーダーの幅、ボーダーの色はコードでしか設定できません。 IB_DESIGNABLEを使えば、StoryBoard上でこれらの設定を自由にカスタムできるようになります。StoryBoard上で見た目を整形して確認するほうが、コードで設定するよりもやりやすいですね。 上のように新しく設定項目をIB上に追加できます。それでは、これらの追加方法を見ていきましょう。 1.カスタムクラスを作るまず、新しくクラスファイルを

    Storyboard上だけでUIButtonを角丸に!カスタムクラスで設定項目を拡張する! | SHINGO IRIE
  • [iOS] StoryBoardでAutoLayoutを使ってViewコンポーネントのサイズを比率指定する方法 | クランチタイマー株式会社

    こんにちは。最近はもっぱらアプリ開発に没頭している佐々木です。 開発はコード書いたりしている時は何気に楽しかったりもするんですが、リリースまで漕ぎ着けるのは大変ですよね・・・ 特に最近ではiOSでもデバイスの種類が増えてきたので、以前に比べて品質保障が難しくなってきました。 私はiOSアプリを開発する時、iPhone6が発売される以前はStoryBoardを使わずにすべてコードでレイアウトも作っていたのですが、”iPhone6” や “iPhone6 Plus” が発売されてからというもの、メンテナンス性も考えて使用言語をObjective-CからSwiftに変えたり、レイアウトにはStoryBoardを使うようにシフトしています。 今回はその中でもAutoLayoutのサイズ指定(比率:%)のテクニックについてご紹介したいと思います。 目次 StoryBoardでは比率(%)指定ができな

    [iOS] StoryBoardでAutoLayoutを使ってViewコンポーネントのサイズを比率指定する方法 | クランチタイマー株式会社
    harigel
    harigel 2016/01/06
    Viewコンポーネントのサイズを比率指定
  • Auto Layout(iOS 7対応) その2 | Cyber Passion for iOS

    前回のつづき。 今回はAuto Layoutの基礎的な部分を説明していきたいと思います。 サンプルコード: https://github.com/stack3/iOSAutoLayoutSamples サンプルコードのSTBasicViewController.storyboardを開いてみましょう。 このように4つのLabelが配置されています。 サンプルコードを起動し、Baisc Layoutを選択します。以下の画面が表示されます。Simulatorを4-inchで起動した場合です。 Storyboardに配置した位置と異なり、Label2がLabel1より上にありNavigation Barの下に隠れています。 横画面にしてみましょう。 Label1とLabel4は幅が伸びました。Label2はNavigationBarに隠れたまま、Label3は画面から消えてしまいました。 ※ 実

    Auto Layout(iOS 7対応) その2 | Cyber Passion for iOS
  • iOS 7の全画面対応 その1 | Cyber Passion for iOS

    iOS 7からViewは全画面表示がデフォルトになりました。今回はその理解と対応について。 iOS 6 / 7両方対応の記事はよくみかけるので、記事ではXcode 5でiOS 7以降のみ対応することを前提にして書きます。 StoryboardやAuto Layoutの使い方の話は筋ではないので割愛しています。 Auto Layoutについては、こちらの記事を参考にしてください。 サンプルコード: https://github.com/stack3/iOS7FullScreenViewSamples ViewとStatusBar/NavigationBar/Toolbarの構成 iOS 7以前 StatusBar、NavigationBarとToolbarの間にViewが表示されていました。 iOS 7から iOS 7からはViewの上にStatusBar、NavigationBar、T

    iOS 7の全画面対応 その1 | Cyber Passion for iOS
  • 1