Share via


【Xamarin】Xamarin.Forms 常用 View 介紹

前言:

Xamarin Forms 可以讓你寫一次code就可以同時製作出 Android、iOS、Windows Phone,甚至是可以在 PC、HoloLens、Xbox 上面跑的 Windows App,相當的方便!其跨平台所帶來的好處不言而喻,但同時也會造成一些問題:

  1. 開發環境建置門檻高
    • 由於牽涉到多種平台的聯繫,等於需要對各種平台都要有相當的了解才知道怎麼設定。這個問題相較於以前已經減輕很多
  2. 功能性
    • 每個平台都有各自的功能,Xamarin Forms 只能取其交集,對於 Xamarin Forms 不提供的特定功能只能針對該平台單獨實作。問題在於你可能不了解該平台,因此不知道該如何實作
    • 同時,身為新技術,Xamarin Forms 的確也還沒實作完「全部的交集」,某些功能在每個平台都有提供,但 Xamarin Forms 卻還未提供該功能,這時也會需要針對各個平台分別實作。這個問題已經改善很多,在未來也會持續改進
  3. 相容性
    • 每個平台皆可獨立於 Xamarin Forms 之外自行更新,但這常常造成 Xamarin Forms 對於該平台的相容性問題,建議不要隨意升級各個平台的套件,由 Xamarin Forms 統一管理其升級事宜。這個問題相較於以前已經減輕很多

名詞解釋:

  • View:通常是一個長方形的東西,有的可以在上面顯示文字、圖片、進度或任何你想顯示的東西,有的用手指點一下會有反應(「按鈕」就是一種 View),有的可以用來輸入文字
  • Layout:是一種 View,也是一個長方形的東西,塞很多的 View 進去是它唯一的功能,但 Layout 很重要,因為沒有 Layout 你就不能在同一個畫面中放超過一個 View。Layout 通常是隱形的,你只能看到它怎麼將塞進它裡面的 View 排列在畫面上,而不能直接看到 Layout 本身

 

p.s. 以下介紹中 Layout 會用斜體+粗體表示

接下來就按照使用程度來介紹前 10 名小莫常用的 View 吧~

  1. Button

    • 這大概是最親民的 View 了吧,因為用手指戳它會有反應 XD
      新手入門可以從 Button 開始玩起
    • Debug 的時候很好用,可以用來觸發某段測試程序
    • 常用的屬性:Text
    • 常用的事件:Clicked
  2. StackLayout

    • 想要將多個 View 放進同一個畫面,可以從 StackLayout 下手~它會幫你將 View 由上而下排得整整齊齊的 XD
    • 常用的屬性:Children, Orientation
  3. ScrollView

    • 當一個 View 太大,比一個螢幕的大小還大,要怎麼辦呢?讓它可以用手指滑動是一個好選擇,就把它塞進 ScrollView 裡面吧~ ScrollView 是一個比較特別的 Layout,它只能塞一個 View 進去
    • 常用的屬性:Content
  4. Editor

    • 想要一個可以打字的地方嗎?那就非 Editor 莫屬了!
    • 常用的屬性:Text
  5. Image

    • 想要顯示一張圖片嗎?那就非 Image 莫屬了!
    • 常用的屬性:Source
  6. ActivityIndicator

    • 如果程式正在下載一個檔案,或者進行一個龐大的計算,要很久,怎麼辦?顯示一個圈圈轉轉轉,或者一堆點點跑跑跑,讓使用者更心煩(X)紓壓(O)吧~
    • 常用的屬性:IsRunning
  7. Label

    • 想要顯示文字?不想像 Button 一樣被戳會有反應,也不想像 Editor 一樣可以編輯文字。哦,那就用 Label 吧!除了用來顯示文字之外,甚麼事都不能做!XD
    • 常用的屬性:Text
  8. Entry

    • 這是一個只能輸入一行的 Editor,這有甚麼用?方便的很呢,這樣使用者平常按換行(Enter)的那個鍵就可以用來當作「輸入完畢」鍵了!
    • 常用的屬性:Text, Placeholder, IsPassword
    • 常用的事件:Completed
  9. Grid

    • 要怎麼把 View 排成九宮格呀?看看那邊~ Grid 正在對你偷笑!^_^
      除了做出九宮格之外,Grid 的強大排版功能可不只你想的那樣!
    • 警告:GridLength.Auto 不可濫用,100 個 Auto 會拖慢你的 App 至少 0.5 秒!
    • 常用的屬性:RowDefinitions, ColumnDefinitions
  10. ProgressBar

    • ProgressBar 就是進度條,使用時機和 ActivityIndicator 類似,但是多了「顯示進度」的功能
    • 說的容易做起來難,你在寫程式的時候要怎麼讓程式知道自己跑了幾趴(%)?OwO
      各顯神通吧 XD
    • 常用的屬性:Progress
    • 常用的方法:ProgressTo

 
 

部落格原文:Xamarin Forms 常用 View 的介紹
更多View的介紹請見:Xamarin Forms 官方網站(全英文)
圖片來源:ViewsLayouts

 
 
 


 

 

 

 

 

 
 
 

余柏序 Bo-Hsu Yu

專長:C++、C#、JavaScript、Python、Shell Script

GitHub:fsps60312