1/* 2 * Copyright (c) 2022 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 29@Component 30export struct ZoomText { 31 private TAG: string = '[ZoomText]' 32 33 @Link state: any 34 35 aboutToAppear() { 36 Log.info(`${this.TAG} aboutToAppear E`) 37 getStore().connect(localState, localDispatcher)(this.state) 38 Log.info(`${this.TAG} aboutToAppear X`) 39 } 40 41 aboutToDisappear(): void { 42 Log.info(`${this.TAG} aboutToDisappear E`) 43 } 44 45 build() { 46 Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 47 Text(this.state.zoomRatio.toFixed(1)) 48 .fontSize(60) 49 .fontColor(Color.White) 50 .fontWeight(300) 51 .textAlign(TextAlign.Center) 52 Text('x') 53 .fontSize(60) 54 .fontColor(Color.White) 55 .fontWeight(300) 56 .textAlign(TextAlign.Center) 57 } 58 .width('100%') 59 .height('100%') 60 } 61}