Leanpub Header

Skip to main content
Go to Leanpub.comLeanpub

XAML in Xamarin.Forms 基礎篇

Xamarin.Forms 開發系列叢書

Vulcan Lee

Xamarin.Forms 之 XAML 基礎使用說明

Minimum price

$20.00

$25.00

You pay

$25.00

Author earns

$20.00
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
658
Pages
About

About

About the Book

這本書能提供什麼

這本書中將會提供超過40個以上的講解範例專案，讓您透過這些真實的實際專案，學會如何使用 XAML 宣告式標記語言的用法。

書中內容將會規畫成為 7 大部分

  • 開發前的安裝、設定準備工作

對於 Xamarin.Forms 開發新手，第一個學習卡關將會是如何安裝與設定一個可以進行 Xamarin.Forms 的開發環境；在這個部分將會詳細說明如何安裝與設定 Visual Studio 2017 ，使其可以順利的進行 Xamarin.Forms 的開發工作，並且也會介紹一個學習 XAML 宣告式標記語言的輔助工具，設計時期預覽工具 大金剛 Gorilla Player 與 執行時期預覽設計工具 LiveXAML，對於如何安裝與使用進行說明。

  • 基本概念

這個部分將會介紹您學習 XAML 語言必須要先瞭解的各種基本知識與觀念，讓您初步綜覽與了解在學習 XAML 語言比須具備的基本技能。

  • XAML 共用屬性

我們將會從 XAML 提供的各種類別與其階層關係進行說明，這些類別將會被您所使用的各種頁面、版面配置、檢視項目所繼承，因此，當然您可以從這些頁面、版面配置、檢視項目中，使用這些基底類別所提供的各種屬性、方法與事件。

這些共用的基底類別包含了： 可綁定物件 BindableObject，項目 Element，視覺項目 VisualElement，頁面 Page，檢視 View，版面配置 Layout

  • 各種不同頁面

頁面是在 Xamarin.Forms 開發上，最為重要的一個使用者介面項目，而使用者在開啟這個應用程式，第一個看到的畫面內容，就是一個頁面；原則上，我們進行 Xamarin.Forms 專案開發，就是要設計出各種不同頁面，並且根據應用程式設計需求，將這些頁面串接起來，提供使用者來操作這些頁面上設計的內容。

Xamarin.Forms 內提供了這些頁面可供選擇：內容頁面、導航頁面、主從階層頁面、標籤頁面、旋轉木馬頁面。

  • 各種不同版面配置

我們要把各種 XAML 提供的視覺項目，定位螢幕上的指定地方，並且可以根據螢幕的大小、解析度、密度來自動調整要顯示出我們所希望的結果，畢竟，要根據不同螢幕的大小、解析度、密度來設計出各種不同的 XAML 文件，這是相當麻煩的，因此，我們將會透過 XAML 中的版面配置來幫助我們自動做到這些事情。

在 Xamarin.Forms 有提供眾多的版面配置，每個版面配置可以針對不同的設計情境來使用，這包括了：框架、內容檢視、堆疊方式版面配置、格線、捲動檢視、絕對版面配置、鄉對版面配置。

  • 各種不同檢視

檢視是要提供與使用者互動的使用者介面，例如，讓使用者輸入文字、顯示出各種圖片、文字、請使用者選擇指定的日期與時間等等。在這個部分將會帶領大家了解這些檢視的功能與使用方式。

  • 各種資料綁定語法

最後，將會針對這本書上各種範例中，有用到的資料綁定使用方式，進行完整的歸納與整理，讓您清楚的了解如何在 XAML 中正確的使用資料綁定，來幫助您進行各種情境的 Xamarin.Fomrs 應用程式開發。

誰適合閱讀這本書

本書適合想要學會各種 XAML 開發技巧的開發者，將會基本 XAML 知識與觀念，不同 XAML 項目的使用與應用進行介紹，當然，您還是需要擁有基本的 .NET C# 程式語言的開發經驗。

更多內容，可以參考作者 Vulcan Lee 部落格文章

C# .NET Blazor Research

Xamarin Research

Share this book

Categories

C#

Feedback

Email the Author

License

Creative Commons Attribution 4.0 International License

Author

About the Author

Vulcan Lee

從 2012 年開始進行 .NET / C# 教育訓練課程之後，對於許多開發出來的課程，並不是隨便敷衍的設計出來，這其中我會不斷地針對已經開發出來的課程來進行修正、改版、追加內容，因此，相關的課程是不斷的在變化與強化的。

