mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-14 18:12:09 +08:00
169 lines
5.0 KiB
TypeScript
169 lines
5.0 KiB
TypeScript
import { PageBase, actionBarHiddenProperty, statusBarStyleProperty, androidStatusBarBackgroundProperty } from './page-common';
|
|
import { CoreTypes } from '../../core-types';
|
|
import { View } from '../core/view';
|
|
import { Color } from '../../color';
|
|
import { ActionBar } from '../action-bar';
|
|
import { GridLayout } from '../layouts/grid-layout';
|
|
import { SDK_VERSION } from '../../utils';
|
|
import { profile } from '../../profiling';
|
|
import { AndroidAccessibilityEvent, getLastFocusedViewOnPage, isAccessibilityServiceEnabled } from '../../accessibility';
|
|
|
|
export * from './page-common';
|
|
|
|
const SYSTEM_UI_FLAG_LIGHT_STATUS_BAR = 0x00002000;
|
|
const STATUS_BAR_LIGHT_BCKG = -657931;
|
|
const STATUS_BAR_DARK_BCKG = 1711276032;
|
|
|
|
export class Page extends PageBase {
|
|
nativeViewProtected: org.nativescript.widgets.GridLayout;
|
|
|
|
public createNativeView() {
|
|
const layout = new org.nativescript.widgets.GridLayout(this._context);
|
|
layout.addRow(new org.nativescript.widgets.ItemSpec(1, org.nativescript.widgets.GridUnitType.auto));
|
|
layout.addRow(new org.nativescript.widgets.ItemSpec(1, org.nativescript.widgets.GridUnitType.star));
|
|
|
|
return layout;
|
|
}
|
|
|
|
public initNativeView(): void {
|
|
super.initNativeView();
|
|
this.nativeViewProtected.setBackgroundColor(-1); // White color.
|
|
}
|
|
|
|
public _addViewToNativeVisualTree(child: View, atIndex?: number): boolean {
|
|
// Set the row property for the child
|
|
if (this.nativeViewProtected && child.nativeViewProtected) {
|
|
if (child instanceof ActionBar) {
|
|
GridLayout.setRow(child, 0);
|
|
child.horizontalAlignment = 'stretch';
|
|
child.verticalAlignment = 'top';
|
|
} else {
|
|
GridLayout.setRow(child, 1);
|
|
}
|
|
}
|
|
|
|
return super._addViewToNativeVisualTree(child, atIndex);
|
|
}
|
|
|
|
@profile
|
|
public onLoaded() {
|
|
super.onLoaded();
|
|
if (!this.hasActionBar && this.actionBarHidden !== true) {
|
|
// ensure actionBar is created
|
|
// but we only need to do that if the actionBarHidden is not hidden
|
|
this.actionBar = new ActionBar();
|
|
}
|
|
if (this.hasActionBar) {
|
|
this.updateActionBar();
|
|
}
|
|
}
|
|
|
|
private updateActionBar() {
|
|
// the test is actually to ensure the actionBar is created
|
|
// it will be created if not
|
|
if (this.actionBar) {
|
|
this.actionBar.update();
|
|
}
|
|
}
|
|
|
|
private getClosestWindow() {
|
|
// When it comes to modals, check if page has a parent as it may not be the modal root view itself
|
|
const view = this.parent ?? this;
|
|
const dialogFragment = (<any>view)._dialogFragment;
|
|
if (dialogFragment) {
|
|
const dialog = dialogFragment.getDialog();
|
|
if (dialog) {
|
|
return dialog.getWindow();
|
|
}
|
|
}
|
|
return this._context.getWindow();
|
|
}
|
|
|
|
[actionBarHiddenProperty.setNative](value: boolean) {
|
|
// in case the actionBar is not created and actionBarHidden is changed to true
|
|
// the actionBar will be created by updateActionBar
|
|
if (!value || this.hasActionBar) {
|
|
this.updateActionBar();
|
|
}
|
|
}
|
|
|
|
[statusBarStyleProperty.getDefault](): {
|
|
color: number;
|
|
systemUiVisibility: number;
|
|
} {
|
|
if (SDK_VERSION >= 21) {
|
|
const window = this.getClosestWindow();
|
|
const decorView = window.getDecorView();
|
|
|
|
return {
|
|
color: (<any>window).getStatusBarColor(),
|
|
systemUiVisibility: decorView.getSystemUiVisibility(),
|
|
};
|
|
}
|
|
|
|
return null;
|
|
}
|
|
[statusBarStyleProperty.setNative](value: 'dark' | 'light' | { color: number; systemUiVisibility: number }) {
|
|
if (SDK_VERSION >= 21) {
|
|
const window = this.getClosestWindow();
|
|
const decorView = window.getDecorView();
|
|
|
|
if (value === 'light') {
|
|
(<any>window).setStatusBarColor(STATUS_BAR_LIGHT_BCKG);
|
|
decorView.setSystemUiVisibility(SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
|
|
} else if (value === 'dark') {
|
|
(<any>window).setStatusBarColor(STATUS_BAR_DARK_BCKG);
|
|
decorView.setSystemUiVisibility(0);
|
|
} else {
|
|
(<any>window).setStatusBarColor(value.color);
|
|
decorView.setSystemUiVisibility(value.systemUiVisibility);
|
|
}
|
|
}
|
|
}
|
|
|
|
[androidStatusBarBackgroundProperty.getDefault](): number {
|
|
if (SDK_VERSION >= 21) {
|
|
const window = this.getClosestWindow();
|
|
return (<any>window).getStatusBarColor();
|
|
}
|
|
|
|
return null;
|
|
}
|
|
[androidStatusBarBackgroundProperty.setNative](value: number | Color) {
|
|
if (SDK_VERSION >= 21) {
|
|
const window = this.getClosestWindow();
|
|
const color = value instanceof Color ? value.android : value;
|
|
(<any>window).setStatusBarColor(color);
|
|
}
|
|
}
|
|
|
|
public accessibilityScreenChanged(refocus = false): void {
|
|
if (!isAccessibilityServiceEnabled()) {
|
|
return;
|
|
}
|
|
|
|
if (refocus) {
|
|
const lastFocusedView = getLastFocusedViewOnPage(this);
|
|
if (lastFocusedView) {
|
|
const announceView = lastFocusedView.nativeViewProtected;
|
|
if (announceView) {
|
|
announceView.sendAccessibilityEvent(android.view.accessibility.AccessibilityEvent.TYPE_VIEW_FOCUSED);
|
|
announceView.sendAccessibilityEvent(android.view.accessibility.AccessibilityEvent.TYPE_VIEW_ACCESSIBILITY_FOCUSED);
|
|
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (this.actionBarHidden || this.accessibilityLabel) {
|
|
this.sendAccessibilityEvent({
|
|
androidAccessibilityEvent: AndroidAccessibilityEvent.WINDOW_STATE_CHANGED,
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
this.actionBar.accessibilityScreenChanged();
|
|
}
|
|
}
|