2013-09-23 5 views
51

私は多くの丸い矩形ボタンを組み込んだアプリケーションを持っています。しかし、xcode 5では、それらは存在しません。丸い四角形のボタンを戻すにはどうすればいいですか?彼らは私のアプリにとって不可欠です。今すぐそれは圧接可能なテキストです。私は何をしますか?私はそれが関連している場合は、後でこのアプリをリリースするつもりです。Xcode 5丸型の長方形ボタン

+0

をのviewDidLoad追加することができます。 –

答えて

153
  1. ストーリーボードを開き、変更するボタンを選択します。
  2. ユーティリティパネルのアイデンティティインスペクタを開きます(右パネル、上の3番目のボタン)。
  3. 新しいユーザー定義ランタイム属性を追加(+) - キーパス:layer.cornerRadius、タイプ:数値、値:{整数}

数字が大きいほど、角が丸くなります。 50は、標準ボタン(または幅/ 2)の円です。ストーリーボードの変更は表示されませんが、実行時に表示されます。 programmatically.whereのMYVIEWによって達成

Screenshot of added attribute

+8

このような回答は私が好きな理由です。本当にありがとう。 – tim

+0

IBからのトリックを学ぶのは良いことです –

3

伸縮性のある画像を使用して、ボタンの背景画像を目的の罫線で設定します。良い例えば

チェックこのリンクを: Stretch background image for UIButton

OR、新しいiOS7 UIを採用し、国境をスクラップ... ;-)

10

は、ここで私はthis question:に与えたものと類似の答えです

-EDIT-
.hファイルの先頭に:#import <QuartzCore/QuartzCore.h>を追加します。

あなた.hファイルにちょうどctrl-dragボタンから角を丸くしたい場合は、roundedButtonような何かそれを呼び出すと、あなたのviewDidLoadでこれを追加します。

CALayer *btnLayer = [roundedButton layer]; 
[btnLayer setMasksToBounds:YES]; 
[btnLayer setCornerRadius:5.0f]; 

ボタン白(または他の色)を作成するには、属性インスペクタを選択し、Viewセクションまでスクロールし、背景を選択して、白のように変更します。

enter image description here

+4

非常に重要です。 #import skinsfan00atg

+0

Fair point&+1を追加しない限り、これは機能しません。私はそれを含める答えを編集しました。 – Robert

+1

ありがとう、心配する必要はありません、私は分を取ったので、分かち合いたいと思っていました。 – skinsfan00atg

3

同じ缶はIBOutletオブジェクトです。スウィフト2.0

myView.layer.cornerRadius = 5; 
myView.layer.masksToBounds = YES; 
3

:あなたが丸い取得したいボタンを

let sampleButton = UIButton(frame: CGRectMake(100,100,200,100)) 
    sampleButton.titleLabel?.text = "SAMPLE" 
    sampleButton.backgroundColor = UIColor.grayColor() 

    //Setting rounded boarder 
    sampleButton.layer.cornerRadius = 10 
    sampleButton.layer.borderWidth = 1 
    sampleButton.layer.borderColor = UIColor.blackColor().CGColor 

    self.view.addSubview(sampleButton) 
3

クリックします。 次にアイデンティティインスペクタを右上にクリックしてください。 そこにユーザー定義のランタイムアトリビュートが表示されます。プラス(+)

see image

上 クリックして、あなたは文句を言わないビューの変化を参照してください。あなたはスウィフト3ではランタイムに

1

を、それが表示されます。我々は、それは驚くほどのiOS 7地図アプリは情報ボタンRECTラウンドを持ってい

button.layer.cornerRadius = 0.5*button.bounds.size.width 
    button.clipsToBounds = true 
関連する問題