TabbedPage 類別
定義
重要
部分資訊涉及發行前產品，在發行之前可能會有大幅修改。 Microsoft 對此處提供的資訊，不做任何明確或隱含的瑕疵擔保。
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。
[Xamarin.Forms.RenderWith(typeof(Xamarin.Forms.Platform._TabbedPageRenderer))]
public class TabbedPage : Xamarin.Forms.MultiPage<Xamarin.Forms.Page>, Xamarin.Forms.IElementConfiguration<Xamarin.Forms.TabbedPage>type TabbedPage = class
inherit MultiPage<Page>
interface IElementConfiguration<TabbedPage>- 繼承
- 屬性
- 實作
備註
索引標籤式頁面的使用者介面是由索引標籤清單和較大的詳細數據區域所組成。 在 iOS 上，索引標籤清單會出現在畫面的底部，詳細資料區域則出現在上方。 在Android和 Windows 手機上，索引標籤會顯示在畫面頂端。 如果使用者的集合太大而無法容納在一個畫面上，則使用者可以捲動畫面頂端的索引標籤集合。
應用程式開發人員可以使用兩種方式之一來建立索引標籤頁面。 首先，應用程式開發人員可以將單一類別或其子類別的物件清單指派給 ItemsSource 屬性，並將指派 DataTemplate 給 ItemTemplate 屬性，以傳回最低衍生型別對象的頁面。 其次，應用程式開發人員可以將一連串 Page 的物件新增至 Children 屬性。 下列程式代碼範例會顯示這兩種方法。
下列範例程式代碼是針對可在 [ 範例應用程式 ] 頁面上找到的 FormsGallery 範例簡潔而調整，示範如何藉由將 指派 DataTemplate 給 ItemTemplate 屬性來顯示特定類型的數據。 請注意如何 NamedColorPage 藉由系結欄位來取得其 ColorProperty 色彩。
using System;
using Xamarin.Forms;
namespace MinimalTabbed
{
class TabbedPageDemoPage : TabbedPage
{
public TabbedPageDemoPage ()
{
this.Title = "TabbedPage";
this.ItemsSource = new NamedColor[] {
new NamedColor ("Red", Color.Red),
new NamedColor ("Yellow", Color.Yellow),
new NamedColor ("Green", Color.Green),
new NamedColor ("Aqua", Color.Aqua),
new NamedColor ("Blue", Color.Blue),
new NamedColor ("Purple", Color.Purple)
};
this.ItemTemplate = new DataTemplate (() => {
return new NamedColorPage ();
});
}
}
// Data type:
class NamedColor
{
public NamedColor (string name, Color color)
{
this.Name = name;
this.Color = color;
}
public string Name { private set; get; }
public Color Color { private set; get; }
public override string ToString ()
{
return Name;
}
}
// Format page
class NamedColorPage : ContentPage
{
public NamedColorPage ()
{
// This binding is necessary to label the tabs in
// the TabbedPage.
this.SetBinding (ContentPage.TitleProperty, "Name");
// BoxView to show the color.
BoxView boxView = new BoxView {
WidthRequest = 100,
HeightRequest = 100,
HorizontalOptions = LayoutOptions.Center
};
boxView.SetBinding (BoxView.ColorProperty, "Color");
// Build the page
this.Content = boxView;
}
}
}
下列範例會建立具有兩 ContentPage 個實例的索引標籤式檢視。
class TabbedPageDemoPage2 : TabbedPage
{
public TabbedPageDemoPage2 ()
{
this.Title = "TabbedPage";
this.Children.Add (new ContentPage
{
Title = "Blue",
Content = new BoxView
{
Color = Color.Blue,
HeightRequest = 100f,
VerticalOptions = LayoutOptions.Center
},
}
);
this.Children.Add (new ContentPage {
Title = "Blue and Red",
Content = new StackLayout {
Children = {
new BoxView { Color = Color.Blue },
new BoxView { Color = Color.Red}
}
}
});
}
}
建構函式
| TabbedPage() |
使用預設值建立新的 TabbedPage 項目。 |
欄位
| ActionSheetSignalName |
此方法供內部使用。 (繼承來源 Page) |
| AlertSignalName |
此方法供內部使用。 (繼承來源 Page) |
| BarBackgroundColorProperty |
BarBackgroundColor 屬性的備份存放區。 |
| BarBackgroundProperty |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 |
| BarTextColorProperty |
BarTextColor 屬性的備份存放區。 |
| BusySetSignalName |
此方法供內部使用。 (繼承來源 Page) |
| PromptSignalName |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 Page) |
| SelectedTabColorProperty |
SelectedTabColor 欄位的備份存放區。 |
| UnselectedTabColorProperty |
UnselectedTabColor 欄位的備份存放區。 |
屬性
| AnchorX |
取得或設定任何轉換內中心點的 X 元件 (相對於項目界限)。 這是可繫結屬性。 (繼承來源 VisualElement) |
| AnchorY |
取得或設定任何轉換內中心點的 Y 元件 (相對於項目界限)。 這是可繫結屬性。 (繼承來源 VisualElement) |
| AutomationId |
取得或設定值，允許自動化架構尋找此項目並與之互動。 (繼承來源 Element) |
| Background |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 VisualElement) |
| BackgroundColor |
取得或設定將會填滿 VisualElement 背景的色彩。 這是可繫結屬性。 (繼承來源 VisualElement) |
| BackgroundImage |
已淘汰.
識別用作 Page 背景的影像。 (繼承來源 Page) |
| BackgroundImageSource |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 Page) |
| BarBackground |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 |
| BarBackgroundColor |
取得或設定橫條的背景色彩。 |
| BarTextColor |
取得或設定橫條文字的色彩。 |
| Batched |
供 Xamarin.Forms 平台內部使用。 (繼承來源 VisualElement) |
| Behaviors |
取得與此元素關聯的行為清單。 這是可繫結屬性。 (繼承來源 VisualElement) |
| BindingContext |
取得或設定物件，這個物件包含屬於此 BindableObject 屬性繫結屬性將設為目標的屬性。 (繼承來源 BindableObject) |
| Bounds |
取得項目的界限。 (繼承來源 VisualElement) |
| Children |
取得 MultiPage 子項目的 IList <頁面>。 (繼承來源 MultiPage<T>) |
| class |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 NavigableElement) |
| ClassId |
取得或設定值，用來識別語意類似項目的集合。 (繼承來源 Element) |
| Clip |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 VisualElement) |
| ContainerArea |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Page) |
| CurrentPage |
取得或設定目前選取的頁面。 (繼承來源 MultiPage<T>) |
| DisableLayout |
供 Xamarin.Forms 平台內部使用。 (繼承來源 VisualElement) |
| Dispatcher |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 BindableObject) |
| EffectControlProvider |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Element) |
| Effects |
套用至此項目的效果清單。 (繼承來源 Element) |
| FlowDirection |
取得或設定配置流程方向。 (繼承來源 VisualElement) |
| Height |
取得此項目的目前呈現高度。 這是唯讀的可繫結屬性。 (繼承來源 VisualElement) |
| HeightRequest |
取得或設定此項目所需的高度覆寫項。 (繼承來源 VisualElement) |
| Icon |
已淘汰.
Page 相關聯圖示的資源識別碼。 (繼承來源 Page) |
| IconImageSource |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 Page) |
| Id |
取得值，可用來在應用程式執行期間唯一識別項目。 (繼承來源 Element) |
| IgnoresContainerArea |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Page) |
| InputTransparent |
取得或設定值，這個值指出是否應該在使用者互動週期中包含此項目。 這是可繫結屬性。 (繼承來源 VisualElement) |
| InternalChildren |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Page) |
| IsBusy |
將頁面標記為忙碌。 這會導致平台特定全域活動指示器顯示忙碌狀態。 (繼承來源 Page) |
| IsEnabled |
取得或設定值，這個值指出使用者介面中是否已啟用此項目。 這是可繫結屬性。 (繼承來源 VisualElement) |
| IsFocused |
取得值，這個值指出此項目目前是否為焦點。 這是可繫結屬性。 (繼承來源 VisualElement) |
| IsInNativeLayout |
供 Xamarin.Forms 平台內部使用。 (繼承來源 VisualElement) |
| IsNativeStateConsistent |
供 Xamarin.Forms 平台內部使用。 (繼承來源 VisualElement) |
| IsPlatformEnabled |
供 Xamarin.Forms 平台內部使用。 (繼承來源 VisualElement) |
| IsTabStop |
取得或設定值，這個值表示此元素是否包含於索引標籤巡覽。 這是可繫結屬性。 (繼承來源 VisualElement) |
| IsVisible |
取得或設定值，這個值會決定此項目是否應成為視覺化樹狀結構的一部分。 這是可繫結屬性。 (繼承來源 VisualElement) |
| ItemsSource |
所要顯示項目的來源。 (繼承來源 MultiPage<T>) |
| ItemTemplate |
用於顯示項目的範本。 (繼承來源 MultiPage<T>) |
| LogicalChildren |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Element) |
| MinimumHeightRequest |
取得或設定值，這個值會覆寫項目在配置期間要求的最小高度。 (繼承來源 VisualElement) |
| MinimumWidthRequest |
取得或設定值，這個值會覆寫項目在配置期間要求的最小寬度。 (繼承來源 VisualElement) |
| Navigation |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 NavigableElement) |
| NavigationProxy |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 NavigableElement) |
| Opacity |
取得或設定套用至項目 (呈現時) 的不透明度值。 這是可繫結屬性。 (繼承來源 VisualElement) |
| Padding |
Page 內容和其框線之間的間距。 (繼承來源 Page) |
| Parent |
取得或設定項目的父項目。 (繼承來源 Element) |
| ParentView |
已淘汰.
取得即此項目最接近上階的項目，而此項目是 VisualElement。 (繼承來源 Element) |
| Platform |
已淘汰.
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 Element) |
| RealParent |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Element) |
| Resources |
取得或設定本機資源字典。 (繼承來源 VisualElement) |
| Rotation |
取得或設定呈現元素時繞著 Z 軸 (仿射旋轉) 的旋轉 (度)。 (繼承來源 VisualElement) |
| RotationX |
取得或設定呈現元素時繞著 X 軸 (透視旋轉) 的旋轉 (度)。 (繼承來源 VisualElement) |
| RotationY |
取得或設定呈現元素時繞著 Y 軸 (透視旋轉) 的旋轉 (度)。 (繼承來源 VisualElement) |
| Scale |
取得或設定套用至項目的縮放比例。 (繼承來源 VisualElement) |
| ScaleX |
取得或設定要套用至 X 方向的小數位數值。 (繼承來源 VisualElement) |
| ScaleY |
取得或設定要套用至 Y 方向的小數位數值。 (繼承來源 VisualElement) |
| SelectedItem |
目前選取的項目。 (繼承來源 MultiPage<T>) |
| SelectedTabColor |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 |
| Style |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 NavigableElement) |
| StyleClass |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 NavigableElement) |
| StyleId |
取得或設定使用者定義值來唯一識別項目。 (繼承來源 Element) |
| TabIndex |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 VisualElement) |
| Title |
Page 的標題。 (繼承來源 Page) |
| ToolbarItems |
一組 ToolbarItem，以平台特定的方式實作。 (繼承來源 Page) |
| TranslationX |
取得或設定項目的 X 轉譯差異。 (繼承來源 VisualElement) |
| TranslationY |
取得或設定項目的 Y 轉譯差異。 (繼承來源 VisualElement) |
| Triggers |
取得與此項目建立關聯的觸發程序清單。 這是可繫結屬性。 (繼承來源 VisualElement) |
| UnselectedTabColor |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 |
| Visual |
MultiPage<T>，顯示畫面頂端的索引標籤陣列，各會將內容載入至畫面。 (繼承來源 VisualElement) |
| Width |
取得此項目的目前呈現寬度。 這是唯讀的可繫結屬性。 (繼承來源 VisualElement) |
| WidthRequest |
取得或設定此項目所需的寬度覆寫項。 (繼承來源 VisualElement) |
| X |
取得此項目的目前 X 位置。 這是唯讀的可繫結屬性。 (繼承來源 VisualElement) |
| Y |
取得此項目的目前 Y 位置。 這是唯讀的可繫結屬性。 (繼承來源 VisualElement) |
方法
事件
明確介面實作
| IDynamicResourceHandler.SetDynamicResource(BindableProperty, String) |
供 Xamarin.Forms 平台內部使用。 (繼承來源 BindableObject) |
| IElementController.SetValueFromRenderer(BindableProperty, Object) |
供 Xamarin.Forms 平台內部使用。 (繼承來源 Element) |
| IItemsView<T>.CreateDefault(Object) |
供 Xamarin.Forms 平台內部使用。 (繼承來源 MultiPage<T>) |
| IItemsView<T>.SetupContent(T, Int32) |
供 Xamarin.Forms 平台內部使用。 (繼承來源 MultiPage<T>) |
| IItemsView<T>.UnhookContent(T) |
供 Xamarin.Forms 平台內部使用。 (繼承來源 MultiPage<T>) |
| INameScope.RegisterName(String, Object) |
僅供內部使用。 (繼承來源 Element) |
| IVisualElementController.EffectiveFlowDirection |
取得平台上項目的有效視覺流程方向，並將地區設定和邏輯流程設定納入考量。 (繼承來源 VisualElement) |
| IVisualElementController.InvalidateMeasure(InvalidationTrigger) |
此方法供內部使用。 (繼承來源 VisualElement) |