1/* 2 * Copyright (c) 2023 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16import { Log } from '../../utils/Log' 17import { getStore } from '../../redux/store' 18 19let localState = (state) => { 20 return { 21 zoomRatio: state.ZoomReducer.zoomRatio 22 } 23} 24 25let localDispatcher = (dispatch) => { 26 return {} 27} 28 29class StateStruct { 30 zoomRatio 31} 32 33@Component 34export struct ZoomText { 35 private TAG: string = '[ZoomText]' 36 37 @Link state : StateStruct 38 39 aboutToAppear() { 40 Log.info(`${this.TAG} aboutToAppear E`) 41 getStore().connect(localState, localDispatcher)(this.state) 42 Log.info(`${this.TAG} aboutToAppear X`) 43 } 44 45 aboutToDisappear(): void { 46 Log.info(`${this.TAG} aboutToDisappear E`) 47 } 48 49 build() { 50 Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 51 Text(this.state.zoomRatio.toFixed(1)) 52 .fontSize(60) 53 .fontColor(Color.White) 54 .fontWeight(300) 55 .textAlign(TextAlign.Center) 56 Text('x') 57 .fontSize(60) 58 .fontColor(Color.White) 59 .fontWeight(300) 60 .textAlign(TextAlign.Center) 61 } 62 .width('100%') 63 .height('100%') 64 } 65}