web-dev-qa-db-ja.com

Xcode 5の円形の四角形のボタン

多くの丸い四角形のボタンを組み込んだアプリがあります。ただし、Xcode 5では、これらは存在しません。丸い四角形のボタンを元に戻すにはどうすればよいですか？彼らは私のアプリに不可欠です。今ではそれは単に押し付け可能なテキストです。私は何をしますか？関連する場合は、後でこのアプリをリリースする予定です。

iphonebuttonxcode5
52
user2779450
  1. ストーリーボードを開き、変更するボタンを選択します。
  2. ユーティリティパネルでIDインスペクターを開きます（右側のパネル、上部の3番目のボタン）。
  3. 新しいユーザー定義のランタイム属性を追加（+）します-キーパス：layer.cornerRadius、タイプ：数値、値：{整数}。

数値が大きいほど、角が丸くなります。 50は、標準ボタン（または幅/ 2）の円です。ストーリーボードに変更は表示されませんが、実行時に表示されます。

Screenshot of added attribute

155
Matthew Korporaal

この質問： に私が与えたものと同様の答えがあります

-編集-
追加： #import <QuartzCore/QuartzCore.h>あなたのトップへ.hファイル。

角を丸くしたい場合はctrl-dragボタンからあなたの.hファイル、roundedButtonのような名前を付けて、これをviewDidLoadに追加します。

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

ボタンを白（または他の色）にするには、属性インスペクターを選択してViewセクションまでスクロールし、[背景]を選択して白に変更します。

enter image description here

10
Robert

これは、プログラムで実現できます。myViewはIBOutletオブジェクトです。

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

伸縮可能な画像を使用して、目的の境界線を持つボタンに背景画像を設定します。

良い例については、このリンクを確認してください。 IButtonの背景画像を拡大

または、新しいiOS7 UIを採用して境界線を削除します... ;-)

3
CSmith

Swift 2.0：

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
A.G

丸くしたいボタンをクリックします。次に、右上のIdentityInspectorをクリックします。そこに、ユーザー定義のランタイム属性が表示されます。 plus（+）をクリックします

see image

Viewで変更が表示されません。 Runtimeに表示されます

3
Syed Uzair Ahmed

Swift 3：追加できますviewdidload

  button.layer.cornerRadius = 0.5*button.bounds.size.width
  button.clipsToBounds = true
1
Sandu