mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
chore: format
This commit is contained in:
Nathan Walker
File diff suppressed because it is too large
Load Diff
220
nativescript-core/ui/tab-view/index.d.ts
vendored
220
nativescript-core/ui/tab-view/index.d.ts
vendored
@@ -13,141 +13,145 @@ import { TextTransform } from "../text-base";
|
||||
* Represents a tab view entry.
|
||||
*/
|
||||
export class TabViewItem extends ViewBase {
|
||||
/**
|
||||
* Gets or sets the title of the TabViewItem.
|
||||
*/
|
||||
public title: string;
|
||||
/**
|
||||
* Gets or sets the title of the TabViewItem.
|
||||
*/
|
||||
public title: string;
|
||||
|
||||
/**
|
||||
* Gets or sets the view of the TabViewItem.
|
||||
*/
|
||||
public view: View;
|
||||
/**
|
||||
* Gets or sets the view of the TabViewItem.
|
||||
*/
|
||||
public view: View;
|
||||
|
||||
/**
|
||||
* Gets or sets the icon source of the TabViewItem. This could either be a a file name or resource id.
|
||||
*/
|
||||
public iconSource: string;
|
||||
/**
|
||||
* Gets or sets the icon source of the TabViewItem. This could either be a a file name or resource id.
|
||||
*/
|
||||
public iconSource: string;
|
||||
|
||||
/**
|
||||
* Gets or sets the text transform of the tab titles.
|
||||
*/
|
||||
textTransform: TextTransform;
|
||||
/**
|
||||
* Gets or sets the text transform of the tab titles.
|
||||
*/
|
||||
textTransform: TextTransform;
|
||||
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
canBeLoaded?: boolean;
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
canBeLoaded?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
* Defines the data for the TabView.selectedIndexChanged event.
|
||||
*/
|
||||
export interface SelectedIndexChangedEventData extends EventData {
|
||||
/**
|
||||
* The old selected index.
|
||||
*/
|
||||
oldIndex: number;
|
||||
/**
|
||||
* The old selected index.
|
||||
*/
|
||||
oldIndex: number;
|
||||
|
||||
/**
|
||||
* The new selected index.
|
||||
*/
|
||||
newIndex: number;
|
||||
/**
|
||||
* The new selected index.
|
||||
*/
|
||||
newIndex: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* Represents a tab view.
|
||||
*/
|
||||
export class TabView extends View {
|
||||
/**
|
||||
* Gets or sets the items of the TabView.
|
||||
*/
|
||||
items: Array<TabViewItem>;
|
||||
/**
|
||||
* Gets or sets the items of the TabView.
|
||||
*/
|
||||
items: Array<TabViewItem>;
|
||||
|
||||
/**
|
||||
* Gets or sets the selectedIndex of the TabView.
|
||||
*/
|
||||
selectedIndex: number;
|
||||
/**
|
||||
* Gets or sets the selectedIndex of the TabView.
|
||||
*/
|
||||
selectedIndex: number;
|
||||
|
||||
/**
|
||||
* Gets or sets the font size of the tabs titles.
|
||||
*/
|
||||
tabTextFontSize: number;
|
||||
/**
|
||||
* Gets or sets the font size of the tabs titles.
|
||||
*/
|
||||
tabTextFontSize: number;
|
||||
|
||||
/**
|
||||
* Gets or sets the text color of the tabs titles.
|
||||
*/
|
||||
tabTextColor: Color;
|
||||
/**
|
||||
* Gets or sets the text color of the tabs titles.
|
||||
*/
|
||||
tabTextColor: Color;
|
||||
|
||||
/**
|
||||
* Gets or sets the background color of the tabs.
|
||||
*/
|
||||
tabBackgroundColor: Color;
|
||||
/**
|
||||
* Gets or sets the background color of the tabs.
|
||||
*/
|
||||
tabBackgroundColor: Color;
|
||||
|
||||
/**
|
||||
* Gets or sets the text color of the selected tab title.
|
||||
*/
|
||||
selectedTabTextColor: Color;
|
||||
/**
|
||||
* Gets or sets the text color of the selected tab title.
|
||||
*/
|
||||
selectedTabTextColor: Color;
|
||||
|
||||
/**
|
||||
* Gets or sets the color of the horizontal line drawn below the currently selected tab on Android.
|
||||
*/
|
||||
androidSelectedTabHighlightColor: Color;
|
||||
/**
|
||||
* Gets or sets the color of the horizontal line drawn below the currently selected tab on Android.
|
||||
*/
|
||||
androidSelectedTabHighlightColor: Color;
|
||||
|
||||
/**
|
||||
* Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
|
||||
*/
|
||||
android: any /* android.view.View */; //androidx.core.view.ViewPager;
|
||||
/**
|
||||
* Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
|
||||
*/
|
||||
android: any /* android.view.View */; //androidx.core.view.ViewPager;
|
||||
|
||||
/**
|
||||
* Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
||||
*/
|
||||
ios: any /* UITabBarController */;
|
||||
/**
|
||||
* Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
||||
*/
|
||||
ios: any /* UITabBarController */;
|
||||
|
||||
/**
|
||||
* Gets or set the UIImageRenderingMode of the tab icons in iOS. Defaults to "automatic"
|
||||
* Valid values are:
|
||||
* - automatic
|
||||
* - alwaysOriginal
|
||||
* - alwaysTemplate
|
||||
*/
|
||||
iosIconRenderingMode: "automatic" | "alwaysOriginal" | "alwaysTemplate";
|
||||
/**
|
||||
* Gets or set the UIImageRenderingMode of the tab icons in iOS. Defaults to "automatic"
|
||||
* Valid values are:
|
||||
* - automatic
|
||||
* - alwaysOriginal
|
||||
* - alwaysTemplate
|
||||
*/
|
||||
iosIconRenderingMode: "automatic" | "alwaysOriginal" | "alwaysTemplate";
|
||||
|
||||
/**
|
||||
* Gets or sets the number of tabs that should be retained to either side of the current tab in the view hierarchy in an idle state.
|
||||
* Tabs beyond this limit will be recreated from the TabView when needed.
|
||||
*/
|
||||
androidOffscreenTabLimit: number;
|
||||
/**
|
||||
* Gets or sets the number of tabs that should be retained to either side of the current tab in the view hierarchy in an idle state.
|
||||
* Tabs beyond this limit will be recreated from the TabView when needed.
|
||||
*/
|
||||
androidOffscreenTabLimit: number;
|
||||
|
||||
/**
|
||||
* Gets or set the tabs vertical position.
|
||||
* Valid values are:
|
||||
* - top
|
||||
* - bottom
|
||||
*/
|
||||
androidTabsPosition: "top" | "bottom";
|
||||
/**
|
||||
* Gets or set the tabs vertical position.
|
||||
* Valid values are:
|
||||
* - top
|
||||
* - bottom
|
||||
*/
|
||||
androidTabsPosition: "top" | "bottom";
|
||||
|
||||
/**
|
||||
* Gets or sets a value indicating whether swipe gesture is enabled for Android.
|
||||
*/
|
||||
androidSwipeEnabled: boolean;
|
||||
/**
|
||||
* Gets or sets a value indicating whether swipe gesture is enabled for Android.
|
||||
*/
|
||||
androidSwipeEnabled: boolean;
|
||||
|
||||
/**
|
||||
* String value used when hooking to the selectedIndexChanged event.
|
||||
*/
|
||||
public static selectedIndexChangedEvent: string;
|
||||
/**
|
||||
* String value used when hooking to the selectedIndexChanged event.
|
||||
*/
|
||||
public static selectedIndexChangedEvent: string;
|
||||
|
||||
/**
|
||||
* A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
|
||||
* @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").
|
||||
* @param callback - Callback function which will be executed when event is raised.
|
||||
* @param thisArg - An optional parameter which will be used as `this` context for callback execution.
|
||||
*/
|
||||
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
||||
/**
|
||||
* A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
|
||||
* @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").
|
||||
* @param callback - Callback function which will be executed when event is raised.
|
||||
* @param thisArg - An optional parameter which will be used as `this` context for callback execution.
|
||||
*/
|
||||
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
||||
|
||||
/**
|
||||
* Raised when the selected index changes.
|
||||
*/
|
||||
on(event: "selectedIndexChanged", callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any);
|
||||
/**
|
||||
* Raised when the selected index changes.
|
||||
*/
|
||||
on(
|
||||
event: "selectedIndexChanged",
|
||||
callback: (args: SelectedIndexChangedEventData) => void,
|
||||
thisArg?: any
|
||||
);
|
||||
}
|
||||
|
||||
export const itemsProperty: Property<TabView, TabViewItem[]>;
|
||||
@@ -157,6 +161,12 @@ export const tabTextFontSizeProperty: CssProperty<Style, number>;
|
||||
export const tabTextColorProperty: CssProperty<Style, Color>;
|
||||
export const tabBackgroundColorProperty: CssProperty<Style, Color>;
|
||||
export const selectedTabTextColorProperty: CssProperty<Style, Color>;
|
||||
export const androidSelectedTabHighlightColorProperty: CssProperty<Style, Color>;
|
||||
export const androidSelectedTabHighlightColorProperty: CssProperty<
|
||||
Style,
|
||||
Color
|
||||
>;
|
||||
export const androidOffscreenTabLimitProperty: Property<TabView, number>;
|
||||
export const iosIconRenderingModeProperty: Property<TabView, "automatic" | "alwaysOriginal" | "alwaysTemplate">;
|
||||
export const iosIconRenderingModeProperty: Property<
|
||||
TabView,
|
||||
"automatic" | "alwaysOriginal" | "alwaysTemplate"
|
||||
>;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,6 +1,13 @@
|
||||
import { TabView as TabViewDefinition, TabViewItem as TabViewItemDefinition, SelectedIndexChangedEventData } from ".";
|
||||
import {
|
||||
View, AddArrayFromBuilder, AddChildFromBuilder, CSSType
|
||||
TabView as TabViewDefinition,
|
||||
TabViewItem as TabViewItemDefinition,
|
||||
SelectedIndexChangedEventData,
|
||||
} from ".";
|
||||
import {
|
||||
View,
|
||||
AddArrayFromBuilder,
|
||||
AddChildFromBuilder,
|
||||
CSSType,
|
||||
} from "../core/view";
|
||||
import { ViewBase, booleanConverter } from "../core/view-base";
|
||||
import { Style } from "../styling/style";
|
||||
@@ -14,264 +21,336 @@ import { Trace } from "../../trace";
|
||||
export const traceCategory = "TabView";
|
||||
|
||||
@CSSType("TabViewItem")
|
||||
export abstract class TabViewItemBase extends ViewBase implements TabViewItemDefinition, AddChildFromBuilder {
|
||||
private _title: string = "";
|
||||
private _view: View;
|
||||
private _iconSource: string;
|
||||
export abstract class TabViewItemBase extends ViewBase
|
||||
implements TabViewItemDefinition, AddChildFromBuilder {
|
||||
private _title: string = "";
|
||||
private _view: View;
|
||||
private _iconSource: string;
|
||||
|
||||
get textTransform(): TextTransform {
|
||||
return this.style.textTransform;
|
||||
}
|
||||
set textTransform(value: TextTransform) {
|
||||
this.style.textTransform = value;
|
||||
}
|
||||
get textTransform(): TextTransform {
|
||||
return this.style.textTransform;
|
||||
}
|
||||
set textTransform(value: TextTransform) {
|
||||
this.style.textTransform = value;
|
||||
}
|
||||
|
||||
public _addChildFromBuilder(name: string, value: any): void {
|
||||
if (value instanceof View) {
|
||||
this.view = value;
|
||||
}
|
||||
}
|
||||
public _addChildFromBuilder(name: string, value: any): void {
|
||||
if (value instanceof View) {
|
||||
this.view = value;
|
||||
}
|
||||
}
|
||||
|
||||
get title(): string {
|
||||
return this._title;
|
||||
}
|
||||
set title(value: string) {
|
||||
if (this._title !== value) {
|
||||
this._title = value;
|
||||
this._update();
|
||||
}
|
||||
}
|
||||
get title(): string {
|
||||
return this._title;
|
||||
}
|
||||
set title(value: string) {
|
||||
if (this._title !== value) {
|
||||
this._title = value;
|
||||
this._update();
|
||||
}
|
||||
}
|
||||
|
||||
get view(): View {
|
||||
return this._view;
|
||||
}
|
||||
set view(value: View) {
|
||||
if (this._view !== value) {
|
||||
if (this._view) {
|
||||
throw new Error("Changing the view of an already loaded TabViewItem is not currently supported.");
|
||||
}
|
||||
get view(): View {
|
||||
return this._view;
|
||||
}
|
||||
set view(value: View) {
|
||||
if (this._view !== value) {
|
||||
if (this._view) {
|
||||
throw new Error(
|
||||
"Changing the view of an already loaded TabViewItem is not currently supported."
|
||||
);
|
||||
}
|
||||
|
||||
this._view = value;
|
||||
this._addView(value);
|
||||
}
|
||||
}
|
||||
this._view = value;
|
||||
this._addView(value);
|
||||
}
|
||||
}
|
||||
|
||||
get iconSource(): string {
|
||||
return this._iconSource;
|
||||
}
|
||||
set iconSource(value: string) {
|
||||
if (this._iconSource !== value) {
|
||||
this._iconSource = value;
|
||||
this._update();
|
||||
}
|
||||
}
|
||||
get iconSource(): string {
|
||||
return this._iconSource;
|
||||
}
|
||||
set iconSource(value: string) {
|
||||
if (this._iconSource !== value) {
|
||||
this._iconSource = value;
|
||||
this._update();
|
||||
}
|
||||
}
|
||||
|
||||
public eachChild(callback: (child: ViewBase) => boolean) {
|
||||
const view = this._view;
|
||||
if (view) {
|
||||
callback(view);
|
||||
}
|
||||
}
|
||||
public eachChild(callback: (child: ViewBase) => boolean) {
|
||||
const view = this._view;
|
||||
if (view) {
|
||||
callback(view);
|
||||
}
|
||||
}
|
||||
|
||||
public loadView(view: ViewBase): void {
|
||||
const tabView = this.parent as TabViewBase;
|
||||
if (tabView && tabView.items) {
|
||||
// Don't load items until their fragments are instantiated.
|
||||
if ((<TabViewItemDefinition>this).canBeLoaded) {
|
||||
super.loadView(view);
|
||||
}
|
||||
}
|
||||
}
|
||||
public loadView(view: ViewBase): void {
|
||||
const tabView = this.parent as TabViewBase;
|
||||
if (tabView && tabView.items) {
|
||||
// Don't load items until their fragments are instantiated.
|
||||
if ((<TabViewItemDefinition>this).canBeLoaded) {
|
||||
super.loadView(view);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public abstract _update();
|
||||
public abstract _update();
|
||||
}
|
||||
|
||||
export module knownCollections {
|
||||
export const items = "items";
|
||||
export const items = "items";
|
||||
}
|
||||
|
||||
@CSSType("TabView")
|
||||
export class TabViewBase extends View implements TabViewDefinition, AddChildFromBuilder, AddArrayFromBuilder {
|
||||
public static selectedIndexChangedEvent = "selectedIndexChanged";
|
||||
export class TabViewBase extends View
|
||||
implements TabViewDefinition, AddChildFromBuilder, AddArrayFromBuilder {
|
||||
public static selectedIndexChangedEvent = "selectedIndexChanged";
|
||||
|
||||
public items: TabViewItemDefinition[];
|
||||
public selectedIndex: number;
|
||||
public androidOffscreenTabLimit: number;
|
||||
public androidTabsPosition: "top" | "bottom";
|
||||
public androidSwipeEnabled: boolean;
|
||||
public iosIconRenderingMode: "automatic" | "alwaysOriginal" | "alwaysTemplate";
|
||||
public items: TabViewItemDefinition[];
|
||||
public selectedIndex: number;
|
||||
public androidOffscreenTabLimit: number;
|
||||
public androidTabsPosition: "top" | "bottom";
|
||||
public androidSwipeEnabled: boolean;
|
||||
public iosIconRenderingMode:
|
||||
| "automatic"
|
||||
| "alwaysOriginal"
|
||||
| "alwaysTemplate";
|
||||
|
||||
get androidSelectedTabHighlightColor(): Color {
|
||||
return this.style.androidSelectedTabHighlightColor;
|
||||
}
|
||||
set androidSelectedTabHighlightColor(value: Color) {
|
||||
this.style.androidSelectedTabHighlightColor = value;
|
||||
}
|
||||
get androidSelectedTabHighlightColor(): Color {
|
||||
return this.style.androidSelectedTabHighlightColor;
|
||||
}
|
||||
set androidSelectedTabHighlightColor(value: Color) {
|
||||
this.style.androidSelectedTabHighlightColor = value;
|
||||
}
|
||||
|
||||
get tabTextFontSize(): number {
|
||||
return this.style.tabTextFontSize;
|
||||
}
|
||||
set tabTextFontSize(value: number) {
|
||||
this.style.tabTextFontSize = value;
|
||||
}
|
||||
get tabTextFontSize(): number {
|
||||
return this.style.tabTextFontSize;
|
||||
}
|
||||
set tabTextFontSize(value: number) {
|
||||
this.style.tabTextFontSize = value;
|
||||
}
|
||||
|
||||
get tabTextColor(): Color {
|
||||
return this.style.tabTextColor;
|
||||
}
|
||||
set tabTextColor(value: Color) {
|
||||
this.style.tabTextColor = value;
|
||||
}
|
||||
get tabTextColor(): Color {
|
||||
return this.style.tabTextColor;
|
||||
}
|
||||
set tabTextColor(value: Color) {
|
||||
this.style.tabTextColor = value;
|
||||
}
|
||||
|
||||
get tabBackgroundColor(): Color {
|
||||
return this.style.tabBackgroundColor;
|
||||
}
|
||||
set tabBackgroundColor(value: Color) {
|
||||
this.style.tabBackgroundColor = value;
|
||||
}
|
||||
get tabBackgroundColor(): Color {
|
||||
return this.style.tabBackgroundColor;
|
||||
}
|
||||
set tabBackgroundColor(value: Color) {
|
||||
this.style.tabBackgroundColor = value;
|
||||
}
|
||||
|
||||
get selectedTabTextColor(): Color {
|
||||
return this.style.selectedTabTextColor;
|
||||
}
|
||||
set selectedTabTextColor(value: Color) {
|
||||
this.style.selectedTabTextColor = value;
|
||||
}
|
||||
get selectedTabTextColor(): Color {
|
||||
return this.style.selectedTabTextColor;
|
||||
}
|
||||
set selectedTabTextColor(value: Color) {
|
||||
this.style.selectedTabTextColor = value;
|
||||
}
|
||||
|
||||
public _addArrayFromBuilder(name: string, value: Array<any>) {
|
||||
if (name === "items") {
|
||||
this.items = value;
|
||||
}
|
||||
}
|
||||
public _addArrayFromBuilder(name: string, value: Array<any>) {
|
||||
if (name === "items") {
|
||||
this.items = value;
|
||||
}
|
||||
}
|
||||
|
||||
public _addChildFromBuilder(name: string, value: any): void {
|
||||
if (value instanceof TabViewItemBase) {
|
||||
if (!this.items) {
|
||||
this.items = new Array<TabViewItemBase>();
|
||||
}
|
||||
this.items.push(<TabViewItemBase>value);
|
||||
this._addView(value);
|
||||
selectedIndexProperty.coerce(this);
|
||||
}
|
||||
}
|
||||
public _addChildFromBuilder(name: string, value: any): void {
|
||||
if (value instanceof TabViewItemBase) {
|
||||
if (!this.items) {
|
||||
this.items = new Array<TabViewItemBase>();
|
||||
}
|
||||
this.items.push(<TabViewItemBase>value);
|
||||
this._addView(value);
|
||||
selectedIndexProperty.coerce(this);
|
||||
}
|
||||
}
|
||||
|
||||
get _selectedView(): View {
|
||||
let selectedIndex = this.selectedIndex;
|
||||
get _selectedView(): View {
|
||||
let selectedIndex = this.selectedIndex;
|
||||
|
||||
return selectedIndex > -1 ? this.items[selectedIndex].view : null;
|
||||
}
|
||||
return selectedIndex > -1 ? this.items[selectedIndex].view : null;
|
||||
}
|
||||
|
||||
get _childrenCount(): number {
|
||||
const items = this.items;
|
||||
get _childrenCount(): number {
|
||||
const items = this.items;
|
||||
|
||||
return items ? items.length : 0;
|
||||
}
|
||||
return items ? items.length : 0;
|
||||
}
|
||||
|
||||
public eachChild(callback: (child: ViewBase) => boolean) {
|
||||
const items = this.items;
|
||||
if (items) {
|
||||
items.forEach((item, i) => {
|
||||
callback(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
public eachChild(callback: (child: ViewBase) => boolean) {
|
||||
const items = this.items;
|
||||
if (items) {
|
||||
items.forEach((item, i) => {
|
||||
callback(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
public eachChildView(callback: (child: View) => boolean) {
|
||||
const items = this.items;
|
||||
if (items) {
|
||||
items.forEach((item, i) => {
|
||||
callback(item.view);
|
||||
});
|
||||
}
|
||||
}
|
||||
public eachChildView(callback: (child: View) => boolean) {
|
||||
const items = this.items;
|
||||
if (items) {
|
||||
items.forEach((item, i) => {
|
||||
callback(item.view);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
public onItemsChanged(oldItems: TabViewItemDefinition[], newItems: TabViewItemDefinition[]): void {
|
||||
if (oldItems) {
|
||||
oldItems.forEach(item => this._removeView(item));
|
||||
}
|
||||
public onItemsChanged(
|
||||
oldItems: TabViewItemDefinition[],
|
||||
newItems: TabViewItemDefinition[]
|
||||
): void {
|
||||
if (oldItems) {
|
||||
oldItems.forEach((item) => this._removeView(item));
|
||||
}
|
||||
|
||||
if (newItems) {
|
||||
newItems.forEach(item => {
|
||||
if (!item.view) {
|
||||
throw new Error(`TabViewItem must have a view.`);
|
||||
}
|
||||
if (newItems) {
|
||||
newItems.forEach((item) => {
|
||||
if (!item.view) {
|
||||
throw new Error(`TabViewItem must have a view.`);
|
||||
}
|
||||
|
||||
this._addView(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
this._addView(item);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
public onSelectedIndexChanged(oldIndex: number, newIndex: number): void {
|
||||
// to be overridden in platform specific files
|
||||
this.notify(<SelectedIndexChangedEventData>{ eventName: TabViewBase.selectedIndexChangedEvent, object: this, oldIndex, newIndex });
|
||||
}
|
||||
public onSelectedIndexChanged(oldIndex: number, newIndex: number): void {
|
||||
// to be overridden in platform specific files
|
||||
this.notify(<SelectedIndexChangedEventData>{
|
||||
eventName: TabViewBase.selectedIndexChangedEvent,
|
||||
object: this,
|
||||
oldIndex,
|
||||
newIndex,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export interface TabViewBase {
|
||||
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
||||
on(event: "selectedIndexChanged", callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any);
|
||||
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
||||
on(
|
||||
event: "selectedIndexChanged",
|
||||
callback: (args: SelectedIndexChangedEventData) => void,
|
||||
thisArg?: any
|
||||
);
|
||||
}
|
||||
|
||||
export function traceMissingIcon(icon: string) {
|
||||
Trace.write("Could not load tab bar icon: " + icon, Trace.categories.Error, Trace.messageType.error);
|
||||
Trace.write(
|
||||
"Could not load tab bar icon: " + icon,
|
||||
Trace.categories.Error,
|
||||
Trace.messageType.error
|
||||
);
|
||||
}
|
||||
|
||||
export const selectedIndexProperty = new CoercibleProperty<TabViewBase, number>({
|
||||
name: "selectedIndex", defaultValue: -1, affectsLayout: isIOS,
|
||||
valueChanged: (target, oldValue, newValue) => {
|
||||
target.onSelectedIndexChanged(oldValue, newValue);
|
||||
},
|
||||
coerceValue: (target, value) => {
|
||||
let items = target.items;
|
||||
if (items) {
|
||||
let max = items.length - 1;
|
||||
if (value < 0) {
|
||||
value = 0;
|
||||
}
|
||||
if (value > max) {
|
||||
value = max;
|
||||
}
|
||||
} else {
|
||||
value = -1;
|
||||
}
|
||||
export const selectedIndexProperty = new CoercibleProperty<TabViewBase, number>(
|
||||
{
|
||||
name: "selectedIndex",
|
||||
defaultValue: -1,
|
||||
affectsLayout: isIOS,
|
||||
valueChanged: (target, oldValue, newValue) => {
|
||||
target.onSelectedIndexChanged(oldValue, newValue);
|
||||
},
|
||||
coerceValue: (target, value) => {
|
||||
let items = target.items;
|
||||
if (items) {
|
||||
let max = items.length - 1;
|
||||
if (value < 0) {
|
||||
value = 0;
|
||||
}
|
||||
if (value > max) {
|
||||
value = max;
|
||||
}
|
||||
} else {
|
||||
value = -1;
|
||||
}
|
||||
|
||||
return value;
|
||||
},
|
||||
valueConverter: (v) => parseInt(v)
|
||||
});
|
||||
return value;
|
||||
},
|
||||
valueConverter: (v) => parseInt(v),
|
||||
}
|
||||
);
|
||||
selectedIndexProperty.register(TabViewBase);
|
||||
|
||||
export const itemsProperty = new Property<TabViewBase, TabViewItemDefinition[]>({
|
||||
name: "items", valueChanged: (target, oldValue, newValue) => {
|
||||
target.onItemsChanged(oldValue, newValue);
|
||||
}
|
||||
});
|
||||
export const itemsProperty = new Property<TabViewBase, TabViewItemDefinition[]>(
|
||||
{
|
||||
name: "items",
|
||||
valueChanged: (target, oldValue, newValue) => {
|
||||
target.onItemsChanged(oldValue, newValue);
|
||||
},
|
||||
}
|
||||
);
|
||||
itemsProperty.register(TabViewBase);
|
||||
|
||||
export const iosIconRenderingModeProperty = new Property<TabViewBase, "automatic" | "alwaysOriginal" | "alwaysTemplate">({ name: "iosIconRenderingMode", defaultValue: "automatic" });
|
||||
export const iosIconRenderingModeProperty = new Property<
|
||||
TabViewBase,
|
||||
"automatic" | "alwaysOriginal" | "alwaysTemplate"
|
||||
>({ name: "iosIconRenderingMode", defaultValue: "automatic" });
|
||||
iosIconRenderingModeProperty.register(TabViewBase);
|
||||
|
||||
export const androidOffscreenTabLimitProperty = new Property<TabViewBase, number>({
|
||||
name: "androidOffscreenTabLimit", defaultValue: 1, affectsLayout: isIOS,
|
||||
valueConverter: (v) => parseInt(v)
|
||||
export const androidOffscreenTabLimitProperty = new Property<
|
||||
TabViewBase,
|
||||
number
|
||||
>({
|
||||
name: "androidOffscreenTabLimit",
|
||||
defaultValue: 1,
|
||||
affectsLayout: isIOS,
|
||||
valueConverter: (v) => parseInt(v),
|
||||
});
|
||||
androidOffscreenTabLimitProperty.register(TabViewBase);
|
||||
|
||||
export const androidTabsPositionProperty = new Property<TabViewBase, "top" | "bottom">({ name: "androidTabsPosition", defaultValue: "top" });
|
||||
export const androidTabsPositionProperty = new Property<
|
||||
TabViewBase,
|
||||
"top" | "bottom"
|
||||
>({ name: "androidTabsPosition", defaultValue: "top" });
|
||||
androidTabsPositionProperty.register(TabViewBase);
|
||||
|
||||
export const androidSwipeEnabledProperty = new Property<TabViewBase, boolean>({ name: "androidSwipeEnabled", defaultValue: true, valueConverter: booleanConverter });
|
||||
export const androidSwipeEnabledProperty = new Property<TabViewBase, boolean>({
|
||||
name: "androidSwipeEnabled",
|
||||
defaultValue: true,
|
||||
valueConverter: booleanConverter,
|
||||
});
|
||||
androidSwipeEnabledProperty.register(TabViewBase);
|
||||
|
||||
export const tabTextFontSizeProperty = new CssProperty<Style, number>({ name: "tabTextFontSize", cssName: "tab-text-font-size", valueConverter: (v) => parseFloat(v) });
|
||||
export const tabTextFontSizeProperty = new CssProperty<Style, number>({
|
||||
name: "tabTextFontSize",
|
||||
cssName: "tab-text-font-size",
|
||||
valueConverter: (v) => parseFloat(v),
|
||||
});
|
||||
tabTextFontSizeProperty.register(Style);
|
||||
|
||||
export const tabTextColorProperty = new CssProperty<Style, Color>({ name: "tabTextColor", cssName: "tab-text-color", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
|
||||
export const tabTextColorProperty = new CssProperty<Style, Color>({
|
||||
name: "tabTextColor",
|
||||
cssName: "tab-text-color",
|
||||
equalityComparer: Color.equals,
|
||||
valueConverter: (v) => new Color(v),
|
||||
});
|
||||
tabTextColorProperty.register(Style);
|
||||
|
||||
export const tabBackgroundColorProperty = new CssProperty<Style, Color>({ name: "tabBackgroundColor", cssName: "tab-background-color", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
|
||||
export const tabBackgroundColorProperty = new CssProperty<Style, Color>({
|
||||
name: "tabBackgroundColor",
|
||||
cssName: "tab-background-color",
|
||||
equalityComparer: Color.equals,
|
||||
valueConverter: (v) => new Color(v),
|
||||
});
|
||||
tabBackgroundColorProperty.register(Style);
|
||||
|
||||
export const selectedTabTextColorProperty = new CssProperty<Style, Color>({ name: "selectedTabTextColor", cssName: "selected-tab-text-color", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
|
||||
export const selectedTabTextColorProperty = new CssProperty<Style, Color>({
|
||||
name: "selectedTabTextColor",
|
||||
cssName: "selected-tab-text-color",
|
||||
equalityComparer: Color.equals,
|
||||
valueConverter: (v) => new Color(v),
|
||||
});
|
||||
selectedTabTextColorProperty.register(Style);
|
||||
|
||||
export const androidSelectedTabHighlightColorProperty = new CssProperty<Style, Color>({ name: "androidSelectedTabHighlightColor", cssName: "android-selected-tab-highlight-color", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
|
||||
export const androidSelectedTabHighlightColorProperty = new CssProperty<
|
||||
Style,
|
||||
Color
|
||||
>({
|
||||
name: "androidSelectedTabHighlightColor",
|
||||
cssName: "android-selected-tab-highlight-color",
|
||||
equalityComparer: Color.equals,
|
||||
valueConverter: (v) => new Color(v),
|
||||
});
|
||||
androidSelectedTabHighlightColorProperty.register(Style);
|
||||
|
||||
Reference in New Issue
Block a user