Swift日誌:UILable使用技巧

UILable是Swift中常拿來用於顯示文字的元件,任何字串、標題或一段文字都可以使用UILable,今天就來講個小範例

一樣我們先宣告今天要用到的元件

import UIKit

class ViewController: UIViewController {

    var lable1: UILabel!
    var lable2: UILabel!
  

在viewDidLoad裡制定我們要的文字背景、文字顏色、陰影顏色,需要解釋的都放在註釋裡了

    override func viewDidLoad() {
        super.viewDidLoad()
        self.lable1 = UILabel()
        self.lable1.backgroundColor = #colorLiteral(red: 0.8039215803, green: 0.8039215803, blue: 0.8039215803, alpha: 1)  //color literal
        self.lable1.numberOfLines = 1
        self.lable1.text = "Text test"
        //self.lable1.font = UIFont.systemFont(ofSize: 14)
        //self.lable1.font = UIFont.systemFont(ofSize: UIFont.smallSystemFontSize)
        //self.lable1.font = UIFont.italicSystemFont(ofSize: 17)
        //self.lable1.font = UIFont.boldSystemFont(ofSize: 17)
        self.lable1.font = UIFont(name: "Helvetica Meue ", size: 23)
        self.lable1.textColor = UIColor.darkGray
        self.lable1.textAlignment = .center //致中
        self.lable1.lineBreakMode = .byWordWrapping //自動換行方法
        self.lable1.adjustsFontSizeToFitWidth = false //使文字自動適應UILable
        self.lable1.shadowColor = #colorLiteral(red: 0.2549019754, green: 0.2745098174, blue: 0.3019607961, alpha: 1)
        self.lable1.shadowOffset = CGSize(width: 2, height: 2) //陰影偏移量
        self.view.addSubview(lable1) //加上畫面
        
        self.lable2 = UILabel()
        self.lable2.backgroundColor = #colorLiteral(red: 0.2549019754, green: 0.2745098174, blue: 0.3019607961, alpha: 1)
        self.lable2.textColor = #colorLiteral(red: 0.8039215803, green: 0.8039215803, blue: 0.8039215803, alpha: 1)
        self.lable2.numberOfLines = 0
        self.lable2.text = "現時電腦採用 x86 架構,那麼 x86 究竟是什麼大家又清楚嗎?這個字其實是一個「指令集架構」家族的總稱,起源自 1978 年的 Intel 8086 中央處理器,它是一個電腦指令巨集的主流沿用至今,可以說是最成功的電腦架構。它的特點是採用 複雜指令集電腦,Complex Instruction Set Computer 字組,指令數目多而且複雜,電腦需要加以判讀所以效率較低(相對於手機等流動裝置用的的 RISC( reduced instruction set computing) 架構),直到 90 年代技術進步情況才有所改變\n在 8086 之後推出 80286 、80386 、80486 等等處理器,其後再出現 Pentium 、Intel Atom 、 Intel Core i3 、i5 系列都採用 x86 架構,在 2017 年 Qualcomm 其中一個目標就是利用 ARM 處理器(採用 RISC 架構)去模擬出 x86 環境,令到 Qualcomm 處理器都能夠支援 x86 程式。"
        self.view.addSubview(lable2) //加上畫面

    }

最後設定兩個UILable的位置,我們放在viewWillAppear裡

    override func viewWillAppear(_ animated: Bool) {
        let frameW = UIScreen.main.bounds.width //找螢幕的寬
        let frameH = UIScreen.main.bounds.height //高
        let gap: CGFloat = 10.0
        //core graphic
        self.lable1.frame = CGRect(x: 0, y: 20, width: frameW, height: 30)
        
        let label1Y = self.lable1.frame.origin.y + self.lable1.frame.height + gap
        let label1W = frameW - gap*2
        let label1H = frameH - label1Y - gap
        self.lable2.frame = CGRect(x: gap, y: label1Y, width: label1W, height: label1H)
    }

}

簡單的小範例就完成了

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料