91 lines
2.4 KiB
Plaintext
91 lines
2.4 KiB
Plaintext
import { WebView, WebViewParam, ComponentConst, CommonRes, TitleBar, WebViewController } from '@devwiki/common_ui/Index';
|
|
import { ScreenUtil } from '@devwiki/base'
|
|
|
|
@Entry
|
|
@Component
|
|
export struct WebPage {
|
|
|
|
@State viewModel: WebPageViewModel = new WebPageViewModel();
|
|
@StorageLink(ScreenUtil.isPortraitKey)isPortrait: boolean = true;
|
|
private webViewController?: WebPageController;
|
|
|
|
aboutToAppear(): void {
|
|
this.webViewController = new WebPageController(this.viewModel);
|
|
}
|
|
|
|
onTitleBarLeftClick?: Function;
|
|
|
|
onTitleBarRightClick(event: ClickEvent) {
|
|
this.webViewController?.refresh();
|
|
}
|
|
|
|
onBackPress(): boolean | void {
|
|
if (this.webViewController?.accessBackward()) {
|
|
this.webViewController?.backward();
|
|
} else {
|
|
this.getUIContext().getRouter().back();
|
|
}
|
|
return true;
|
|
}
|
|
|
|
build() {
|
|
Column() {
|
|
TitleBar({
|
|
title: this.viewModel.pageTitle,
|
|
onLeftClicked: () => {
|
|
if (this.onTitleBarLeftClick) {
|
|
this.onTitleBarLeftClick();
|
|
} else {
|
|
this.getUIContext().getRouter().back()
|
|
}
|
|
},
|
|
rightIcon: CommonRes.getIconRefresh(),
|
|
// 必须这么写 onTitleBarRightClick内部的代码才执行,
|
|
// 直接 onRightClicked: this.onTitleBarRightClick 这么写, 代码不执行
|
|
onRightClicked: (event: ClickEvent) => { this.onTitleBarRightClick(event)},
|
|
}).width('100%')
|
|
|
|
Divider().alignRules({
|
|
top: { anchor: "title_bar", align: VerticalAlign.Bottom },
|
|
left: { anchor: ComponentConst.ContainerId, align: HorizontalAlign.Start }
|
|
}).width('100%').id("divider")
|
|
|
|
WebView({ param: this.viewModel.webParam, controller: this.webViewController }).width('100%')
|
|
.layoutWeight(1).borderWidth(1).borderColor(Color.Red)
|
|
}.width('100%').height('100%')
|
|
}
|
|
}
|
|
|
|
class WebPageController extends WebViewController {
|
|
private viewModel: WebPageViewModel;
|
|
|
|
constructor(viewModel: WebPageViewModel) {
|
|
super()
|
|
this.viewModel = viewModel;
|
|
}
|
|
|
|
onPageEnd(title: string): void {
|
|
this.viewModel.pageTitle = title;
|
|
}
|
|
|
|
getNativePageFileName(): string {
|
|
return "Index.ets";
|
|
}
|
|
|
|
}
|
|
|
|
class WebPageViewModel {
|
|
|
|
webParam: WebViewParam = {
|
|
webUrl: "https://baidu.com"
|
|
};
|
|
|
|
pageTitle: ResourceStr = "WebPage";
|
|
|
|
constructor() {
|
|
}
|
|
|
|
onTitleChanged(title: string) {
|
|
this.pageTitle = title;
|
|
}
|
|
} |