2016-06-20 15 views
16

ボタンの画像とテキストを設定できます。しかし、それは水平に整列しています。私はイメージとテキストをボタンの内側に垂直に揃えたい。画像の下のテキストストーリーボードの位置付けテキストボタンの内側の画像

ストーリーボードを使用してこれらの変更を行うにはどうすればよいですか?

私がしたいことはこれです:

enter image description here

私は今取得しています何がこれです: enter image description here

+0

あなたは何を求めているのか分からない:( –

+0

あなたが望むものを説明できる場合は、画像を投稿してください。 –

+0

このhttp:// stackoverflowを確認してください。com/questions/2451223/uibutton-how-to-center-image-and-a-image-with-image-imageedgeinsetsとtitleedgei –

答えて

12

はい、ロジックを記述することなくストーリーボードからでも実行できます。

1)ボタンを選択し、ストーリーボードのAttribute Inspectorに移動します。

2)画像をボタンに割り当てます。 (背景画像を使用しないでください)3)タイトルテキストをそのボタンに設定します。

4)今度はedgeInsetを設定する必要がありますので、まずエッジから画像を選択し、必要に応じてInsetを設定し、エッジからタイトルを選択し、必要に応じてインセットを設定します。

これが役に立ちます。あなたはこの

Button Image with Text

1)を選択し、ボタンのような出力を探していると、ボタンの大きさのこの結果を得るためにあなたのストーリーボードにインスペクタ属性に行くされている場合

0

あなたはUIButtonで直接レイアウトを変更することはできませんが、あなたがこれらのプロパティを使用しようとすることができますUIButton:

UIButton *button = ... 
button.titleEdgeInsets = UIEdgeInsetsMake(....); 
button.imageEdgeInsets = UIEdgeInsetsMake(....); 

私はUIRespondからサブクラス化することをお勧めしません必要に応じて独自のコンポーネントを作成し、独自のレイアウトを実行します。

6

あなたが簡単かつ視覚的にプロパティウィンドウからボタンのEdgeプロパティを使用してアラインメントを達成することができます(インスペクタ属性)あなたはTitleinset値を変更し、あなたの必要性につきとしてImage

下の画像を見ることができます

enter image description here

希望します。

乾杯。

27

50 * 50

enter image description here

2)ボタンのタイトルインセットを設定する

enter image description here

+0

Xcode 8.2.1でStoryboardを使用すると、TitleInsetsのオプションが見つかりません。 – DShah

+2

@DShah私は新しいイメージで自分の答えを更新しました。今すぐあなたは簡単にタイトルInstestsを見つけるでしょう –

関連する問題