ラベルとボタンの操作
パラパラ動画を作っていて気がついた。
ラベルやボタンの操作が十分理解できていない。
story boardを使って貼り付けてばかりいたので、
メッソドやボタンやラベルの基本をわかっていないことに気づいた。
そこでこの二つをコードで書いてみる。
ボタンを押すと回数がラベルに表示される。
４回以上押すと回数ではない表示が出るようにした。
ボタンを押している最中は「押されました」と表示する。
書くのは面倒だが、変更や修正ではこちらの方があとの操作がやり易いことに気がついた。
ラベルの縁は丸くすると背景色が枠からはみ出てしまうなあ。
忘れても困らないように、コードの意味は各行に添え書きしておいた。
＜初期画面＞と＜ボタンを押した時の表示＞と＜４回以上押した場合＞
[
』
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（備忘録）ラベルとボタンの使い方
コード Xcode 7.2 Swift2.1
______________________________________________________
//
// ViewController.swift
// buttonTest
//
// Created by yasui_swift on 2015/12/17.
// Copyright © 2015年 darumammz.com. All rights reserved.
//
import UIKit
class ViewController: UIViewController {
let button = UIButton()
let myLable:UILabel = UILabel(frame:CGRectMake(0,0,300,50))//labelの大きさ、縦横の設定
var text:String = "?"
var buttonText1:String = "押してください"
var buttonText2:String = "もう押さないで！"
var index:Int = 1
override func viewDidLoad() {
super.viewDidLoad()
//buttonの設定
button.frame = CGRectMake(0,0,300,50) //ボタンの形と大きさ
button.setTitle(buttonText1,forState:.Normal) //押す前のタイトルの表示
button.setTitleColor(UIColor.blackColor(),forState: .Normal) //タイトル文字の色
button.setTitle("押されました!", forState: .Highlighted) //押している最中の表示
button.setTitleColor(UIColor.redColor(), forState: .Highlighted) //押している間のタイトルの色
//button.tag = 1 //タグの設定。今は使わない。
button.layer.position = CGPoint(x:self.view.frame.width/2,y :200)//ボタンの中心の位置
button.backgroundColor = UIColor(red:0.7,green: 0.2,blue: 0.3,alpha: 0.2) //ボタンのん背景の色
button.layer.cornerRadius = 25 //角の丸み
button.layer.borderWidth = 5 //枠線の太さ
button.addTarget(self, action: "tapped:", forControlEvents: .TouchUpInside) //ボタンが押された時の作業
//labelの設定
myLable.layer.position = CGPoint(x:self.view.frame.width/2,y :self.view.frame.height/2) //配置の位置
myLable.backgroundColor = UIColor(red:0.1,green: 0.3,blue: 0.1,alpha: 0.4)//背景の色
myLable.layer.cornerRadius = 10 //角の丸み
myLable.layer.borderWidth = 5 //縁線の太さ
myLable.textColor = UIColor.blueColor() //文字の色
myLable.textAlignment = NSTextAlignment.Center //label内の表示の位置/.Right/.Center/.Left//
myLable.font = UIFont.systemFontOfSize(22) //フォントのサイズ設定
myLable.text = text //textの設定
self.view.addSubview(button) //画面へのbuttonの表示
self.view.addSubview(myLable) //画面へのlabelの表示
}
//行う作業の記載
func tapped(sender:UIButton){
if index >= 4 {
myLable.text = "押しすぎです!"
button.setTitle(buttonText2,forState:.Normal)
}else {
myLable.text = "\(index)回目です。" //ブログでは文字化け、￥を逆/に変更しないとならない。
index = index + 1
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
===================================
