2014-06-17

Swift　ボタンを作る　 UIButton

Swift

今回は、Swiftを使って、ボタンを作る方法を書きます。

具体的に言いますと、UIButtonクラスを使います。
UIButtonクラスは、ボタンを管理するクラスです。

さっそく書いていきます。

こんな感じです↓

 var button = UIButton(frame: CGRectMake(260, 30, 50, 50))
 button.backgroundColor = UIColor(red: 0.0, green: 1.0, blue: 0.0, alpha: 1.0)
 button.addTarget(self, action: "btn:", forControlEvents:.TouchUpInside)
 self.view.addSubview(button)

「btn」関数（※関数名は適宜変えてください。）

func btn(sender: UIButton){       
        println("button push!")
}

実行結果１
f:id:gupuru:20140615225318p:plain
緑色の部分がボタンです。タップすると、printlnで「button push!」と表示します。

実行結果２
f:id:gupuru:20140615225537p:plain

まず、ここの部分でボタンを作っています。

var button = UIButton(frame: CGRectMake(260, 30, 50, 50))

X座標:260,Y座標:30のところに作られます。幅、高さは50です。

次に、こちらの部分で背景色を決めています。

button.backgroundColor = UIColor(red: 0.0, green: 1.0, blue: 0.0, alpha: 1.0)

次に、こちらの部分は、ボタンをクリックした時に「btn」関数を処理する感じです。

 button.addTarget(self, action: "btn:", forControlEvents:.TouchUpInside)

最後に、 UIButtonのプロパティを少し書きます。

1.キャプション設定

「setTitle」を使うとキャプションの設定ができます。

「〜.setTitle("◯◯", forState: 〜)」

 var button = UIButton(frame: CGRectMake(160, 30, 100, 50))

        button.setTitle("ぼたん", forState: .Normal)   //追加

        button.backgroundColor = UIColor(red: 0.0, green: 1.0, blue: 0.0, alpha: 1.0)
        button.addTarget(self, action: "btn:", forControlEvents:.TouchUpInside)
        self.view.addSubview(button)

実行結果
f:id:gupuru:20140615231126p:plain

2.キャプションの色を変える

「setTitleColor」を使うとキャプションの色が変えれます。

var button = UIButton(frame: CGRectMake(160, 30, 100, 50))
        button.setTitle("ぼたん", forState: .Normal)

        button.setTitleColor(UIColor.blueColor(), forState: .Normal)   //追加

       button.backgroundColor = UIColor(red: 0.0, green: 1.0, blue: 0.0, alpha: 1.0)
        button.addTarget(self, action: "btn:", forControlEvents:.TouchUpInside)
        self.view.addSubview(button)

実行結果
f:id:gupuru:20140615234012p:plain

3.角丸＆枠線をつける

角丸にするには、「cornerRadius」を使うとできます。
枠線は、「borderWidth」を使います。

 var button = UIButton(frame: CGRectMake(160, 30, 100, 50))
        button.setTitle("ぼたん", forState: .Normal)
        button.setTitleColor(UIColor.blueColor(), forState: .Normal)
        
        button.layer.cornerRadius = 10   //角丸
        button.layer.borderWidth = 1     //枠線

        button.addTarget(self, action: "btn:", forControlEvents:.TouchUpInside)
        self.view.addSubview(button)

実行結果
f:id:gupuru:20140615234239p:plain

これで、終わります。

参考サイト
http://toshihiro-oyama.com/swift%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A0%E3%81%91%E3%81%A7%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%A8%E3%83%A9%E3%83%99%E3%83%AB%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E6%96%87%E5%AD%97%E3%82%92/
UIButton - iPhoneアプリ開発の虎の巻

2014-06-16

Swift　画面に文字を出す　UILabel

Swift

今回は、SwiftでUILabelを使い、画面に文字を表示する方法を書きます。

UILabelクラスは、ラベルを管理するクラスで、画面に文字を表示させたい時に使用します。

では、Swiftを使って画面に文字を表示する方法を書いていきます。
こんな感じに書きます↓

 var label = UILabel(frame : CGRectMake(100, 200, 200, 20))
 label.text = "Swiftだよん"
 self.view.addSubview(label)

今回は、上のコードを「viewDidLoad() 」の所に書きます。
こんな感じです↓

override func viewDidLoad() {
        super.viewDidLoad()
      
        var label = UILabel(frame : CGRectMake(100, 200, 200, 20))
        label.text = "Swiftだよん"
        self.view.addSubview(label)
        
}

あとは、実行するだけです。
実行結果
f:id:gupuru:20140614221553p:plain

ちなみに、CGRectMake()の引数は、こんな感じです。(詳しくは、コチラ)

CGRectMake(位置ｘ, 位置y, 幅, 高さ)

ここからは、UILabelのプロパティを少し書いていきます。

1.テキストの色を変える
「〜.textColor = UIColor.〜」

 var label = UILabel(frame: CGRectMake(100, 200, 200, 20))
        label.text = "Swiftだよん"
        label.textColor = UIColor.redColor()
        self.view.addSubview(label)

実行結果
f:id:gupuru:20140614222142p:plain

2.横揃え(中央寄せ,左寄せ,右寄せ)

中央寄せ・・・「〜.textAlignment = NSTextAlignment.Center」or 「〜.textAlignment = .Center」
左寄せ・・・「〜.textAlignment = NSTextAlignment.Left」or 「〜.textAlignment = .Left」
右寄せ・・・「〜.textAlignment = NSTextAlignment.Right」or 「〜.textAlignment = .Right」

例１

    var label = UILabel(frame: CGRectMake(100, 200, 200, 20))
        label.text = "Swiftだよん"
       label.textAlignment = NSTextAlignment.Center
       self.view.addSubview(label)

例２

    var label = UILabel(frame: CGRectMake(100, 200, 200, 20))
        label.text = "Swiftだよん"
        label.textAlignment = .Center
       self.view.addSubview(label)

3.背景色
「〜.backgroundColor = UIColor.〜」

    var label = UILabel(frame: CGRectMake(100, 200, 200, 20))
        label.text = "Swiftだよん"
         label.backgroundColor =  UIColor.redColor()
       self.view.addSubview(label)