2014年07月20日

IBでボタンのラベルを複数行表示

xcodeのInterface Builder(IB)で、ボタンのテキストラベルを複数行にする手順です。

Step1> ボタンの配置


Storyboardのビューにボタンを配置し、サイズを大きく広げます。(図1)

mlbutton0.png

図1ボタンを配置

Step2> ボタンのカラー変更


わかりやすくするためにテキストとバックグラウンドのカラーを変更します。(図2)

mlbutton1.png

図2 ボタンのカラー変更

Step3> タイトル・テキストを複数行で入力


複数行のタイトル・テキストを入力します。改行は[option]キー + [return]で入力します。(図3)

mlbutton2.png

図3 テキストの入力(複数行)

Step4> 改行モードの変更


改行モードを"Word Wrap"に変更します。(図4)

mlbutton3.png

図4 改行モードの変更

以上です。IBでボタン・タイトルが3行で表示されているのが確認できますね。




タグ:ios7 IB xcode5
posted by ayagu at 13:21| Comment(0) | iOS | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。