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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Objective-C

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

Xcode 7

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

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

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

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

Q&A

解決済

1回答

2898閲覧

Swift/XcodeでUIcontrollerのButtonにborderを付けたい????

chu_xxx_lip

総合スコア124

Objective-C

Objective-Cはオブジェクト指向型のプログラミング言語のひとつです。C言語をベースにSmalltalkが取り入れられています。

Xcode 7

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

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

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

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

0グッド

1クリップ

投稿2016/02/05 04:07

♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡o。.。o♡
Interface Builder 使ってiosをアプリ開発しています。

UIcontrollerのButtonを設置したのですが、
枠線をGUIで追加することはできますでしょうか??

環境
♡ storyboardは使わない
♡.xibと.swift
♡ Xcode version7.2-

サイトを見る限り、コードで書かないと無理みたいのですが本当でしょうか?
無理か無理じゃないかを知りたいのと、
無理だとしたらおススメの簡単な方法を教えてください♡

ObjectiveCの記事が多く、Swiftの情報はまだ少ないですね(。>﹏<。)

♡ 参考サイト
http://qiita.com/Kta-M/items/ae22fd0c78cb15faee0b
http://dev.classmethod.jp/references/xcode-6-interface-builder-live-rendering/
http://nanananande.helpfulness.jp/post-2152/
http://iritec.jp/objective-c/9167/
http://eratokki.blog.fc2.com/blog-category-1.html
http://blog.tapjockey.com/?eid=13

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

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

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

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

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

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

TakeOne

2016/02/05 05:04

その参考サイトの http://eratokki.blog.fc2.com/blog-category-1.html に、コードを書かずに枠線を設定する方法が書かれてあると思うんですが、これじゃダメってことですか? 参考サイトに書かれてあることでは何が足りないのかもうちょっと説明が必要だと思います。
chu_xxx_lip

2016/02/12 07:36

そうですよね(。>﹏<。) できなくて、誤字?もあったためか確認できませんでした。 ですが、再度ビルドするとできました。 実行しないと確認できないので誤解したみたいです、すみません。
guest

回答1

0

ベストアンサー

UIButtonの枠線をGUIで付けれればよい、というのであってますかねー?
それであれば、User Defined Runtime Attributesを使えばいけますよー。

