【從零開始學 SwiftUI 程式設計】Text 文字元件

作者： -

【從零開始學 SwiftUI 程式設計】線上免費講義課程目錄

Text 文字元件

在畫面上可以顯示單行或多行的文字元件。

Text("哈囉！HKT線上教室～")

預覽畫面

Text 屬性修改

剛開始學，對於元件屬性百百種很陌生，記不起來沒關係，可以透過滑鼠點擊左邊程式碼區塊中想要修改的元件程式上，然後開啟右側面版，選擇屬性列表，即可以在右手邊看到該元件相關的屬性設定。也可以透過 「command」 鍵的方式並點擊想要修改的元件，在選單中選擇「show SwiftUI Inspector」來設定對應元件的屬性。

補充：蘋果鍵盤圖

補充：常用 control / option / command 按鍵

以 Text 文字元件來看，可以修改文字顯示內容(Text)、字體大小(font)、字型粗體樣式(Weight)、字體顏色(Color)、對齊方式、行數限制、空白間隙…等。大家可以直接修改看看，看有什麼變化吧！

修改後自動生成的程式碼

多練習幾次、多寫幾次，就會大概知道屬性關鍵字，透過輸入相關關鍵字加上程式碼自動化提示，之後熟悉變老手後，自己就可以很輕鬆、行雲流水的打出這些相關屬性設定程式。一開始不熟悉，沒關係很正常，慢慢跟著 KT 老師一步一步練習。

Text("哈囉！HKT線上教室～")
    .font(.largeTitle)
    .fontWeight(.bold)
    .foregroundColor(Color.orange)
    .multilineTextAlignment(.center)     
    .padding()

修改後預覽畫面

Text 自定義顏色

點擊 Color -> Custom

可以使用常見的 RGB 範圍 0~255 或是 16 進位色碼，來自定義自己要的顏色。 其中 Ａ 欄位指的是 0~1 浮點數值的透明度範圍值。

開發說明書

KT 老師私心建議一定要跟「開發說明書」做好朋友，寫程式寫到卡關，大部分詢問他，都可以有答案。

我們可以在元件上，按 「command」鍵，選擇「Show Quick Help」或是「option」鍵，可以查看到該元件對應的使用說明文件。

Text 使用說明文件

Text 常用設定

字體大小（動態）

.font(.title)

補充：字體大小「動態」的意思是指，字體會隨著手機設定，動態變化大小 。

手機字體大小設定步驟：設定 -> 螢幕顯示與亮度 -> 文字大小

字體大小（固定）

 .font(.system(size: 50))

補充：字體大小「固定」的意思是指，不管手機的設定文字大小，都不會跟著變化。

字體顏色

.foregroundColor(.blue)

粗體

.fontWeight(.bold)

刪除線

 .strikethrough()

底線

.underline()

行數限制

 Text("HKT線上教室\nHKT線上教室\nHKT線上教室")

沒有被限制行數下顯示：

.lineLimit(1)

被限制行數只顯示一行：

字與字間距

.kerning(30)

旋轉

.rotationEffect(.degrees(45))

參考資料

Apple Developer - Text
https://developer.apple.com/documentation/swiftui/text

Apple Developer - Font
https://developer.apple.com/documentation/swiftui/font

Quick Help - Text

那這次的課程就介紹到這邊囉～

順帶一提，KT 線上教室，臉書粉絲團，會不定期發佈相關資訊，不想錯過最新資訊，不要忘記來按讚，加追蹤喔！也歡迎大家將這套課程分享給更多人喔。

我們下次再見囉！！！掰掰～

這個網誌中的熱門文章

16天記下7000單字

