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

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

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

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

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

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回答

8888閲覧

UIViewの背景色が白くなってくれない

chu_xxx_lip

総合スコア124

Xcode 7

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

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

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:46

編集2016/02/18 08:15

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

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

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

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

やりたいこと↓
ボタンの背景:白
ボタンの高さ:100px
ボタンの幅:300px:
テキストの色:グレー

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

ここまでできましたが、背景が黒くなってしまいます。
ここが間違っているのでしょうか?

// ビューの背景に色を設定
self.layer.backgroundColor = self.bgColor.CGColor

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 10 // Only override drawRect: if you perform custom drawing. 11 // An empty implementation adversely affects performance during animation. 12 override func drawRect(rect: CGRect) { 13 // Drawing code 14 15 // 領域外をマスクで切り取る設定をしない 16 self.layer.masksToBounds = false; 17 // 影のオフセット 18 self.layer.shadowOffset = self.shadowOffset 19 // 影の不透明度 20 self.layer.shadowOpacity = self.shadowOpacity 21 // 影の色 22 self.layer.shadowColor = self.shadowColor.CGColor 23 // ぼかしの量 24 self.layer.shadowRadius = self.shadowRadius 25 26 } 27 } 28 29

UIButtonクラス

swift

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

高さの設定や幅の設定の記事が探しても見つけられないのですが、
GUIでできる部分だから設定しないのが普通なのでしょうか?

現在のGUIはこのような感じです。

https://gyazo.com/fecfb8d1fb2590680d8c0f994145555d

GUIの方で背景を白く設定しましたが、黒いままでした。

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

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

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

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

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

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

guest

回答1

0

ベストアンサー

#前半の質問

背景が黒くなってしまいます。

UIViewの背景色は、元々Xcode上で変えられますので、わざわざ@IBInspectable var bgColorなんてものを用意しなくていいんじゃないかと。

swift

1@IBInspectable var bgColor: UIColor = UIColor.whiteColor() 2 : 3// ビューの背景に色を設定 4self.layer.backgroundColor = self.bgColor.CGColor

なので上記のコードは削除。

んでもって、Attributes inspector(Gyazoにアップした画像のやつ)のBackgroundをWhite Colorにすれば背景が白になると思います。

#後半の質問

高さの設定や幅の設定の記事が探しても見つけられないのですが、
GUIでできる部分だから設定しないのが普通なのでしょうか?

UIButtonはUIViewの派生クラスなので、UIViewのプロパティは全て使えます。
お馴染みの.frameでサイズ設定して下さい。

投稿2016/02/18 06:39

編集2016/02/18 07:26
fuzzball

総合スコア16731

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

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

chu_xxx_lip

2016/02/18 07:45

これを参考にして、 http://tech.eversense.co.jp/126 追加したのですが、黒いままです(。>﹏<。) import UIKit @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 //サイズと位置を指定します(x座標, y座標, width, height) let view = UIView(frame:CGRectMake(0, 0, 150, 150)) //viewの背景色(alphaは透過度) view.backgroundColor = UIColor(red: 1.0, green: 1.0, blue: 0.0, alpha: 1.0) } }
fuzzball

2016/02/18 08:11 編集

@IBInspectable var bgColor: UIColor = UIColor.whiteColor() と、 // ビューの背景に色を設定 ?? self.layer.backgroundColor = self.bgColor.CGColor を削除してね、って書いてあるのになぜ削除してくれないのですか? あと、 //viewの背景色(alphaは透過度) view.backgroundColor = UIColor(red: 1.0, green: 1.0, blue: 0.0, alpha: 1.0) これだと黄色になっちゃいますよ。
chu_xxx_lip

2016/02/18 08:12

前半の回答ありがとうございました。 削除して、GUIで白を設定したのですが、ビルドすると黒いままでした。 ですが、interface builderでみると、黒くなりました。(今までは白くなっていた。)
chu_xxx_lip

2016/02/18 08:14

黄色くなっているのは、わかりやすいように一時的に入れていました(。>﹏<。) すみません゜・(Pдq。)・゜。
fuzzball

2016/02/18 08:41

>>GUIで白を設定したのですが これはUCView_ButtonのBackgroundですよね? UCButtonじゃないですよ?
chu_xxx_lip

2016/02/19 06:21

ありがとうございます。 間違えていました。 解決しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問