xib上で設置したボタンをタップして、ボタンの詳細画面をみてください(右側に出るやつですね
そしてその中のタブが6つほどあると思うのですが、左から3番目をタプすると
User Defined Runtime Attributesという欄があると思います。

そこに+ボタンがあるので、それをタップすると値を入力出来ます。
そして以下のように入力すれば枠線はでますよ〜

layer.borderWidth Number 1

keypath,Type,Valueの順番です。
Valueの値を変えると太さが変わります。

イメージ説明

こんな感じですね〜
またxibファイルには見た目が反映されないので、ビルドして確かめてみてくださいー。

色も変えられるのですが、それはまた別途コードを書く必要がありそうなので、
細かくカスタマイズしたいならやはりコードを書く必要があるかなと思います。

やりたいことと違ったらごめんなさい!
お役にたてば〜

またもしわからないことがあれば私に直接いろいろ聴いてもらっても構いませんよ〜

投稿2016/02/06 16:27

kkoide1332

総合スコア19

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

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

chu_xxx_lip

2016/02/12 07:35

なんとお優しい天使様でしょう・・・???? ありがとうございます、できました????
chu_xxx_lip

2016/02/12 08:10

やはり枠線の色のみ変更できません(。>﹏<。) class CustomButton: UIButton { var borderColor : UIColor = UIColor.blackColor() override func awakeFromNib() { self.layer.borderColor = borderColor.CGColor } } はどこに書けばいいのでしょうか? デフォルトで入っていた ①ViewController.swift か ②[show the Assistant editor]をおしたら出てくるページ でしょうか? ③それとも新たに、.swiftのファイルを作成すればいいのでしょうか? ①に書きましたが適用されませんでした。 ただ書くだけではなく別に設定が必要でしょうか? ①には書き込むことができませんでした。 宜しくお願いいたします(。>﹏<。)
kkoide1332

2016/02/14 03:32

枠線は描けたようで良かったです! >どこに書けばいいのでしょうか? 答えは3になりますね。 書いて頂いたコードを例に手順を以下に示しますね。 1.CustomButton.swiftというクラスを作る  →新規ファイル追加から作ってください  →cocoa classファイルからUIButtonを継承することが必要です 2.作られたファイルにそのコードを書いてください。 コードの意味はわかりますか?ざっと説明するとこんな感じです。 ``` //UIButtonを継承したCustomButtonというクラスを作る //継承の意味はわかりますかね?わからなければ別途また聞いてください〜 class CustomButton: UIButton { // このコードをつけることで、borderColorがxib編集ファイルから参照できるようになるはずです。 // 初期化はしなくてもしてもどちらでもよいですが、ひとまずはこれでいいと思います var borderColor : UIColor = UIColor.blackColor() // viewのライフサイクルをオーバーライドしています // viewが生成されるときに呼ばれます  override func awakeFromNib() {   //ここでview自体に設定します   self.layer.borderColor = borderColor.CGColor  } } ``` なんとなくつかめたでしょうか? おそらく継承周りやファイルの仕組み自体がまだあまり理解できていないのかな?と見受けられましたので、基本的なことでもどんどん聞いてくださいね〜
kkoide1332

2016/02/14 03:37

追記です。 CustomButtonというボタンを作ったら、xib上で枠線をつけたいボタンを選択し、 CustomClassという項目にCustomButtonと入力してください。 そうすることで、CustomButtonがそのボタンを紐づく、ということになります。 また、 ``` @IBInspectable var textColor: UIColor? ``` とプロパティを指定することでxcode6以上からxib上で編集項目が追加されるようです。 以下のサイトを参考にやってみてください〜 http://iritec.jp/objective-c/9167/ http://iritec.jp/objective-c/9167/
chu_xxx_lip

2016/02/15 07:59

ありがとうございます。 継承、ラップ、ファイル構造、フレームワークなど、 言葉で読んでも理解ができておりません。 使っている実感もなく、とりあえず触っている感覚が現状です。 ファイル新規作成だと、ファイルの数は増えるしそのあと手間もかかりそうですが、 使いまわしができそうなのでいいですね٩(๑❛ᴗ❛๑)۶ 宜しくお願いいたします。
kkoide1332

2016/02/15 08:07

ファイルの新規作成自体は基本的に悪ではないので増えることに対してあまりネガティブな感情を持たなくても良いかと思います〜。 おっしゃる通りボタンはどのアプリでも使うので、自分がよく使うであろうプロパティを持たせたカスタムボタンクラスは作っておくと何かと便利ですよー。 基本的に言葉が難しいので1つ1つ使いながら理解していくでいいと思いますw また調べてもなかなか文字面だと難しいので、近くに頼れるエンジニアがあれば 直接聞いて概要を知ると一気に理解が深まると思います。 わかなければささいなことでもどんどん聞いちゃった方が結果早いと個人的には思うので 頼れる人を頼ってがんばりましょ!w ではでは〜
chu_xxx_lip

2016/02/18 02:09

優しいお言葉ありがとうございます。 あなたのような方が、数少ないエバンジェリストになっていくのだと思います。 100人に➖評価付けられても、一人の優しさがあるので頑張りたいと思えるのです。 >>カスタムボタンクラス そういうのはカスタムコントロールと呼ぶのでしょうか? 近くに直接聞ける人がいないため、ネットが頼りです。 ありがとうございました。
kkoide1332

2016/02/19 03:15 編集

いやいや!そんなめっそうもないw 若い世代が興味持つことはとってもいいことなので、気にせずどんどん質問しちゃってくださいね。 >そういうのはカスタムコントロールと呼ぶのでしょうか? うーん、単純にUIButtonの子クラス、っていう感じですかね。 子クラスというのは、親クラスを継承して作るクラスです。 「UIButton」が親クラスで、「CustomButton」が子クラスです。 子クラスというのは、簡単に言うと親クラスがもっているメソッドやプロパティを引き継いでいるクラスですね。 子クラスに何もかかなくても、その子クラスのインスタンスでボタンのタイトルとかがセットできるのはそういう理由ですね。 なんとなくわかりますかねー?
chu_xxx_lip

2016/02/22 05:52

感謝します。 なるほどです。 わかりました。 親クラスがどんな機能を持っているか、皆さんはどのようにして知ったのでしょうか? また、UIButtonがUIViewを継承しているなど、自作の子クラス以外にもすでに、親子関係にある属性もあるのでしょうか? 一番上の親、から孫までの図などがあれば全体を把握しやすいのですが、性格上末端の部分しかしらないと不安になってしまいます。
fuzzball

2016/02/22 06:10 編集

ドキュメント見るのが正しいと思います。 https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIButton_Class/ あとは、Xcode上でヘッダを追っかけていくとか。(私はこれ派です) ⌘キーを押しながら UIButton をクリック → UIControlを継承している → ⌘キーを押しながら UIControl をクリック → UIViewを継承しているのが分かる → (以下略)
kkoide1332

2016/02/22 06:11

>UIButtonがUIViewを継承しているなど、自作の子クラス以外にもすでに、親子関係にある属性もあるのでしょうか? いい質問ですね! UIButtonやUITableViewなども、すべてUIViewを継承しています。 だから、背景色とかを変えられるんですね。 また、UIViewもNSObjectとUIResponderを継承しています。 もしどのクラスを継承しているか知りたければ、以下のようなサイトがあるのでそこをみれば何を継承しているかわかります。 ご参考までに〜 https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIView_Class/index.html#//apple_ref/occ/cl/UIView
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問