source:", + mimetype: "text/html", + encoding: "UTF-8", + baseUrl: "https://www.baidu.com", + historyUrl: "https://www.gitee.com" + }) + }) + Button('加载URL') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.loadUrl({ + url: "https://www.baidu.com", + additionalHttpHeaders: [{ key: 'div', value: 'div' }] + }) + }) + } + + Row() { + Button('页面重新激活') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onActive() + }) + Button('页面暂停渲染') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onInactive() + }) + Button('刷新页面') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.refresh() + }) + Button('注册JavaScript') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.registerJavaScriptProxy({ + obj: this.testObj, + name: 'objName', + methodList: ['test', 'toString'] + }) + }) + Button('执行JavaScript脚本') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.runJavaScript({ + script: "test()", + callback: (result: string) => { + console.log('run javascript result : ' + result); + } + }) + }) + } + Row() { + Button('onNewRequest') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onNewRequest() + }) + Button('onStartContinuation') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onStartContinuation() + }) + Button('onSaveData') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onSaveData() + }) + Button('onRestoreData') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onRestoreData() + }) + Button('onCompleteContinuation') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onCompleteContinuation() + }) + Button('onConfigurationUpdated') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.onConfigurationUpdated() + }) + Button('extendViewModel') + .margin({ right: 10 }) + .fontSize(15) + .width(150) + .onClick(() => { + this.controller.extendViewModel() + }) + } + + Web({ src: $rawfile('indextest.html'), controller: this.controller }) + .domStorageAccess(this.domStorageAccess) + .fileAccess(this.fileAccess) + .geolocationAccess(this.geolocationAccess) + .imageAccess(this.imageAccess) + .javaScriptAccess(this.javaScriptAccess) + .mixedMode(this.mixedMode) + .onlineImageAccess(this.onlineImageAccess) + .zoomAccess(this.zoomAccess) + .cacheMode(this.cacheMode) + .tableData(this.tableData) + .wideViewModeAccess(this.wideViewModeAccess) + .overviewModeAccess(this.overviewModeAccess) + .textZoomAtio(this.textZoomAtio) + .databaseAccess(this.databaseAccess) + .javaScriptProxy({ + obj: this.testObj, + name: 'objName', + methodList: ['test', 'toString'] + }) + .password(this.password) + .onPageBegin((e) => { + console.log("webTest : onPageBegin: " + e.url); + }) + .onPageEnd(e => { + console.log("webTest : onPageEnd: " + e.url); + this.controller.runJavaScript('test()') + }) + .onProgressChange((e) => { + console.log("webTest : onProgressChange: " + e.newProgress); + }) + .onTitleReceive((e) => { + console.log("webTest : onProgressChange: " + e.title); + }) + .onDownloadStart((e) => { + console.log("webTest : onDownloadStart url : " + e.url); + console.log("webTest : onDownloadStart userAgent : " + e.userAgent); + console.log("webTest : onDownloadStart contentDisposition : " + e.contentDisposition); + console.log("webTest : onDownloadStart mimetype : " + e.mimetype); + console.log("webTest : onDownloadStart contentLength : " + e.contentLength); + }) + .onGeolocationHide(() => { + console.log("webTest : onGeolocationHide: "); + }) + .onGeolocationShow((e) => { + console.log("webTest : onDownloadStart origin : " + e.origin); + e.geolocation.invoke(e.origin, true, true) + console.log("webTest : onDownloadStart origin : " + e.geolocation.invoke); + }) + .onRequestSelected(() => { + console.log("webTest : onRequestSelected: "); + }) + .onAlert((e) => { + console.log("webTest : onAlert: " + e.url); + console.log("webTest : onAlert: " + e.message); + console.log("webTest : onAlert .result : " + e.result); + console.log("webTest : onAlert .result : " + e.result.handleCancel()); + console.log("webTest : onAlert .result : " + e.result.handleConfirm()); + }) + .onBeforeUnload((e) => { + console.log("webTest : onBeforeUnload: " + e.message); + console.log("webTest : onBeforeUnload .result : " + e.result); + console.log("webTest : onBeforeUnload .result : " + e.result.handleCancel()); + console.log("webTest : onBeforeUnload .result : " + e.result.handleConfirm()); + }) + .onConfirm((e) => { + console.log("webTest : onConfirm: " + e.url); + console.log("webTest : onConfirm: " + e.message); + console.log("webTest : onConfirm .result : " + e.result); + console.log("webTest : onConfirm .result : " + e.result.handleCancel()); + console.log("webTest : onConfirm .result : " + e.result.handleConfirm()); + }) + .onConsole((e) => { + console.log("webTest : onConsole .message : " + e.message); + console.log("webTest : onConsole .message : " + e.message.getMessage()); + console.log("webTest : onConsole .message : " + e.message.getSourceId()); + console.log("webTest : onConsole .message : " + e.message.getLineNumber()); + let level = e.message.getMessageLevel() + if (level == MessageLevel.Debug) { + console.log("webTest : onConsole: level Debug"); + } else if (level == MessageLevel.Error) { + console.log("webTest : onConsole: level Error"); + } else if (level == MessageLevel.Info) { + console.log("webTest : onConsole: level Info"); + } else if (level == MessageLevel.Log) { + console.log("webTest : onConsole: level Log"); + } else { + level = MessageLevel.Warn + console.log("webTest : onConsole: level Warn"); + } + }) + .onErrorReceive((e) => { + console.log("webTest : onErrorReceive .request : " + e.request); + console.log("webTest : onErrorReceive .request : " + e.request.getRequestHeader()); + console.log("webTest : onErrorReceive .request : " + e.request.getRequestUrl()); + console.log("webTest : onErrorReceive .request : " + e.request.isRequestGesture()); + console.log("webTest : onErrorReceive .request : " + e.request.isMainFrame()); + console.log("webTest : onErrorReceive .request : " + e.request.isRedirect()); + + console.log("webTest : onErrorReceive .error : " + e.error); + console.log("webTest : onErrorReceive .error : " + e.error.getErrorInfo()); + console.log("webTest : onErrorReceive .error : " + e.error.getErrorCode()); + }) + .onHttpErrorReceive((e) => { + console.log("webTest : onHttpErrorReceive .request : " + e.request); + console.log("webTest : onHttpErrorReceive .request : " + e.request.getRequestHeader()); + console.log("webTest : onHttpErrorReceive .request : " + e.request.getRequestUrl()); + console.log("webTest : onHttpErrorReceive .request : " + e.request.isRequestGesture()); + console.log("webTest : onHttpErrorReceive .request : " + e.request.isMainFrame()); + console.log("webTest : onHttpErrorReceive .request : " + e.request.isRedirect()); + + console.log("webTest : onHttpErrorReceive .error : " + e.error); + console.log("webTest : onHttpErrorReceive .error : " + e.error.getErrorInfo()); + console.log("webTest : onHttpErrorReceive .error : " + e.error.getErrorCode()); + }) + .onRefreshAccessedHistory((e) => { + console.log("webTest : onRefreshAccessedHistory .url : " + e.url); + console.log("webTest : onRefreshAccessedHistory .refreshed : " + e.refreshed); + }) + .onUrlLoadIntercept((e) => { + console.log("webTest : onUrlLoadIntercept .data : " + e.data); + }) + .onSslErrorReceive((e) => { + console.log("webTest : onSslErrorReceive .handle : " + e.handle); + console.log("webTest : onSslErrorReceive .error : " + e.error); + }) + .onRenderExited((e) => { + console.log("webTest : onRenderExited .detail : " + JSON.stringify(e.detail)); + }) + .onFileSelectorShow((e) => { + console.log("webTest : onFileSelectorShow .callback : " + e.callback); + console.log("webTest : onFileSelectorShow .fileSelector : " + e.fileSelector); + }) + + } + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/animatorOption_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/animatorOption_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..11c225daabe86db3787ba4b46d10e093a2028541 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/animatorOption_y.ets @@ -0,0 +1,113 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import animator from '@ohos.animator'; +import prompt from '@system.prompt'; + +@Entry +@Component +struct ColumnExample { + @State divWidth: number = 120; + @State divHeight: number = 120; + @State animation: AnimatorResult = animator.createAnimator({ + duration: 3000, + fill: 'forwards', + direction: "normal", + begin: 200, + end: 270 + }); + + onPageShow() { + this.animation.onrepeat(() => { + var repeatoptions = { + duration: 2000, + iterations: 1, + direction: 'alternate', + begin: 180, + end: 240 + }; + this.animation.update(repeatoptions); + this.animation.play(); + }); + } + + build() { + Column() { + Column() { + Column() { + Column().width(this.divWidth).height(this.divHeight).backgroundColor(0xAFEEEE) + }.width('100%') + }.width('100%').padding({ top: 5 }) + + Column() { + Row() { + Button('play').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + this.animation.onframe((value) => { + this.divWidth = value + this.divHeight = value + }); + this.animation.play(); + }); + Button('update').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + var newoptions = { + duration: 5000, + iterations: 2, + begin: 120, + end: 180 + }; + this.animation.update(newoptions); + this.animation.play(); + }); + Button('create').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + var newoptions = { + duration: 5000, + easing: 'friction', + delay: 0, + fill: 'forwards', + direction: "normal", + iterations: 2, + begin: 120, + end: 180 + }; + this.animation.create(newoptions); + }); + }.margin({ top: 5 }) + + Row() { + Button('pause').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + this.animation.pause(); + }); + Button('finish').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + this.animation.onfinish(() => { + prompt.showToast({ + message: 'finish' + }) + }); + this.animation.finish(); + }); + }.margin({ top: 5 }) + + Row() { + Button('cancel').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + this.animation.cancel(); + }); + Button('reverse').borderRadius(8).backgroundColor(0x317aff).width(90).onClick(() => { + this.animation.reverse(); + }); + }.margin({ top: 5 }) + }.margin({ top: 30 }) + } + } +} diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/common_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/common_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..7bae03d3f2ab74cab9979c672e1d865f91dd0cfa --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/common_y.ets @@ -0,0 +1,353 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import Log from '../common/Log.ets'; +import inputEventClient from '@ohos.multimodalInput.inputEventClient'; +const TAG = 'ets_apiLack_add'; + +@Entry +@Component +export default struct CommonBackgroundBlurStyle { + @State value: string = '' + isEnv:boolean = Environment.EnvProp('accessibilityEnabled', 'default') + + configuration : Configuration = { + colorMode: "xxx", + fontScale: 20 + } + layoutInfo : LayoutInfo = { + + position: { + x:20, + y:30 + }, + constraint: {} + } + + constraint:ConstraintSizeOptions = { + + + } + + onMeasure(children,constraint) { + console.info('onMeasure'); + children[0].measure(constraint) + + } + onLayout(childen, constraint) { + console.info('onLayout'); + childen[0].layout(this.layoutInfo) + } + + aboutToAppear() { + Log.showInfo(TAG, `aboutToAppear CommonBackgroundBlurStyle start`) + } + + aboutToDisappear() { + Log.showInfo(TAG, `aboutToDisAppear CommonBackgroundBlurStyle end`) + } + + onPageHide(): void { + Log.showInfo(TAG, `onPageHide CommonBackgroundBlurStyle start`) + } + + onBackPress(): void { + Log.showInfo(TAG, `onBackPress CommonBackgroundBlurStyle start`) + } + + @Styles pressedStyles() { + .backgroundColor('red') + .opacity(1) + } + + + + +buttonTab(){ + let keyEventDown = { + isPressed: true, + keyCode: 2049, + keyDownDuration: 0, + isIntercepted: false + } + let res1 = inputEventClient.injectEvent({KeyEvent: keyEventDown}); + + let keyEventUp = { + isPressed: false, + keyCode: 2049, + keyDownDuration: 0, + isIntercepted: false + } + let res2 = inputEventClient.injectEvent({KeyEvent: keyEventUp}); + } + + buttonOnKey(){ + let keyEventDown = { + isPressed: true, + keyCode: 2054, + keyDownDuration: 0, + isIntercepted: false + } + let res3 = inputEventClient.injectEvent({KeyEvent: keyEventDown}); + + let keyEventUp = { + isPressed: false, + keyCode: 2054, + keyDownDuration: 0, + isIntercepted: false + } + let res4 = inputEventClient.injectEvent({KeyEvent: keyEventUp}); + } + + build() { + Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { + + Text("common-BackgroundBlurStyle") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("backgroundBlurStyleText") + .backgroundBlurStyle(BlurStyle.Thick) + + Text("common-BorderImage") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("borderImageText") + .hitTestBehavior(HitTestMode.Default) + .borderImage({ + source: { + angle: 90, + direction: GradientDirection.Left, + colors: [[0xAEE1E1, 0.0], [0xD3E0DC, 0.3], [0xFCD1D1, 1.0]] + }, + slice: { top: 10, bottom: 10, left: 10, right: 10 }, + width: { top: "10px", bottom: "10px", left: "10px", right: "10px" }, + repeat: RepeatMode.Stretch, + fill: false + }) + + Text("common-HoverEffectHighlight") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("hoverEffectText") + .hoverEffect(HoverEffect.Highlight) + + Text("common-HoverEffectScale") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("hoverEffectScaleText") + .hoverEffect(HoverEffect.Scale) + + Text("common-OnKeyEvent") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("onKeyEventText") + + Button('common-OnKeyEvent') + .onClick(()=>{ + this.buttonTab() + this.buttonOnKey() + }) + .key("onKeyEventButton") + .onKeyEvent((event: KeyEvent) => { + if (event.keyCode === 2054) { + console.info("onKeyEvent 2054 inject Success "); + } + if (event.type === KeyType.Down) { + Log.showInfo(TAG, `Down`) + } + if (event.type === KeyType.Up) { + Log.showInfo(TAG, `Up`) + } + Log.showInfo(TAG, 'KeyType:' + event.type + ';keyCode:' + event.keyCode + ';keyText:' + event.keyText) + }) + + Text("common-TabIndex") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("tabIndexText") + .tabIndex(1) + + Text("common-ParallelGesture" + '\n' + this.value) + .width(320) + .height(100) + .fontSize(12) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(15) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("parallelGestureText") + .parallelGesture(TapGesture().onAction(() => { + // 并行手势 + this.value = 'gesture onAction' + })) + + Text("common-Sepia") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("sepiaText") + .backgroundColor('#E78282') + .sepia(1) + + Button('Button 1') + .id('target') + + Text("common-AlignRules") + .width(260) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("alignRulesText") + .alignRules({ + top: { anchor: 'target', align: VerticalAlign.Bottom }, + right: { anchor: "target", align: HorizontalAlign.Center } + }) + + Text("common-StateStyles") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("stateStylesText") + .stateStyles({ + pressed: this.pressedStyles + }) + + Text("common-OnVisibleAreaChange") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("onVisibleAreaChangeText") + + Text("common-OnPageHide") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("onPageHideText") + + Text("common-OnBackPress") + .width(320) + .height(50) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("onBackPressText") + + }.width("100%").height("100%") + } +} + diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/hitTestMode_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/hitTestMode_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..c883c70f477c9eae4a7cc027130a9c222c9c0801 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/hitTestMode_y.ets @@ -0,0 +1,65 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import Log from '../common/Log.ets'; + +const TAG = 'ets_apiLack_add'; + +@Entry +@Component +struct HitTestMode { + build() { + Column() { + // outer stack 1 + Stack() { + Button('outer button') + .onTouch((event) => { + console.info('HitTestMode outer button touched type: ' + event.type) + }) + // inner stack + Stack() { + Button('inner button') + .key("innnerButton") + .onTouch((event) => { + console.info('HitTestMode inner button touched type: ' + event.type) + }) + } + .key("Block") + .width("100%") + .height("100%") +// .hitTestBehavior(HitTestMode.Block) + .onTouch((event) => { + console.info('HitTestMode inner stack touched type: ' + event.type) + }) + + Text('Transparent') + .key("Transparent") +// .hitTestBehavior(HitTestMode.Transparent) + .width("100%") + .height("50%") + .onTouch((event) => { + console.info('HitTestMode text touched type: ' + event.type) + let strJson = getInspectorByKey('Transparent'); + let obj = JSON.parse(strJson); + console.info("HitTestMode hitTestBehavior is " + obj.$attrs.hitTestBehavior); + let strJson2 = getInspectorByKey('Block'); + let obj2 = JSON.parse(strJson2); + console.info("HitTestMode hitTestBehavior is " + obj2.$attrs.hitTestBehavior); + }) + }.width(300).height(300).backgroundColor(Color.Gray) + }.width('100%').height('100%') + } +} + diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/navigation_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/navigation_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..03f9e8501e99bcd525c8261601a64258f4e8cbed --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/navigation_y.ets @@ -0,0 +1,162 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import events_emitter from '@ohos.events.emitter'; + +@Entry +@Component +struct NavigationExample { + private arr: number[] = [0, 1, 2, 3, 4, 5] + @State hideBar: boolean = true + @State toolBar: boolean = true + @State hideToolBar: boolean = false + @State hideTitleBar: boolean = false + @State hideBackButton: boolean = false + @State onActionCalled: boolean = false + @State hideNavBar: boolean = false + @State titleMode: NavigationTitleMode = NavigationTitleMode.Free + + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("tabs page state change called:" + JSON.stringify(eventData)); + if (eventData.data.vertical != null) { + this.titleMode = eventData.data.titleMode; + } + if (eventData.data.hideToolBar != null) { + this.hideToolBar = parseInt(eventData.data.hideToolBar); + } + if (eventData.data.hideTitleBar != null) { + this.hideTitleBar = parseInt(eventData.data.hideTitleBar); + } + if (eventData.data.hideBackButton != null) { + this.hideBackButton = parseInt(eventData.data.hideBackButton); + } + if (eventData.data.hideNavBar != null) { + this.titleMode = parseInt(eventData.data.titleMode); + } + } + } + + onPageShow() { + console.info('progress page show called'); + var stateChangeEvent = { + eventId: 135, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(stateChangeEvent, this.stateChangCallBack) + } + + @Builder NavigationTitle() { + Column() { + Text('title') + .width(80) + .height(60) + .fontColor(Color.Blue) + .fontSize(30) + } + .onClick(() => { + console.log("title") + }) + } + + @Builder NavigationMenus() { + Row() { + Image('images/add.png') + .width(25) + .height(25) + Image('comment/more.png') + .width(25) + .height(25) + .margin({ left: 30 }) + }.width(100) + } + + build() { + Column() { + Navigation() { + Search({ value: '', placeholder: "" }).width('85%').margin(26) + List({ space: 5, initialIndex: 0 }) { + ForEach(this.arr, (item) => { + ListItem() { + Text('' + item) + .width('90%') + .height(80) + .backgroundColor('#3366CC') + .borderRadius(15) + .fontSize(16) + .textAlign(TextAlign.Center) + }.editable(true) + }, item => item) + } + .listDirection(Axis.Vertical) + .key('Navigation') + .height(300) + .margin({ top: 10, left: 18 }) + .width('100%') + + Button(this.hideBar ? "tool bar" : "hide bar") + .backgroundColor(0x2788D9).width(200).height(100).fontSize(20) + .key('NavigationContent1') + .onClick(() => { + this.hideBar = !this.hideBar; + console.info('navigationContent1 current action state is: ' + this.hideBar); + try { + var backData = { + data: { + "ACTION": this.hideBar, + } + } + var backEvent = { + eventId: 1366, + priority: events_emitter.EventPriority.LOW + } + console.info("navigationContent1 start to emit action state") + events_emitter.emit(backEvent, backData) + } catch (err) { + console.info("navigationContent1 emit action state err: " + JSON.stringify(err.message)) + } + }) + .margin({ left: 135, top: 60 }) + } + .title(this.NavigationTitle) + .subTitle('subtitle') + .backButtonIcon() + .navBarWidth(5) + .navBarPosition(NavBarPosition.end) + .menus(this.NavigationMenus) + .titleMode(NavigationTitleMode.Free) + .hideTitleBar(false) + .hideNavBar(false) + .hideBackButton(false) + .onTitleModeChanged((titleModel: NavigationTitleMode) => { + console.log('titleMode' + titleModel) + }) + .onNavBarStateChange((isVisible: boolean) => { + console.log('isVisible:' + isVisible) + }) + .toolBar({ items: [ + { value: 'app', icon: 'images/grid.svg', action: () => { + console.log("app") + } }, + { value: 'add', icon: 'images/add.svg', action: () => { + console.log("add") + } }, + { value: 'collect', icon: 'images/collect.svg', action: () => { + console.log("collect") + } }] }) + .hideToolBar(this.hideBar) + } + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosPromptg.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosPromptg.ets new file mode 100644 index 0000000000000000000000000000000000000000..e004134bade51889084d3d6205e574f90fdcde17 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosPromptg.ets @@ -0,0 +1,180 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import prompt from '@system.prompt'; +import prompt from '@ohos.prompt'; +import promptAction from '@ohos.promptAction'; +import events_emitter from '@ohos.events.emitter'; + +@Entry +@Component +struct promptExample { + @State text: string = 'item1' + @State color: string = '#000000' + build(){ + Column(){ + Button('showActionMenu') + .key('button1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(()=>{ + prompt.showActionMenu({ + title: 'Title Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + success: function(data) { + console.log('dialog success callback，click button : ' + data.tapIndex); + }, + fail: function(data) { + console.log('dialog fail callback' + data.errMsg); + }, + }); + }) + Button('showDialog') + .key('button2') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(()=> { + prompt.showDialog({ + title: 'Title Info', + message: 'Message Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + success: function(data) { + console.log('dialog success callback，click button : ' + data.index); + }, + cancel: function() { + console.log('dialog cancel callback'); + }, + }); + }) + Button('showActionMenu1') + .key('button3') + .backgroundColor('#ffe20b48') + .fontSize(20) + .margin({top: 20}) + .onClick(()=>{ + prompt.showDialog({ + title: 'Title Info', + message: 'Message Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + }) + .then(data => { + console.info('showDialog success, click button: ' + data.tapIndex); + Utils.emitEvent('sucessful',422) + + }) + .catch(data => { + console.info('showDialog error: ' + data.errMsg); + }); + + }) + Button('showDialog1') + .key('button4') + .backgroundColor('#ffe20b56') + .fontSize(20) + .margin({top: 20}) + .onClick(()=> { + prompt.showDialog({ + title: 'Title Info', + message: 'Message Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + }) + .then(data => { + console.info('showDialog success, click button: ' + data.tapIndex); + Utils.emitEvent('sucessful',422) + + }) + .catch(data => { + console.info('showDialog error: ' + data.errMsg); + }); + }) + + + + Button('showActionMenu2') + .key('button6') + .backgroundColor('#ffe20b48') + .fontSize(20) + .margin({top: 20}) + .onClick(()=>{ + promptAction.showDialog({ + title: 'Title Info', + message: 'Message Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + }) + .then(data => { + console.info('showDialog success, click button: ' + data.tapIndex); + Utils.emitEvent('sucessful',422) + + }) + .catch(data => { + console.info('showDialog error: ' + data.errMsg); + }); + }) + + Button('showDialog2') + .key('button5') + .backgroundColor('#ffe20b56') + .fontSize(20) + .margin({top: 20}) + .onClick(()=> { + promptAction.showDialog({ + title: 'Title Info', + message: 'Message Info', + buttons: [ + { + text: this.text, + color: this.color, + }, + ], + }) + .then(data => { + console.info('showDialog success, click button: ' + data.tapIndex); + Utils.emitEvent('sucessful',422) + + }) + .catch(data => { + console.info('showDialog error: ' + data.errMsg); + }); + }) + } + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterA_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterA_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..1c06a084240ad20b8faeff825ecdae24cad97790 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterA_y.ets @@ -0,0 +1,222 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import router from '@system.router'; +import routery from '@ohos.router'; + + +@Entry +@Component +struct OhosRouterA { + build() { + Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center}) { + Text('A Page') + .fontSize(50) + .fontWeight(FontWeight.Bold) + Button('Push') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('back') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('pushUrl') + .key('pushButtonA1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + try { + routery.pushUrl({ + url: 'pages/routerpage2', + params: { + data1: 'message', + data2: { + data3: [123, 456, 789] + }, + }, + }, (err) => { + if (err) { + console.error(`pushUrl failed, code is ${err.code}, message is ${err.message}`); + return; + } + console.info('pushUrl success'); + }); + } catch (error) { + console.error(`pushUrl args error code is ${error.code}, message is ${error.message}`); + }; + }); + Button('pushUrl') + .key('pushButtonA1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + try { + routery.pushUrl({ + url: 'pages/routerpage2', + params: { + data1: 'message', + data2: { + data3: [123, 456, 789] + }, + }, + }, (err) => { + if (err) { + console.error(`pushUrl failed, code is ${err.code}, message is ${err.message}`); + return; + } + console.info('pushUrl success'); + }); + } catch (error) { + console.error(`pushUrl args error code is ${error.code}, message is ${error.message}`); + }; + }); + + Button('replaceUrl') + .key('pushButtonA1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + try { + routery.replaceUrl({ + url: 'pages/detail', + params: { + data1: 'message', + }, + }, routery.RouterMode.Standard, (err) => { + if (err) { + console.error(`replaceUrl failed, code is ${err.code}, message is ${err.message}`); + return; + } + console.info('replaceUrl success'); + }); + } catch (error) { + console.error(`replaceUrl args error code is ${error.code}, message is ${error.message}`); + }; + }); + Button('replaceUrl') + .key('pushButtonA1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + try { + routery.replaceUrl({ + url: 'pages/detail', + params: { + data1: 'message', + }, + }, (err) => { + if (err) { + console.error(`replaceUrl failed, code is ${err.code}, message is ${err.message}`); + return; + } + console.info('replaceUrl success'); + }); + } catch (error) { + console.error(`replaceUrl args error code is ${error.code}, message is ${error.message}`); + }; + }); + + Button('clear') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('getLength') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('enableAlertBeforeBackPage') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('enableBackPageAlert') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + routery.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + + Button('disableAlertBeforeBackPage') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + }.width('100%').height('100%') + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterAg.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterAg.ets new file mode 100644 index 0000000000000000000000000000000000000000..3cbeaf9f5b4f833136dba631f5415c42142688b1 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterAg.ets @@ -0,0 +1,165 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import router from '@system.router'; +import newrouter from '@ohos.router'; + + +@Entry +@Component +struct OhosRouterA { + build() { + Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center}) { + Text('A Page') + .fontSize(50) + .fontWeight(FontWeight.Bold) + Button('Push') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('back') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('clear') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('getLength') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('enableAlertBeforeBackPage') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + Button('disableAlertBeforeBackPage') + .key('pushButtonA') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + router.push({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + + Button('pushurl1') + .key('pushurlButton1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + newrouter.pushurl({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + + Button('Pushurl2') + .key('pushurlButton1A') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + newrouter.pushurl({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + },newrouter.RouterMode.Standard); + + Button('replaceurl1') + .key('replaceurl1A') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + newrouter.replaceUrl({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + }); + + Button('replaceurl2') + .key('replaceurl1') + .backgroundColor('#FF0B8FE2') + .fontSize(20) + .margin({top: 20}) + .onClick(() => { + + newrouter.replaceUrl({ + uri: 'pages/ohosRouterB', + params: { + data: 'B Page' + } + }); + },newrouter.RouterMode.Standard); + }.width('100%').height('100%') + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterBg.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterBg.ets new file mode 100644 index 0000000000000000000000000000000000000000..02ca54add2c4369c84735888d633220de31cc79e --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/ohosRouterBg.ets @@ -0,0 +1,53 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import router from '@system.router'; +import events_emitter from '@ohos.events.emitter'; + +@Entry +@Component +struct OhosRouterB { + build() { + Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center}) { + Text('B Page') + .fontSize(50) + .fontWeight(FontWeight.Bold) + }.width('100%').height('100%') + } + onPageShow() { + let params = router.getParams(); + if (params && params.data) { + console.info("[OhosRouterB] getParams result: " + params.data); + this.getRouterParams(params.data); + } + } + getRouterParams(data) { + try { + let paramsData = { + data: { + "params": data, + } + } + let paramsEvent = { + eventId: 142, + priority: events_emitter.EventPriority.LOW + } + console.info("[OhosRouterB] start to emit params"); + events_emitter.emit(paramsEvent, paramsData); + } catch (err) { + console.info("[OhosRouterB] emit params err: " + JSON.stringify(err.message)); + } + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/panel_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/panel_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..ad0b67cf18e8fc9e94b2d00c940efe9ae23af75c --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/panel_y.ets @@ -0,0 +1,91 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import events_emitter from '@ohos.events.emitter'; +import Log from '../common/Log.ets'; +const TAG = 'ets_apiLack_add'; + +@Entry +@Component +export default struct PanelBackgroundMask { + @State mode: PanelMode = PanelMode.Full + @State navBarPosition:PanelMode = PanelMode.Full + aboutToAppear() { + Log.showInfo(TAG, `aboutToAppear PanelBackgroundMask start`) + } + + aboutToDisappear() { + Log.showInfo(TAG, `aboutToDisAppear PanelBackgroundMask end`) + } + + build() { + Column() { + + Text("panel-OnHeightChange") + .width(100) + .height(70) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("onHeightChangeText") + .onClick(() => { + this.mode = PanelMode.Half + this.navBarPosition = PanelMode.Half + }) + + Panel(true) { + Column() { + Text("panel-BackgroundMask").fontSize(30) + } + } + .key("panel") + .mode(this.mode) + .navBarPosition(this.navBarPosition) + .backgroundColor('green') + .type(PanelType.Foldable) + .dragBar(false) + .halfHeight(300) + .onChange((width: number, height: number, mode: PanelMode) => { + Log.showInfo(TAG, `width:${width},height:${height},mode:${mode}`) + }) + .backgroundMask('red') + .onHeightChange((value: number) => { + Log.showInfo(TAG, 'onHeightChange: ' + value) + try { + var backData = { + data: { + "result":"success" + } + } + let backEvent = { + eventId: 10111, + priority: events_emitter.EventPriority.LOW + } + console.info("onHeightChange start to emit action state") + events_emitter.emit(backEvent, backData) + } catch (err) { + console.info("testpanelOnHeightChange0002 emit action state err: " + JSON.stringify(err.message)) + } + }) + + }.width("100%").height("100%") + } +} diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/positionSetting_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/positionSetting_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..4827c630ef0d2784a9bdb6ea7dde6fe85af69d8f --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/positionSetting_y.ets @@ -0,0 +1,167 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import events_emitter from '@ohos.events.emitter'; + +@Entry +@Component +struct PositionSetting { + @State align: Alignment = Alignment.TopStart; + @State direction: Direction = Direction.Rtl; + @State position1: {x: string, y: string} = {x: 25, y: 15}; + @State position2: {x: string, y: string} = {x: '50%', y: '70%'}; + @State anchor: {x: string, y: string} = {x: 25, y: 25}; + @State offset: {x: string, y: string} = {x: 10, y: 15}; + @State span: {x: string, y: string} = {x: 10, y: 15}; + @State opacityValue: string = 1; + + build() { + Column() { + Column({space: 10}) { + Text('opacity(1)').fontSize(20).fontColor(Color.Black).width('90%').opacity(`${this.opacityValue}`).key("opacity") + Text('top start') + .align(this.align) + .height(50) + .width('90%') + .fontSize(20) + .backgroundColor(0xFFE4C4) + .key('textAlign') + + Text('direction').fontSize(20).fontColor(Color.Black).width('90%') + Row() { + Text('1').height(50).width('25%').fontSize(20).backgroundColor(0xF5DEB3) + Text('2').height(50).width('25%').fontSize(20).backgroundColor(0xD2B48C) + Text('3').height(50).width('25%').fontSize(20).backgroundColor(0xF5DEB3) + Text('4').height(50).width('25%').fontSize(20).backgroundColor(0xD2B48C) + } + .width('90%') + .direction(this.direction) + .key('rowDirection') + + Text('position').fontSize(20).fontColor(Color.Black).width('90%') + Row({ space: 20 }) { + Text('1') + .size({ width: '45%', height: '50' }) + .backgroundColor(0xdeb887) + .border({ width: 1 }) + .fontSize(20) + Text(`2 position(${this.position1.x}, ${this.position1.y})`) + .size({ width: '60%', height: '30' }) + .backgroundColor(0xbbb2cb).border({ width: 1 }) + .fontSize(20).align(Alignment.Start) + .position({ x: this.position1.x, y: this.position1.y }) + .key('position1') + Text('3') + .size({ width: '45%', height: '50' }) + .backgroundColor(0xdeb887) + .border({ width: 1 }).fontSize(20) + Text(`4 position(${this.position2.x}, ${this.position2.y})`) + .size({ width: '50%', height: '50' }) + .backgroundColor(0xbbb2cb) + .border({ width: 1 }).fontSize(20) + .position({ x: this.position2.x, y: this.position2.y }) + .key('position2') + }.width('90%').height(100).border({ width: 1, style: BorderStyle.Dashed }) + + Text('markAnchor').fontSize(20).fontColor(Color.Black).width('90%') + Stack({ alignContent: Alignment.TopStart }) { + Row() + .size({ width: '100', height: '100' }) + .backgroundColor(0xdeb887) + Image('/images/ic_health_heart.png') + .size({ width: 25, height: 25 }) + .markAnchor({ x: this.anchor.x, y: this.anchor.y }) + .key('markAnchor') + Image('/images/ic_health_heart.png') + .size({ width: 25, height: 25 }) + .markAnchor({ x: 25, y: 25 }) + .position({ x: '100%', y: '100%' }) + }.margin({ top: 25 }).border({ width: 1, style: BorderStyle.Dashed }) + + Stack({ alignContent: Alignment.Bottom }) { + Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top) + Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top) + }.width('100%').height(150).margin({ top: 5 }) + + Text('offset').fontSize(20).fontColor(Color.Black).width('90%') + Row() { + Text('1').size({ width: '15%', height: '100' }).backgroundColor(0xdeb887).border({ width: 1 }).fontSize(20) + Text(`2\noffset(${this.offset.x}, ${this.offset.y})`) + .size({ width: 170, height: '50' }).backgroundColor(0xbbb2cb).border({ width: 1 }) + .fontSize(20).align(Alignment.Start) + .offset({ x: this.offset.x, y: this.offset.y }) + .span({x: this.span.x, y: this.span.y}) + .key('offset') + Text('3').size({ width: '15%', height: '50' }).backgroundColor(0xdeb887).border({ width: 1 }).fontSize(20) + Text('4\noffset(-10%, 20%)') + .size({ width: 170, height: '50' }) .backgroundColor(0xbbb2cb).border({ width: 1 }).fontSize(20) + .offset({ x: '-10%', y: '50%' }) + }.width('90%').height(100).border({ width: 1, style: BorderStyle.Dashed }) + } + } + .width('100%').margin({ top: 5 }) + } + onPageShow() { + let stateChangeEvent = { + eventId: 25, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(stateChangeEvent, this.stateChangCallBack); + + let directionChangeEvent = { + eventId: 26, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(directionChangeEvent, this.stateChangCallBack); + + let positionChangeEvent = { + eventId: 27, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(positionChangeEvent, this.stateChangCallBack); + + let markAnchorChangeEvent = { + eventId: 28, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(markAnchorChangeEvent, this.stateChangCallBack); + + let offsetChangeEvent = { + eventId: 29, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(offsetChangeEvent, this.stateChangCallBack); + } + stateChangCallBack = (eventData) => { + console.info("position page stateChangCallBack" + JSON.stringify(eventData)); + if (eventData) { + if (eventData.data.textAlign) { + this.align = Alignment.BottomEnd; + } else if (eventData.data.direction) { + this.direction = eventData.data.direction; + } else if (eventData.data.position1) { + this.position1 = JSON.parse(eventData.data.position1); + this.position2 = JSON.parse(eventData.data.position2); + } else if (eventData.data.markAnchor) { + this.anchor = JSON.parse(eventData.data.markAnchor); + } else if (eventData.data.offset) { + this.offset = JSON.parse(eventData.data.offset); + this.span = JSON.parse(eventData.data.span); + } else if (eventData.data.opacityValue) { + this.opacityValue = eventData.data.opacityValue; + } + } + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..26f0bedae4bbc0eb0a89470989ddeb97ba8359b2 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/shapeClipping_y.ets @@ -0,0 +1,161 @@ +// @ts-nocheck +/** + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import events_emitter from '@ohos.events.emitter'; + +@Entry +@Component +struct ClipAndMaskExample { + @State isMaskRect: boolean = true; + @State isClipCircle:boolean = true; + @State maskType: CommonShapeMethod= new Rect({ width: 280, height: 280 }); + @State clipType: CommonShapeMethod= new Circle({ width: 280, height: 280 }); + @State shape_Type: CommonShapeMethod= new elliptical({ width: 200, height: 280 }); + @State lengthType: CommonShapeMethod= new line({ width: 0, height: 10 }); + @State pathType: CommonShapeMethod= new path({ width: 10, height: 10 }); + @State shape_2_Type: CommonShapeMethod= new polygon({ width: 5, height: 10 }); + @State shape_3_Type: CommonShapeMethod= new polyine({ width: 5, height: 10 }); + @State shape_4_Type: CommonShapeMethod= new rect_({ width: 5, height: 10 ,radius : 5}); + + + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.maskType = new Circle({ width: 280, height: 280 }); + } + } + } + + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.shape_Type = new elliptical({ width: 200, height: 280 }); + } + } + } + + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.lengthType = new line({ width: 200, height: 280 }); + } + } + } + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.shape_4_Type = new rect_({ width: 200, height: 280 }); + } + } + } + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.pathType = new path({ width: 200, height: 280 }); + } + } + } + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.shape_2_Type = new polygon({ width: 200, height: 280 }); + } + } + } + private stateChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page state change called:" + JSON.stringify(eventData)); + if(eventData.data.maskValue != null) { + this.shape_3_Type = new polyine({ width: 200, height: 280 }); + } + } + } + + private shapeChangCallBack = (eventData) => { + if (eventData != null) { + console.info("shapeClipping page shape change called:" + JSON.stringify(eventData)); + if(eventData.data.clipValue != null) { + this.clipType = new Rect({ width: 280, height: 280 }); + } + } + } + + onPageShow() { + console.info('shapeClipping page show called'); + var stateChangeEvent = { + eventId: 32, + priority: events_emitter.EventPriority.LOW + } + events_emitter.on(stateChangeEvent, this.stateChangCallBack); + + var shapeChangeEvent = { + eventId: 33, + priority: events_emitter.EventPriority.LOW + Environment + } + events_emitter.on(shapeChangeEvent, this.shapeChangCallBack); + } + + build() { + Column({ space: 5 }) { + Text('clip') + .fontSize(9) + .width('90%') + .fontColor(0xCCCCCC) + + Image('/images/clip.png') + .clip(this.clipType) + .clip(this.shape_Type) + .clip(this.lengthType) + .clip(this.pathType) + .clip(this.shape_2_Type) + .clip(this.shape_3_Type) + .clip(this.shape_4_Type) + .width('500px') + .height('280px') + .key('image_clip') + + + Row() { + Image('/images/clip.png') + .width('500px') + .height('280px') + } + .clip(true) + .borderRadius(20) + .key('image_clip_true') + + Text('mask') + .fontSize(9) + .width('90%') + .fontColor(0xCCCCCC) + + Image('/images/clip.png') + .mask(this.maskType) + .width('500px').height('280px') + .key('image_mask') + } + + .width('100%') + .margin({ top: 5 }) + } +} \ No newline at end of file diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack.test_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack.test_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..b3e2c91c61ad7dd62dd94b6f186f3ee43d3285cf --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack.test_y.ets @@ -0,0 +1,82 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import router from '@system.router'; +import {describe, beforeAll, beforeEach, afterEach, afterAll, it, expect} from "hypium/index" +import Utils from './Utils.ets' + +export default function stackAlignContentJsunit() { + describe('stackAlignContentTest', function () { + beforeAll(async function (done) { + console.info("flex beforeEach start"); + let options = { + uri: 'pages/stack', + } + try { + router.clear(); + let pages = router.getState(); + console.info("get stack state success " + JSON.stringify(pages)); + if (!("stack" == pages.name)) { + console.info("get stack state success " + JSON.stringify(pages.name)); + let result = await router.push(options); + await Utils.sleep(2000); + console.info("push stack page success " + JSON.stringify(result)); + } + } catch (err) { + console.error("push stack page error: " + err); + } + done() + }); + + afterEach(async function () { + await Utils.sleep(1000); + console.info("stackAlignContent after each called"); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0001 + * @tc.name teststackAlignContent0001 + * @tc.desic acestackAlignContentEtsTest0001 + */ + it('teststackAlignContent0001', 0, async function (done) { + console.info('stackAlignContent teststackAlignContent0001 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('Stack'); + console.info("[teststackAlignContent0001] component width strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Stack'); + expect(obj.$attrs.width).assertEqual("100.00%"); + console.info("[teststackAlignContent0001] width value :" + obj.$attrs.width); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0002 + * @tc.name teststackAlignContent0002 + * @tc.desic acestackAlignContentEtsTest0002 + */ + it('teststackAlignContent0002', 0, async function (done) { + console.info('stackAlignContent teststackAlignContent0002 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('Stack'); + console.info("[teststackAlignContent0002] component width strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Stack'); + expect(obj.$attrs.height).assertEqual("150.00vp"); + console.info("[teststackAlignContent0002] width value :" + obj.$attrs.width); + done(); + }); + }) +} diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..bfe6cdef09caa5b798c1382691b45bdd93c793cf --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/stack_y.ets @@ -0,0 +1,68 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import Log from '../common/Log.ets'; +const TAG = 'ets_apiLack_add'; + +@Entry +@Component +export default +struct StackAlignContent { + + aboutToAppear() { + Log.showInfo(TAG, `aboutToAppear StackAlignContent start`) + } + + aboutToDisappear(){ + Log.showInfo(TAG, `aboutToDisAppear StackAlignContent end`) + } + + build(){ + Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center,justifyContent:FlexAlign.Center }){ + + Text("stack-AlignContent") + .width(100) + .height(70) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("alignContentText") + + + Stack({ alignContent: Alignment.Bottom }) { + Text('First child, show in bottom') + .width('95%') + .width('90%') + .height('100%') + .backgroundColor(0xd2cab3) + .align(Alignment.Top) + Text('Second child, show in top') + .width('70%') + .height('60%') + .backgroundColor(0xc1cbac) + .align(Alignment.Top) + }.key("Stack") + .width('100%').height(150).margin({ top: 5 }) + + }.width("100%").height("100%") + } +} + diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs.test_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs.test_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..c73b2403af693e5b1501072b746a50e633c5b201 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs.test_y.ets @@ -0,0 +1,218 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import router from '@system.router'; +import {describe, beforeAll, beforeEach, afterEach, afterAll, it, expect} from "hypium/index" +import Utils from './Utils.ets' + +export default function tabsBarPositionJsunit() { + describe('tabsBarPositionTest', function () { + beforeAll(async function (done) { + console.info("flex beforeEach start"); + let options = { + uri: 'pages/tabs', + } + try { + router.clear(); + let pages = router.getState(); + console.info("get tabs state success " + JSON.stringify(pages)); + if (!("tabs" == pages.name)) { + console.info("get tabs state success " + JSON.stringify(pages.name)); + let result = await router.push(options); + await Utils.sleep(2000); + console.info("push tabs page success " + JSON.stringify(result)); + } + } catch (err) { + console.error("push tabs page error: " + err); + } + done() + }); + + afterEach(async function () { + await Utils.sleep(1000); + console.info("tabsBarPosition after each called"); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0001 + * @tc.name testtabsBarPosition0001 + * @tc.desic acetabsBarPositionEtsTest0001 + */ + it('testtabsBarPosition0001', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0001 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0001] component width strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.width).assertEqual("100.00vp"); + console.info("[testtabsBarPosition0001] width value :" + obj.$attrs.width); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0002 + * @tc.name testtabsBarPosition0002 + * @tc.desic acetabsBarPositionEtsTest0002 + */ + it('testtabsBarPosition0002', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0002 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0002] component height strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.height).assertEqual("70.00vp"); + console.info("[testtabsBarPosition0002] height value :" + obj.$attrs.height); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0003 + * @tc.name testtabsBarPosition0003 + * @tc.desic acetabsBarPositionEtsTest0003 + */ + it('testtabsBarPosition0003', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0003 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0003] component fontSize strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.fontSize).assertEqual("20.00fp"); + console.info("[testtabsBarPosition0003] fontSize value :" + obj.$attrs.fontSize); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0004 + * @tc.name testtabsBarPosition0004 + * @tc.desic acetabsBarPositionEtsTest0004 + */ + it('testtabsBarPosition0004', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0004 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0004] component opacity strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.opacity).assertEqual(1); + console.info("[testtabsBarPosition0004] opacity value :" + obj.$attrs.opacity); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0005 + * @tc.name testtabsBarPosition0005 + * @tc.desic acetabsBarPositionEtsTest0005 + */ + it('testtabsBarPosition0005', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0005 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0005] component align strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.align).assertEqual("Alignment.TopStart"); + console.info("[testtabsBarPosition0005] align value :" + obj.$attrs.align); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0006 + * @tc.name testtabsBarPosition0006 + * @tc.desic acetabsBarPositionEtsTest0006 + */ + it('testtabsBarPosition0006', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0006 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0006] component fontColor strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.fontColor).assertEqual("#FFCCCCCC"); + console.info("[testtabsBarPosition0006] fontColor value :" + obj.$attrs.fontColor); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0007 + * @tc.name testtabsBarPosition0007 + * @tc.desic acetabsBarPositionEtsTest0007 + */ + it('testtabsBarPosition0007', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0007 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0007] component lineHeight strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.lineHeight).assertEqual("25.00fp"); + console.info("[testtabsBarPosition0007] lineHeight value :" + obj.$attrs.lineHeight); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0009 + * @tc.name testtabsBarPosition0009 + * @tc.desic acetabsBarPositionEtsTest0009 + */ + it('testtabsBarPosition0009', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition009 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0009] component padding strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.padding).assertEqual("10.00vp"); + console.info("[testtabsBarPosition0009] padding value :" + obj.$attrs.padding); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0010 + * @tc.name testtabsBarPosition0010 + * @tc.desic acetabsBarPositionEtsTest0010 + */ + it('testtabsBarPosition0010', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0010 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionText'); + console.info("[testtabsBarPosition0010] component textAlign strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Text'); + expect(obj.$attrs.textAlign).assertEqual("TextAlign.Left"); + console.info("[testtabsBarPosition0010] textAlign value :" + obj.$attrs.textAlign); + done(); + }); + + /* + * @tc.number SUB_ACE_BASIC_ETS_API_0011 + * @tc.name testtabsBarPosition0011 + * @tc.desic acetabsBarPositionEtsTest0011 + */ + it('testtabsBarPosition0011', 0, async function (done) { + console.info('tabsBarPosition testtabsBarPosition0011 START'); + await Utils.sleep(2000); + let strJson = getInspectorByKey('barPositionTabs'); + console.info("[testtabsBarPosition0011] component barPosition strJson:" + strJson); + let obj = JSON.parse(strJson); + expect(obj.$type).assertEqual('Tabs'); + expect(obj.$attrs.barPosition).assertEqual("BarPosition.Start"); + console.info("[testtabsBarPosition0011] barPosition value :" + obj.$attrs.barPosition); + done(); + }); + }) +} diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs_y.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs_y.ets new file mode 100644 index 0000000000000000000000000000000000000000..35d3af266a23e61e4bd6e4f5ef4309b75f754597 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/tabs_y.ets @@ -0,0 +1,73 @@ +/** + * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import Log from '../common/Log.ets'; +const TAG = 'ets_apiLack_add'; + +@Entry +@Component +export default +struct TabsBarPosition { + + private controller: TabsController = new TabsController() + + aboutToAppear() { + Log.showInfo(TAG, `aboutToAppear TabsBarPosition start`) + } + + aboutToDisappear(){ + Log.showInfo(TAG, `aboutToDisAppear TabsBarPosition end`) + } + + build(){ + Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center,justifyContent:FlexAlign.Center }){ + + Text("tabs-BarPosition") + .width(100) + .height(70) + .fontSize(20) + .opacity(1) + .align(Alignment.TopStart) + .fontColor(0xCCCCCC) + .lineHeight(25) + .border({ width: 1 }) + .padding(10) + .textAlign(TextAlign.Center) + .textOverflow({ overflow: TextOverflow.None }) + .key("barPositionText") + + + Tabs({ barPosition: BarPosition.Start, controller: this.controller }) { + TabContent() { + Column().width('100%').height('100%').backgroundColor(Color.Pink) + }.tabBar('pink') + + TabContent() { + Column().width('100%').height('100%').backgroundColor(Color.Yellow) + }.tabBar('yellow') + + } + .key("barPositionTabs") + .vertical(true).scrollable(true).barMode(BarMode.Fixed) + .barWidth(70).barHeight(150).animationDuration(400) + .onChange((index: number) => { + console.info(index.toString()) + }) + .width('90%').backgroundColor(0xF5F5F5) + + }.width("100%").height("100%") + } +} + diff --git a/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/webg.ets b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/webg.ets new file mode 100644 index 0000000000000000000000000000000000000000..bbcb0c92f911f2d3c0bf597329213b4aea156ac9 --- /dev/null +++ b/arkui/ace_ets_component_apilack/entry/src/main/ets/MainAbility/pages/conponentadd/webg.ets @@ -0,0 +1,586 @@ +/* + * Copyright (c) 2021 Huawei Device Co., Ltd. + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import events_emitter from '@ohos.events.emitter'; +import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'; +import { Hypium } from '@ohos/hypium'; +import testsuite from '../../test/List.test'; +import Utils from '../../test/Utils'; +import web_webview from '@ohos.web.webview'; + +let loadedUrl; +@Entry +@Component +struct Index { + controllersss: WebAttribute = new WebAttribute(); + controllerE: WebMessageEvent = new WebMessageEvent(); + newcontroller: web_webview.WebviewController = new web_webview.WebviewController(); + controller:WebController = new WebController() + responseweb: WebResourceResponse = new WebResourceResponse() + @State str:string="emitStoreWebArchive" + @State text:string="" + @State textRatio:number=100 + @State zoomAccessValue:boolean=true + handler: FullScreenExitHandler = null + ports: WebMessagePort[] + host: string = "www.spincast.org" + realm: string = "protected example" + username_password: string[] + origin: string="file:///" + onPageShow(){ + let valueChangeEvent={ + eventId:10, + priority:events_emitter.EventPriority.LOW + } + events_emitter.on(valueChangeEvent,this.valueChangeCallBack) + } + private valueChangeCallBack=(eventData)=>{ + console.info("web page valueChangeCallBack"); + if(eventData != null){ + console.info("valueChangeCallBack:"+ JSON.stringify(eventData)); + if(eventData.data.ACTION != null){ + this.str = eventData.data.ACTION; + } + } + } + private jsObj={ + test:(res)=>{ + Utils.emitEvent(res,102); + }, + toString:(str)=>{ + console.info("ets toString:"+String(str)); + }, + register:(res)=>{ + Utils.emitEvent(res,86); + return "web222" + } + } + aboutToAppear(){ + let abilityDelegator: any + abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator() + let abilityDelegatorArguments: any + abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments() + console.info('start run testcase!!!') + Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite) + } + build(){ + Column(){ + Web({src:$rawfile('index.html'),controller:this.controller}) + .databaseAccess(true) + .zoomAccess(this.zoomAccessValue) + .textZoomRatio(this.textRatio) + .onConsole((event) => { + let level = event.message.getMessageLevel() + let msg = event.message.getMessage() + let lineNumber = event.message.getLineNumber().toString() + let sourceId = event.message.getSourceId() + console.log("lineNumber:" + lineNumber) + setTimeout(()=>{ + Utils.emitEvent(lineNumber,420) + },3000) + setTimeout(()=>{ + Utils.emitEvent(sourceId,422) + },3000) + return false + }) + .onSearchResultReceive(ret=>{ + var searchResult = ret.activeMatchOrdinal.toString() + + ret.numberOfMatches.toString() + console.log("searchResult" + searchResult) + setTimeout(()=>{ + Utils.emitEvent(searchResult,426) + },3000) + }) + .onFullScreenExit(() => { + console.log("onFullScreenExit..."); + this.handler.constructor(); + this.handler.exitFullScreen(); + }) + .onFullScreenEnter((event) => { + this.handler = event.handler; + }) + Row(){ + Button("web click").key('webcomponent').onClick(async ()=>{ + console.info("key==>"+this.str) + switch(this.str){ + case "emitStoreWebArchive":{ + let webAsyncController = new web_webview.WebAsyncController(this.controller) + webAsyncController.storeWebArchive("/data/storage/el2/base/",true,(filename) => { + if(filename != null) { + Utils.emitEvent(filename,400) + } + }) + break; + } + case "emitAllowGeolocation":{ + web_webview.GeolocationPermissions.allowGeolocation("file:///") + web_webview.GeolocationPermissions.getAccessibleGeolocation(this.origin, (error, result) => { + if (error) { + console.log('error:' + JSON.stringify(error)); + this.text = this.origin + ",error ," + JSON.stringify(error); + return; + } + this.text = this.origin + ", result: " + result; + Utils.emitEvent(this.text,402) + }) + break; + } + case "emitDeleteGeolocation":{ + web_webview.GeolocationPermissions.deleteGeolocation("file:///") + web_webview.GeolocationPermissions.getStoredGeolocation((error,origins) => { + if (error) { + console.log('error:' + JSON.stringify(error)); + this.text = origins + ",error ," + JSON.stringify(error); + return; + } + this.text = origins.join(); + Utils.emitEvent(this.text,404) + }) + break; + } + case "emitDeleteAllGeolocation":{ + web_webview.GeolocationPermissions.allowGeolocation("file:///") + web_webview.GeolocationPermissions.deleteAllGeolocation() + web_webview.GeolocationPermissions.getStoredGeolocation((error,origins) => { + if (error) { + console.log('error:' + JSON.stringify(error)); + this.text = origins + ",error ," + JSON.stringify(error); + return; + } + this.text = origins.join(); + Utils.emitEvent(this.text,406) + }) + break; + } + case "emitIsCookieAllowed":{ + web_webview.WebCookieManager.putAcceptCookieEnabled(false); + setTimeout(()=>{ + Utils.emitEvent(web_webview.WebCookieManager.isCookieAllowed(),408) + },3000) + break; + } + case "emitSaveCookieAsync":{ + web_webview.WebCookieManager.saveCookieAsync(function(result){ + Utils.emitEvent(result,410) + }) + break; + } + case "emitIsThirdPartyCookieAllowed":{ + web_webview.WebCookieManager.putAcceptThirdPartyCookieEnabled(false); + setTimeout(()=>{ + var result = web_webview.WebCookieManager.isThirdPartyCookieAllowed(); + console.log(result.toString()); + Utils.emitEvent(web_webview.WebCookieManager.isThirdPartyCookieAllowed(),412) + },3000) + break; + } + case "emitExistCookie":{ + this.controller.getCookieManager().deleteEntireCookie(); + setTimeout(()=>{ + var result = web_webview.WebCookieManager.existCookie(); + console.log(result.toString()); + Utils.emitEvent(result,414) + },3000) + break ; + } + case "emitOnConsole":{ + this.controller.runJavaScript({script:"consoleTest()"}) + break; + } + case "emitLoaData":{ + this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/index.html"}) + setTimeout(()=>{ + this.controller.loadData({ + data: "