iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
Software Development

30天學習.Net MAUI系列 第 11

11.關於.NET MAUI Views(一)

  • 分享至 

  • xImage
  •  

Views

MAUI View是UI物件,例如標籤、按鈕和滑塊,在其他環境中通常稱為controls或widgets

Present data

  • BlazorWebView: 在MAUI應用程式中裝載Blazor Web應用程式

  • Border: 一個容器控制項,會在另一個控制項周圍繪製框線、背景或兩者

  • BoxView: 繪製指定寬度、高度和色彩的矩形或正方形

  • Frame: 用來以色彩、陰影和其他選項設定的框線來包裝檢視或版面配置

  • GraphicsView: 圖形畫布,可使用命名空間中的Microsoft.Maui.Graphics類型繪製 2D 圖形

  • Image: 顯示可從本機檔案、URI、內嵌資源或資料流程載入的影像

  • Label: 顯示單行和多行文字

  • ScrollView: 提供其內容的捲動,通常是版面配置

  • WebView: 顯示網頁或本機 HTML 內容

  • Shapes: 一種類型 View ,可將圖形繪製到螢幕

Initiate commands

  • Button: 顯示文字,並回應點選或按一下以指示應用程式執行工作

  • ImageButton: 顯示影像,並回應點選或按一下以指示應用程式執行工作

  • RadioButton: 一種按鈕類型,允許從集合選取一個選項

  • RefreshView: 容器控制項,可提供可捲動內容的提取重新整理功能

  • SearchBar: 用來起始搜尋的使用者輸入控制項

  • SwipeView: 包裝內容專案的容器控制項,並提供撥動手勢所顯示的內容功能表項目

Set values

  • CheckBox: 使用可檢查或空白的按鈕類型來選取布林值

  • DatePicker: 使用平臺日期選擇器選取日期

  • Slider: 從連續範圍中選取double

  • Stepper: 從累加值範圍中選取double

  • Switch: 使用可開啟或關閉的按鈕類型來選取bool

  • TimePicker: 使用平臺時間選擇器來選取時間

Edit text

  • Editor: 輸入及編輯多行文字
  • Entry: 輸入和編輯單行文字

Indicate activity

  • ActivityIndicator: 使用動畫來顯示應用程式參與冗長的活動,而不需指出進度

  • ProgressBar: 使用動畫來顯示應用程式正在經歷冗長的活動

Display collecions

  • CarouselView: 顯示可捲動的資料項目清單,讓使用者撥動以移動集合

  • CollectionView: 使用不同的版面配置規格,顯示可選取資料項目的可捲動清單

  • IndicatorView: 顯示表示CarouselView中項目數的指標

  • ListView: 顯示可選取資料項目的可捲動清單

  • Picker: 顯示專案的簡短清單,可從中選取專案

  • TableView: 顯示可分組成區段的可捲動專案資料表


今天簡單的列舉出一些MAUI提供的Views,那當我們要自定義一個View時。該如何做呢?那麼就需要ContentView,明天會詳細解說ContentView是如何自訂controls


上一篇
10.創建.NET MAUI Layout (三)
下一篇
12.關於.NET MAUI Views(二)
系列文
30天學習.Net MAUI30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言