• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2023-2025 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
16@Entry
17@Component
18struct AnimationCard {
19  @State rotateAngle: number = 0;
20
21  build() {
22    Row() {
23      Button('change rotate angle')
24        .height('20%')
25        .width('90%')
26        .margin('5%')
27        .onClick(() => {
28          this.rotateAngle = (this.rotateAngle === 0 ? 90 : 0);
29        })
30        .rotate({ angle: this.rotateAngle })
31        .animation({
32          curve: Curve.EaseOut,
33          playMode: PlayMode.Normal,
34        })
35    }.height('100%')
36     .alignItems(VerticalAlign.Center)
37  }
38}