web-dev-qa-db-ja.com

iOSボタン-境界線を追加

IOS7向けにアプリを準備しています。私は変換を行い、ユーザーと協力していました。アプリのボタンはボタンのように見えません。非常に平らに見えます。ボーダーを置くか、ボタンのように立たせる方法はありますか?

52
user1509593

IOS7の設計原則が変更されました。ただし、よりフラットにしたいが、「ボタンのように見える」カスタムボタンが必要な場合は、次のオープンソースコンポーネントコレクションを試すことができます。

GitHubのFlatUIKit

15
Nikola Kirev

ボーダーを追加するためにこれを試してください、それは動作します

#import <QuartzCore/QuartzCore.h>

次にviewDidLoad

_btn.layer.borderWidth=1.0f;
_btn.layer.borderColor=[[UIColor blackColor] CGColor];
_btn.layer.cornerRadius = 10;

また、ボタンのような外観を作るために色を塗りつぶすこともできます、または最良の方法はそこに画像を使用することです

BorderColorとは別に、Runtime属性を使用して行うこともできます。

enter image description here

104
Mehul Thakkar

これを試してください、これはボタンに境界線を設定します

#import <QuartzCore/QuartzCore.h>

btn.layer.borderColor = [UIColor blackColor].CGColor;

btn.layer.borderWidth = 1.0;

btn.layer.cornerRadius = 10;
44
Shaik Riyaz

SwiftおよびXCode 6を使用すると、これを実行できます。

StoryboardでUIButton要素をクリックし、IDインスペクターに移動します。ユーザー定義のランタイム属性に、次を入力します。

layer.borderWidth number 1

見栄えの良いコーナーが必要な場合

layer.cornerRadius number 5
layer.maskToBounds boolean true

これで境界線が表示されますが、色を設定するにはコードで行う必要があります。 View Controllerに移動し、ボタンからIBOutletを追加します。この場合、それはIBActionではなくIBOutletであることに注意してください。あなたが言うと、

@IBOutlet weak var xButton: UIButton!

以下のようにviewDidLoad関数でこれを呼び出して、色を設定します。

xButton.layer.borderColor = UIColor.whiteColor().CGColor

ありがとう!

23
Migel Tissera

IOS 7でボタンを簡素化する方法は2つあります

1>画像の設定:ボタンのsetImageプロパティを使用するボタンのように

2> bordercolor borderWidthを設定します。

button.layer.borderWidth = 1.0f;

button.layer.borderColor = [[UIColor blackColor] CGColor];

2
Chris Alan

IOS BootstrapButtonライブラリ(またはクローン)のいずれかを試すことをお勧めします。ストーリーボードのUIButtonをBButtonに変更するだけです。ストーリーボードにはプレビューがありません。

1
cat

背景画像を使用する場合は、ボタンを後方に移動します。エディター>アレンジ>後方に送信

0
Nora Alnashwan