Swift UILabel＆UITextField &UITextView— DAY15

UILabel單純顯示像是標題、人名、數字或是一段文字，就很適合使用 。

UITextField輸入文字使用，也就是輸入框，好比input。

UITextView輸入或顯示多行文字，好比textarea。

UILabel

如上圖先宣告一個UILabel，再運用UILabel的屬性來更改UILabel的樣式

//宣告一個常數
let firstLabel = UILabel(frame: CGRect(x:100, y:100, height:100 ,width:100))
//文字內容
firstLabel.text = "我是塔羅卡卡"
//背景顏色
firstLabel.backgroundColor = UIColor.purple
// 文字顏色
firstLabel.textColor = UIColor.black
// 文字的字型與大小
firstLabel.font = UIFont(name: "Helvetica-Light", size: 20)
// 可以再修改文字的大小
firstLabel.font = firstLabel.font.withSize(24)
// 或是可以使用系統預設字型 並設定文字大小
firstLabel.font = UIFont.systemFont(ofSize: 20)
// 設定文字位置 置左、置中或置右等等
firstLabel.textAlignment = NSTextAlignment.right
// 也可以簡寫成這樣
firstLabel.textAlignment = .center
// 文字行數
firstLabel.numberOfLines = 1
// 文字過多時 過濾的方式
firstLabel.lineBreakMode = NSLineBreakMode.byTruncatingTail
// 陰影的顏色 如不設定則預設為沒有陰影
firstLabel.shadowColor = UIColor.gray
// 陰影的偏移量 需先設定陰影的顏色
firstLabel.shadowOffset = CGSize(width: 2, height: 2)

通用屬性

大多數的元件都是繼承自UIView，很多屬性都是通用的，所以bounds 也可以繼承，所以上一篇教的都可以使用。

firstLabel.bounds.size.height = 100
firstLabel.bounds.size = CGSize(width: 250, height: 80)

UITextField

如上圖先宣告一個UITextField，再運用UITextField的屬性來更改UITextField的樣式

// 使用 UITextField(frame:) 建立一個 UITextField
let myTextField = UITextField(frame: CGRect(x: 100, y: 200, width: 200, height: 50))
// 尚未輸入時的預設顯示提示文字
myTextField.placeholder = "請輸入文字"
// 輸入框的樣式 這邊選擇圓角樣式
myTextField.borderStyle = .roundedRect
// 輸入框右邊顯示清除按鈕時機 這邊選擇當編輯時顯示
myTextField.clearButtonMode = .whileEditing
// 輸入框適用的鍵盤 這邊選擇 適用輸入 Email 的鍵盤(會有 @ 跟 . 可供輸入)
myTextField.keyboardType = .emailAddress
// 鍵盤上的 return 鍵樣式 這邊選擇 Done
myTextField.returnKeyType = .go
// 輸入文字的顏色
myTextField.textColor = UIColor.white
// UITextField 的背景顏色
myTextField.backgroundColor = UIColor.lightGray
self.view.addSubview(myTextField)

UITextView

var myFirstUITextView : UITextView!
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
myFirstUITextView = UITextView(frame: CGRect(x:100, y:250, width:200, height:100))
// 背景顏色
myFirstUITextView.backgroundColor = UIColor.gray
// 文字顏色
myFirstUITextView.textColor = UIColor.white
// 文字字型及大小
myFirstUITextView.font = UIFont(name: "Helvetica-Light", size: 20)
// 文字向左對齊
myFirstUITextView.textAlignment = .left
// 預設文字內容
myFirstUITextView.text = "請輸入內容"
// 適用的鍵盤樣式 這邊選擇預設的
myFirstUITextView.keyboardType = .default
// 鍵盤上的 return 鍵樣式 這邊選擇預設的
myFirstUITextView.returnKeyType = .default
self.view.addSubview(myFirstUITextView)
}