質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Cocoa

CocoaはMac OS X用のアプリケーションを構築する為の主要なフレームワークのひとつです。

button

HTMLで用いる<button>タグです。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

1回答

6701閲覧

Swift/Xcodeで背景色が透明なボタンを作成したい♥

chu_xxx_lip

総合スコア124

Xcode 7

Xcode 7は、ソフトウェア開発のためのアップルの統合開発環境であるXcodeのバージョン。UIを作成するために用いるグラフィカルツールです。iOS9/OS X El Capitan/watchOS2に対応。Swift 2コンパイラーが搭載されています。

Cocoa

CocoaはMac OS X用のアプリケーションを構築する為の主要なフレームワークのひとつです。

button

HTMLで用いる<button>タグです。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

0クリップ

投稿2016/02/18 05:06

♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡
目的:
*
Viewのまとまりを一つのボタンとして扱いたい
*
汎用的に使えるクラスを作っておきたい

♡★♡゚・:.。 。.:・゚♡★♡

まず、UIViewを作成し、その上に、画像を2つ置き、画像と画像の間に、テキストを置き、
一番最後にViewと同じ大きさのUIButtonをかぶせて、全体をボタンとして扱えるようにしたいです。

UIView、UIViewはクラスを作成し、画像に関してはGUIで設定しようと思っています。
完成したら、そのボタンは、画像とテキストを変更して使いまわせるようにしたいです。

やりたいこと↓
ボタンの背景:白
ボタンの高さ:100px
ボタンの幅:300px:
テキストの色:グレー
丸角:3 ※できているはず
ボタンに影を付ける ※できているはず

なのですが設定の方法を教えてくだい。

ここまでできました。

UIViewクラス

swift

1import UIKit 2 3@IBDesignable class UCView_Button: UIView { 4 5 @IBInspectable var shadowOffset: CGSize = CGSizeMake(0.0,2.0) 6 @IBInspectable var shadowOpacity: Float = 20.0 7 @IBInspectable var shadowColor: UIColor = UIColor.blackColor() 8 @IBInspectable var shadowRadius: CGFloat = 2.0 9 @IBInspectable var bgColor: UIColor = UIColor.whiteColor() 10 11 // Only override drawRect: if you perform custom drawing. 12 // An empty implementation adversely affects performance during animation. 13 override func drawRect(rect: CGRect) { 14 // Drawing code 15 16 // 領域外をマスクで切り取る設定をしない 17 self.layer.masksToBounds = false; 18 // 影のオフセット 19 self.layer.shadowOffset = self.shadowOffset 20 // 影の不透明度 21 self.layer.shadowOpacity = self.shadowOpacity 22 // 影の色 23 self.layer.shadowColor = self.shadowColor.CGColor 24 // ぼかしの量 25 self.layer.shadowRadius = self.shadowRadius 26 // ビューの背景に色を設定 27 self.layer.backgroundColor = self.bgColor.CGColor 28 29 } 30 } 31 32

UIButtonクラス

swift

1import UIKit 2 3@IBDesignable class UCButton: UIButton { 4 5 @IBInspectable var cornerRadius: CGFloat = 3.0 6 @IBOutlet weak var ButtonClear: UIButton! 7 8 override func drawRect(rect: CGRect) { 9 self.ButtonClear.alpha=0 10 self.layer.cornerRadius = cornerRadius 11 } 12} 13

ビルドできますが、途中でこけてしまいます。
self.ButtonClear.alpha=0
の部分に、
Thread 1: EXC_BAD_INSTRUCTION(code=EXC_1386_INVOP, subcode=0x0)

というエラーが出ています。

よろしくおねがいします٩(๑❛ᴗ❛๑)۶
♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

swift

1@IBOutlet weak var ButtonClear: UIButton!

これはなんでしょうか?
この行を削除して、

swift

1self.alpha=0

でOKだと思いますが。

投稿2016/02/18 05:22

fuzzball

総合スコア16733

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

chu_xxx_lip

2016/02/18 05:30

透明にすることができたので、ベストアンサーにします???? ですが、背景が白ではなく黒くなってしまいます。
cheese1038

2016/02/18 05:38

ボタンの下全部が透明になってて真っ黒になってるんじゃないですかね 無描画状態は基本真っ黒なので
fuzzball

2016/02/18 05:50

ふと思ったのですが、ボタンって元々背景は透明じゃないですか?
chu_xxx_lip

2016/02/18 05:56

@IBDesignable class UCView_Button: UIView { @IBInspectable var shadowOffset: CGSize = CGSizeMake(0.0,2.0) @IBInspectable var shadowOpacity: Float = 20.0 @IBInspectable var shadowColor: UIColor = UIColor.blackColor() @IBInspectable var shadowRadius: CGFloat = 2.0 @IBInspectable var bgColor: UIColor = UIColor.whiteColor() // Only override drawRect: if you perform custom drawing. // An empty implementation adversely affects performance during animation. override func drawRect(rect: CGRect) { // Drawing code // 領域外をマスクで切り取る設定をしない self.layer.masksToBounds = false; // 影のオフセット self.layer.shadowOffset = self.shadowOffset // 影の不透明度 self.layer.shadowOpacity = self.shadowOpacity // 影の色 self.layer.shadowColor = self.shadowColor.CGColor // ぼかしの量 self.layer.shadowRadius = self.shadowRadius // ビューの背景に色を設定 self.layer.backgroundColor = self.bgColor.CGColor } } この部分に、ミスがありますか? 新しいページに写真を追加しますが、 GUIの設定が悪さをしているのでしょうか?
chu_xxx_lip

2016/02/18 06:17

元々と透明なのですが、こちらもクラスで指定しております。 質問新しく立てました、ぜひよろしくお願い致します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問