作者： -
圖片
最近剛好在看7000單字，正不知道怎麼下手來解碼這龐大的一隻害蟲， 在網路上正好看到了這個「800個句子背下7000個單詞」，又名「16天記下7000單字」， 顧名思義一天只要看懂50個句子，16天後就可以看懂800個句子也記下7000個單字。 感覺好像還蠻厲害的。但出處不明，不知那個好心人士分享的，所以我也無法註明出處， 這點到是有點可惜。 相關文章: 16天記下7000單字 傳說中的100句英語可以幫你背7000單詞-公開大解密 傳說中的7000單字由來??? 800個有趣句子幫你記憶7000個單字   1. With my own ears I clearly heard the heart beat of the nuclear bomb. 我親耳清楚地聽到原子彈的心臟的跳動。 2. Next year the bearded bear will bear a dear baby in the rear. 明年，長鬍子的熊將在後方產一頭可愛的小崽。 3. Early I searched through the earth for earthenware so as to research in earthquake. 早先我在泥土中搜尋陶器以研究地震。 4. I learn that learned earnest men earn much by learning. 我得知有學問而認真的人靠學問掙很多錢。 5. She swears to wear the pearls that appear to be pears. 她發誓要戴那些看起來像梨子的珍珠。 6. I nearly fear to tear the tearful girl's test paper. 我幾乎害怕撕那個淚流滿面的女孩的試卷。 7. The bold folk fold up the gold and hold it in hand. 大膽的人們將黃金折疊起來拿在手裡。 8. The customers are accustomed to the disgusting custom. 顧客們習慣了令人討厭的風俗。 ...
Read more »

[推薦]目前當代具有相當權威的英語辭典整理收集

