提示：開始學習Xamarin，同時記錄相關筆記。

文章目錄

• 目錄
• 一、Xamarin簡介
• • 1.Xamarin
  • 2.Xamarin.Essentials
  • 3.Xamarin.Forms
• 二、Xamarin特點以及可以做什么？
• 三、Xamarin 的適用對象
• 四、Xamarin 初學筆記：
• • 1.堆積布局StackLayout
  • 2.網格布局Grid
  • 3.標簽Label
  • 4.按鈕Button
  • 5.文本輸入Entry
  • 6.文本編輯器Editor
  • 7.圖像Image
  • 8.列表CollectionView
  • 9.彈出窗口DisplayAlert

---

目錄

一、Xamarin簡介

1.Xamarin

（1）Xamarin是一個 .NET 開源的平臺，主要用于通過 .NET 構建 IOS 、 Android 以及 Windows App，是用來開發移動應用的，比如手機上軟件。
（2）Xamarin官方文檔

2.Xamarin.Essentials

（1）Xamarin.Essentials 是一個庫，可為本機設備功能提供跨平臺 API。 與 Xamarin 本身一樣，Xamarin.Essentials 是一種簡化本機功能訪問過程的抽象。 Xamarin.Essentials 提供的功能的一些示例包括：
設備信息
文件系統
加速計
電話撥號程序
文本到語音轉換
屏幕鎖定等等
（2）Xamarin.Essentials官方文檔

3.Xamarin.Forms

（1）Xamarin.Forms 是一個開放源代碼 UI 框架。 通過 Xamarin.Forms，開發人員可從單個共享基本代碼生成 Xamarin.iOS、Xamarin.Android 和 Windows 應用程序。 Xamarin.Forms 使開發人員可以在 C# 中通過代碼隱藏在 XAML 中創建用戶界面。 這些用戶界面在每個平臺上呈現為高性能本機控件。 Xamarin.Forms 提供的功能的一些示例包括：
XAML 用戶界面語言
數據綁定
筆勢
效果
“樣式”
（2）Xamarin.Forms官方參考文檔

二、Xamarin特點以及可以做什么？

1.Xamarin可以實現一次開發，多平臺運行。
2.Xamarin可以實現跨平臺移動開發，如Android、ios
3.Xamarin.Forms是一個跨平臺的UI開發界面

三、Xamarin 的適用對象

Xamarin 適用于具有以下目標的開發人員：
跨平臺共享代碼、測試和業務邏輯。
使用 Visual Studio 在 C# 中編寫跨平臺應用程序。

四、Xamarin 初學筆記：

1.堆積布局StackLayout

1.StackLayout 是一種布局，它在一維堆棧中以水平或垂直方式組織其子級。 默認情況下，StackLayout 是垂直方向。
2.StackLayout一些常用的屬性：
（1）Orientation屬性：表示子視圖的定位方向，有Vertical和Horizontal兩個值。 此屬性的默認值為 Vertical。
（2）Spacing屬性：表示每個子視圖之間的空間量。 此屬性的默認值為六個與設備無關的單位。注：Spacing屬性可以設置為負值以使子視圖重疊。
（3）Margin屬性：獲取或設置視圖的邊距。格式如：Margin=“1,2,3,4”,1代表到left值，2代表到top值，3代表到right的值，4代表到bottom的值。
（4）Padding屬性：表示元素及其子元素之間的距離，用于將控件與其自己的內容分開。
注：下面這張圖展示了Margin屬性和Padding屬性的區別：

（5）HorizontalOptions 對齊方式：
Start，它將該控件置于其母控件的左側。
Center，它將該控件置于其于母控件的中心。
End，它將該控件置于其母控件的右側。
Fill，它將該控件填充到其母控件的寬度。
3.（官方StackLayout類文檔鏈接）

2.網格布局Grid

1.網格布局Grid 是一種布局，它將其子級組織為行和列，這些行和列可以具有比例或絕對大小。 默認情況下，Grid 包含一行和一列。
2.Grid布局一些常用的屬性:
（1）Margin屬性：獲取或設置該Grid視圖的邊距。格式如：Margin=“1,2,3,4”,1代表到left值，2代表到top值，3代表到right的值，4代表到bottom的值。
（2）Padding屬性：表示元素及其子元素之間的距離，用于將Grid控件與其自己的內容分開。
（3）Grid.ColumnDefinitions屬性：存儲列數據。
（4）Grid.RowDefinitions屬性：存儲行數據。
（5）ColumnDefinition屬性：設置一列。
（6） RowDefinition屬性：設置一行。
（7） ColumnSpacing 屬性設置 Grid 中列之間的間距。
（8） RowSpacing 屬性設置 Grid 中行之間的間距。
（9） ColumnSpan 屬性：使其文本跨越多列。
（10） RowSpan 屬性：使其文本跨越多行。
3.官方Grid類文檔鏈接

3.標簽Label

1.標簽Label用于顯示單行文本元素以及文本的多行塊。
2.Label一些常用的屬性：
（1） TextColor 屬性：設置 Label 文本的顏色。
（2） FontAttributes 屬性：設置字體樣式是粗體還是斜體，FontAttributes屬性有三個值：Bold（字體為粗體）、Italic（字體為斜體）、None（字體為未修改）
（3）FontSize 屬性：設置字號
（4）TextDecorations屬性：設置下劃線文本效果或刪除線效果。TextDecorations屬性有三個值：Underline（文本下劃線）、Strikethrough（單行刪除線）、（無文本效果）
3.(官方Label類文檔鏈接)

4.按鈕Button

1.Button是用于對事件做出響應的按鈕
2.Button類一些常用的屬性：
（1）Text 屬性：指定在 Button 中顯示的文本。
（2）Clicked事件：單擊 Button 。
（3） Pressed 事件：按下按鈕時發生。
（4）Released 事件：松開按鈕時發生。
（5） TextColor 屬性：設置 Button 文本的顏色。
（6）BackgroundColor 屬性：設置文本背景的顏色。
（7） BorderColor 屬性：設置 Button 周圍區域的顏色
（8）BorderWidth 屬性：設置邊框的寬度
（9） CornerRadius 屬性：設置為合適的值來設定圓角
（10） WidthRequest 和 HeightRequest 屬性：來改變 Button 的大小
3.（官方Button類文檔鏈接）

5.文本輸入Entry

1.Entry是可以編輯單個文本行的控件
2.Entry類一些常用的屬性：
（1）Placeholder 屬性：指定第一次顯示 Entry 時顯示的占位符文本。
（2） TextChanged 事件：在編輯器的文本更改時引發的事件。
（3）Completed事件：當用戶使用返回鍵完成條目中的文本時發生。
（4）MaxLength 屬性：限制允許的 Entry 輸入長度。
（5） IsSpellCheckEnabled 屬性：bool型屬性。設置為 false 以禁用拼寫檢查。
（6）IsTextPredictionEnabled 屬性：bool型屬性。設置為 false時 會禁用文本預測和自動文本預測。
（7）IsPassword 屬性：使用密碼字符（黑色圓圈）對輸入的字符進行掩碼。
注：向 Entry 輸入的任何文本都將存儲在 Text 屬性中
3.官方Entry類文檔鏈接

6.文本編輯器Editor

1.文本編輯器Editor是可以編輯多行文本的控件。
2.Editor類一些常用的屬性（和上述Entry類中一些常用屬性大多相同）：
（1）Placeholder 屬性：指定第一次顯示 Editor 時顯示的占位符文本。
（2）HeightRequest 屬性：指定該 Editor 的高度。
（3）WidthRequest屬性：指定該 Editor 的寬度。
（4）Completed事件：當用戶使用返回鍵完成條目中的文本時發生。
（5） TextChanged 事件：在編輯器的文本更改時引發的事件。
（6）AutoSize 屬性：自動調整大小功能。
（7） MaxLength 屬性：限制 Editor 允許的輸入長度。
（8） IsSpellCheckEnabled 屬性：bool型屬性。設置為 false 以禁用拼寫檢查。
（9）IsTextPredictionEnabled 屬性：bool型屬性。設置為 false時會禁用文本預測和自動文本預測。
3.官方Editor類文檔鏈接

7.圖像Image

1.圖像Image類用于顯示圖像。
2.Image類一些常用的屬性：
（1）Source 屬性：是 使用它可以從文件、URI 或資源中獲取圖像。
（2）HeightRequest 屬性：指定 該Image 的高度。
（3） Aspect 屬性:屬性定義了圖像的縮放模式。枚舉型，Aspect 屬性有三個值： AspectFill、AspectFit、Fill。
??AspectFill：縮放圖像以填充視圖。 為填充視圖，可能??會剪裁某些部分。
??AspectFit：縮放圖像以適應視圖。 某些部分可能會留白（寬屏）。
??Fill：放圖像以完全填充視圖。 X 和 Y 方向的縮放程度可以不統一。
（4）HeightRequest 屬性：指定 Image 的高度。
（5）WidthRequest屬性：指定Image 的寬度。
（6）HorizontalOptions 屬性：設置圖像的水平排列方式
3.官方Image類文檔鏈接

8.列表CollectionView

1.列表CollectionView是用于顯示項的集合。
2.
（1）CollectionView的使用有點復雜，這里就不多敘述了，詳細看CollectionView使用教程（超詳細）
3.官方CollectionView 類文檔鏈接

9.彈出窗口DisplayAlert

1.DisplayAlert使用單個取消按鈕向應用程序用戶顯示警報對話框。
2. DisplayAlert使用教程（超詳細）
3. 官方DisplayAlert 類文檔鏈接

總結

以上是生活随笔為你收集整理的Xamarin学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。