第一課:Views
Views 是指一個App當中你所看到的東西,不管是文字、圖片、按鈕,都是一種View。
以此圖為例,可以看到許多種View,並給大家一個小小的Quiz作為練習。 |
此為Youtube程式入口畫面,在此畫面中也有許多不一樣的Views |
藉由上面的練習,在這個單元最重要的課程內容就是希望各位可以初步了解軟體畫面的基本構成元素。
TextView
基本構成元素:
- 在一個View中,前後都會有個箭號括弧(綠色),且後面必須以正斜線做收尾。
- 需要以android :來做開頭,接著會鍵入所需要修改的元素,舉例:android:text。
- 基本上只要是一個View,我們都會去定義他的範圍框架。
什麼XML?
XML 是一種可延伸式標記語言。而要製作 Android 軟體畫面的環境語言稱為 XML。
其中 TextView 是 XML 的一個元素(Element),概念有點像是物件。
用於描述這個 TextView 物件的,稱為 Attribute。
一個 element 通常會在一個 Self-closing tag 當中,其中包含 < ____/>
其他參考資料:
XML (Wiki): Link
HTML與XML有什麼分別?(EzTrust) : Link
Using XML Visualizer to do those tasks below.
Find out the errors ( tips: 4 errors)
wrap_content
這個是可以用來記錄attribute狀態的_____(暫時不知道怎麼表達),但當使用Wrap_content的時候,所有在這個TextView裡面的文字就會被包覆。
textSize
這個是用來調整字體大小的一個attribute(單位sp),但是為了App美觀,我們也可以使用單位字級(指的是預設的幾種字型大小),可以不用一直調整字體的大小,attribute名稱android:textAppearance="?android:textAppearanceLarge"
textColor
這是用來調整字體顏色的attribute,一般而言撰寫方式為:
android:textColor="#E65100"
ImageView
Use XML visualizer 完成以下幾個 tasks
scaleType
用來調整 imageView的大小,撰寫方式:
android:scaleType="center"
對於App的畫面語法有了基礎的了解之後,在此希望自己可以去查更多的資料。
留言
張貼留言