要完成這樣的一系列課程是一種自我挑戰，讓自己可以看得更高、看得更遠、讓抄襲者永遠無法模仿，因為，這些課程加入了許多巧思與技能在裡面，內行看門道、外行看熱鬧。

我所設計的教學課程，為了要能夠讓入門者、想要精通者都可以喜歡我設計的課程，將會把課程應該具有的特色，所提供的內容將會涵蓋到更多的層面、更多範例碼、更多觀念介紹、更多的動畫來理解艱澀技術應用、更多挑戰應用、更多的日常遇到問題與解決方法、更完整的開發設計指引。

因此，很期望到時候能夠與大家一起來進行這個課程的交流與互動，也希望大家可以從這些課程學到更多知識與經驗，應用在日常開發專案上。

若對於這些課程有興趣，或者有任何其他需求，可以到 Xamarin Blazor 實驗室 粉絲團來私訊給我

也歡迎來查看我寫的部落格文章 https://csharpkh.blogspot.com/

Contents

Table of Contents

前言

關於本書

  1. 這本書能提供什麼
  2. 誰適合閱讀這本書
  3. 如何使用本書
  4. 意見回饋
  5. I開發前的安裝、設定準備工作
  6. 特別注意事項

1.Visual Studio 2017 for Xamarin 開發環境之安裝與設定

  1. 1.1安裝前的準備工作
  2. 1.1.1確認作業系統版本
  3. Hyper-V 硬體虛擬化技術的需求
  4. 1.1.2確認硬體 BIOS 有啟用虛擬化功能
  5. 我不想或者無法使用 Hyper-V 硬體虛擬化技術
  6. 1.1.3同時安裝支援 Hyper-V 和 Windows Hypervisor 平台 服務
  7. 1.1.4啟用 UWP 開發人員模式
  8. 1.2安裝 Visual Studio 2017
  9. 1.3Visual Studio 2017 安裝後的相關設定
  10. 1.3.1更新 Android SDK
  11. 1.3.2檢查 Android SDK 機碼是否存在
  12. 1.4測試與確認開發環境可以進行 Xamarin.Forms 專案開發
  13. 1.4.1安裝與啟動 Visual Studio for Android 模擬器
  14. 1.4.2若無法正常模擬器進行除錯之修正
  15. 1.4.3測試可以建立 Xamarin.Forms 專案

2.開發時期的 XAML 即時預覽

  1. 2.1推薦 XAML 的設計預覽工具 大金剛 Gorilla
  2. 2.1.1電腦主機軟體安裝
  3. 2.1.2裝置端軟體安裝
  4. 2.1.3體驗如何使用 大金剛 Gorilla 預覽工具
  5. 2.2學習 XAML 的最佳良伴 LiveXAML
  6. 2.2.1安裝與註冊 LiveXAML 擴充功能套件
  7. 2.2.2體驗如何使用 LiveXAML
  8. 2.3Xamarin 即時重新載入 Live Reload
  9. 2.3.1安裝與註冊 Xamarin 即時重新載入 Live Reload 擴充功能套件
  10. 2.3.2體驗如何使用 Xamarin 即時重新載入 Live Reload
  11. II基本概念

3.什麼是 XAML 與 Xamarin.Forms

  1. 3.1什麼是 XML
  2. 3.2什麼是 XAML
  3. 3.2.1Pages 頁面
  4. 3.2.2Layouts 版面配置
  5. 3.2.3Views 檢視
  6. 3.2.4Cells 資料格
  7. 3.3什麼是 Xamarin.Forms
  8. 3.3.1直接使用 C# 來進行跨平台行動應用程式開發
  9. 3.3.2使用 XAML + Code Behind 來進行跨平台行動應用程式開發
  10. 3.3.3使用 XAML + MVVM 來進行跨平台行動應用程式開發

4.XAML 語法與基本概念

  1. 4.1XAML 聲明
  2. 4.2項目可以形成開放與封閉標籤
  3. 4.3XAML 的註解
  4. 4.4XAML 根項目/根元素 Root Elements
  5. 4.5Namespace 命名空間
  6. 4.6Prefixes 前置詞
  7. 4.7Elements 項目 與 樹狀結構關係
  8. 4.8Attributes 屬性
  9. 4.9Events 事件屬性
  10. 4.10Command 命令屬性
  11. 4.11Property Element 屬性項目
  12. 4.12Attached Properties 附加屬性
  13. 4.13Content Properties 內容屬性
  14. 4.14Markup Extensions 標記延伸
  15. IIIXAML 共用屬性