作者： -
圖片
HKT整理了一下，目前當代具有相當權威的英語辭典:  1.牛津(OALD)   2.朗文(LDOCE)   3 .麥克米倫(MED)   4.劍橋(CALD)   5.韋氏詞典(Merriam-Webster’s)   6.柯林斯高階英語辭典(Collins Cobuild)   7.文馨高級英英英漢雙解辭典   以上順序隨機排列，非喜好或重要順序排列。 ====2009/10/8補充==============頭 HKT個人是比較偏愛， 「朗文」 和「 文馨」 ，這兩本辭典寫的東西， HKT看到都會感動到流涕，寫的真的是太棒了，除了解釋字彙的涵義外， 都還會補充一堆東西，比如說「CAN」除了跟你說它的涵意外， 還額外解釋比較 「could」,「 be able to」 三者之間的用法， 不會讓你以為三者用法都一樣， could有could的用法 ， be able to有 be able to的用法， 何者何時使用比較恰當( WORD CHOICE )，會學到更多東西，是比較屬於學習辭典， 相對於牛津，可能定位不同，HKT倒是覺得牛津，有名到有點莫名其妙，可能大家立場不同， 很多人很推崇他，我看法到是比較另一端。 而英文有一點點點點基礎(我指的是至少擁有基本字彙)，當然是買朗文最好， 而如果沒有基本字彙，買朗文當然很傷神，因為查的再勤奮，查到底他仍用基本字彙解釋涵義， 所以沒有基本字彙，查到底就會變成死胡同鬼撞牆，仍不明他要說的解釋是什麼， 這時買「 文馨」 雙解辭典準沒錯，因為看不懂基本字彙解釋的涵義，可以偷瞄一下中文。 結論: 有基礎者，HKT個人推薦，可以買 「朗文」 無基礎者，HKT個人推薦，可以買「 文馨」 PS.當然朗文也有出雙解版，只是雙解版目前只到 第四版 ，而英英版目前最新已到第五版。 如果不建議這內容與版次問題也可以參考。 而一般字典，書店都是封套起來(不給試看)，看不到內容， 其實可以先到圖書館(學校或一般)去試閱一下。 ====2009/10/8補充==============尾 以下資料來源:參考擷錄各辭典的官方網站和網路書店。 註:如果目前紙本字典有雙解(英...
Read more »

[推薦] 翻譯機 (無敵 CD-318、CD-222 電子辭典)

作者： -
圖片
你還在猶豫選擇那一台翻譯機嗎? 你還在比較那一品牌比較好嗎? HKT，今天將推薦這兩款翻譯機( 無敵 CD-318、CD-222 )。 1.無敵 CD-318   特色: ◆300萬字庫，無敵英漢、牛津詞典 ◆全螢幕多字手寫( 觸控 ) ◆2009/9/22 最新報價$3400(台北火車站-NOVA資訊廣場) 2.無敵CD-222 特色: ◆ 200萬字庫 ，無敵英漢、牛津詞典 ◆2009/9/22 最新報價$2600(台北火車站-NOVA資訊廣場) //////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////// ==================== Q1.為何不推薦其他品牌? ==================== HKT: 這跟回答Mr. Ma和Mr.Chen那一個比較好，是一樣的道理， 要很理智列出每項優缺點，去評論其他品牌， 會引來很大的爭議與筆戰，非此文目的，此文的目的是推薦個人覺得很優的翻譯機， 所以這題留給歷史回答這題，呵~ (PS.無敵多賣一台，少賣一台跟我口袋無任何關西，純推薦，非商業廣告文)。 ================================ == Q2.為何推薦這兩台 ( 無敵 CD-318、CD-222 )? ================== ================ HKT: 個人覺得其他高階的機型， 1.經濟考量:太貴了~(其他高檔機型，有的高達1萬元) 2.彩色:太耗電(是吃電的怪獸且彩色與黑白的價格差3倍) 3.功能:高檔多出來的功能，HKT個人覺得用不太到， (真人動畫文法教學，呵~我覺得還不如看文法書來的實際) 針對這三點，所以擇優過濾出這兩台( 無敵 CD-318、CD-222 )， 當然如果...
Read more »

[好書推薦] 英文文法 書籍

作者： -
圖片
1.新英文法   (俗稱:柯旗化英文文法) 實用性:★★★★★★(聖經等級) 作者：柯旗化 出版社：第一出版社 這本書是我在上文法課的時候老師推薦的， 這本可真是歷久不衰， 目前還是非常的暢銷(註:已暢銷200萬本)，歷經快50年仍在文法書裡占據雄霸一方， 上次在信義誠品書店語言書展，這本書年紀隨大，但他可沒躲在一旁喘氣， 而是擺在最顯眼的地方，當時看到還有點讓我驚呼，連誠品也這麼識貨， 顯然如果賣得不好，這種老書很難登的上大雅之堂，而目前卻擺在最重要的位置， 顯得這本書值得重視，值得一看， 作者乃為台灣文法界的始祖(祖師爺)一代宗師， (註:有人排名英語一代宗師:柯旗化，二代:吳炳鍾，目前已到第三代:賴世雄) 很多文法書都參考於此書， 且目前在教英文的老師，通常都會有這一本聖經。 2. 賴氏英文文法 實用性:★★★★★ 作者：賴世雄 出版社：常春藤 這本也是經過多次改版，目前最新版就是這本， 作者：賴世雄，哈哈哈!這位作者應該就不用多介紹了，大家應該都認識。 這本是號稱，考英檢或升學考試必讀之書。 以上1.2兩本都可以堪稱是經典中的經典，每個英文老師必備的讀物  。 而底下的3.4.5書則是我個人瀏覽過還不賴的書: 3.朗文新英文文法全集 HKT推薦，活潑性:★★★★★(文字敘述不會很死板) HKT推薦，初學者:★★★★★(適合剛在學習的人) 作者：石黑昭博 出版社：培生(語言學習) 不要覺得這本內容看起來好像沒講什麼， 寫的像小朋友文法書一樣，講的很簡單(其實是很生動活潑)， 其實內容是很紮實，該講的、很重要的，都有提到，不會含糊， 不會隨便畫幾個圖給你呼攏過去，非常適合剛在打底的人， 他把複雜的東西講的很容易懂，很艱澀或使用頻率低的文法先給抽掉， 讓自學自修或初學者輕鬆快樂上手。 而在英語出版界裡兩大龍頭是「劍橋」和「朗文」，而這本書正是「朗文」出版， 所以品質是有一定的保證，而且這本書也是非常暢銷， 也是經過一些年代的洗禮，內容越改越精煉。 4.活用圖解英文法(AB不分售)革新版 HKT推薦，架構性:★★★★★(像整理過的文法筆記一樣，歸納整理的非常好) 作者: 曾守得、陳啟賢、陳明亮、陳威、邱淑君 出版...
Read more »

nano 文字編輯器

作者： -
圖片
新建／打開文件 nano 路徑+文件名 複製、剪下和貼上 # 複製一整行: Alt +6 # 剪下一整行： Ctrl +K # 貼上 Ctrl +U 搜尋 Ctrl+W 搜尋關鍵字 存檔 Ctrl+O 退出離開 nano 文字編輯器 Ctrl+X 如果你修改了文件，尚未存檔，會詢問你是否需要保存修改。輸入Y確認保存，輸入N不保存，按Ctrl+C取消返回。 如果輸入了Y，下一步會讓你輸入想要保存的文件名。如果不需要修改文件名，直接按 enter即可；若想要保存成別的名字或是另存檔名，則輸入新的名稱然後按 enter即可。這個時候也可用Ctrl+C來取消返回。
Read more »