5.XAML 的類別階層關係

6.可綁定物件 BindableObject

7.項目 Element

8.視覺項目 VisualElement

  1. 8.1顏色
  2. 8.2大小與定位
  3. 8.3顯示與操作狀態
  4. 8.4動畫相關屬性
  5. 8.5進階應用

9.頁面 Page

  1. 更多的 頁面 Page 的方法與事件

10.檢視 View

11.版面配置 Layout

  1. IV各種不同頁面
  2. 範例專案練習之實際操作

12.ContentPage 內容頁面

  1. 12.1Content 屬性
  2. 12.2顯示快顯視窗
  3. 建立 頁面之快顯示窗 練習專案
  4. 了解相關專案設計要點
  5. 12.3觸發顯示、隱藏
  6. 建立 頁面之觸發顯示、隱藏、旋轉 練習專案
  7. 了解相關專案設計要點
  8. 12.4觸發螢幕旋轉

13.NavigationPage 導航頁面

  1. 13.1導航頁面的相關操作
  2. 建立 頁面導航的相關操作 練習專案
  3. 了解相關專案設計要點
  4. 如何在頁面間傳遞參數
  5. 了解無導航頁面模式下的事件觸發
  6. 無導航頁面模式下執行導航操作的例外異常
  7. NavigationPage.HasBackButton
  8. 隱藏回上頁軟體按鈕與關閉回上頁硬體按鈕設計
  9. 13.2更多導航工具列的應用
  10. 建立 更多導航工具列的應用 練習專案
  11. 了解相關專案設計要點

14.MasterDetailPage 主從階層頁面

  1. 14.1內建主從階層頁面樣板
  2. 建立 頁面之快顯示窗 練習專案
  3. 了解相關專案設計要點
  4. 14.2自行設計主從階層頁面
  5. 建立 標籤頁面 練習專案
  6. 了解相關專案設計要點

15.TabbedPage 標籤頁面

  1. 建立 標籤頁面 練習專案
  2. 了解相關專案設計要點
  3. 讓 iOS / Android 的標籤烈都出現在下方

16.CarouselPage 旋轉木馬頁面

  1. 在 XAML 中，設計具有集合資料的動態視覺效果
  2. 建立 旋轉木馬頁面 練習專案
  3. 了解相關專案設計要點

17.TemplatedPage 樣板頁面

  1. V各種不同版面配置

18.內容檢視 ContentView

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

19.框架 Frame

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

20.堆疊方式版面配置 StackLayout

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點
  3. HorizontalOptions 與 VerticalOptions
  4. HorizontalOptions 與 VerticalOptions 有 AndExpand 文字

21.格線 Grid

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

22.捲動檢視 ScrollView

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

23.絕對版面配置 AbsoluteLayout

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

24.相對版面配置 RelativeLayout

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點
  3. VI各種不同檢視與各種資料格

25.矩形盒檢視 BoxView

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

26.文字標籤 Label

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

27.文字輸入盒 Entry 與 文字編輯器 Editor

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

28.按鈕 Button 與 交換器 Switch

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

29.圖片 Image

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

30.網頁檢視 WebView

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

31.選擇器 Picker 與 搜尋棒 SearchBar

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

32.滑桿 Slider

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

33.日期選擇器 DatePicker 與 時間選擇器 TimePicker

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

34.活動指示器 ActivityIndicator 與 進度列 ProgressBar

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點

35.清單檢視 ListView

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點
  3. 清單檢視的 .NET 集合型別

36.表格檢視 TableView 與各種 資料格 Cell

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點
  3. VII各種資料綁定語法

37.資料綁定 Data Binding

  1. 建立 頁面之快顯示窗 練習專案
  2. 了解相關專案設計要點
  3. 37.1資料綁定來源 BindingContext
  4. 37.2以 XAML 中指定 綁定內容 BindingContext
  5. 37.3以 .NET 物件為 綁定內容 BindingContext 為來源
  6. 37.4綁定來源類別設計注意事項
  7. 37.5指定資料綁定的屬性
  8. 37.6深層資料綁定的語法
  9. 37.7路徑 Path
  10. 37.8使用 屬性項目 Property Element 來宣告資料綁定
  11. 37.9變更綁定的來源
  12. BindingContext 與 Resources 的屬性值繼承
  13. 37.10指定特定集合物件的某筆錄作資料綁定
  14. 37.11資料綁定模式

版權頁

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

Download Sample PDFDownload Sample EPUB

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub