HarmonyOS 如何在capi上对应实现animation()功能？

在ets中，如下代码片段让一个图片持续旋转，请问在capi中如何对应实现？

Image("AnImage")  
        .rotate({angle: this.rotateAngle})  
        .animation({  
          duration: 1000,  
          curve: Curve.Linear,  
          iterations: -1,  
        })

HarmonyOS

Heiang

2024-10-18 09:49:53

浏览

回答 1

待解决

回答 1

按赞同

按时间

put_get

在CAPI中，不区分显示动画（animateTo）或属性动画（animation），都是通过CAPI中的animateTo实现。这样设置属性变化：

ArkUI_ContextCallback *update = new ArkUI_ContextCallback;  
              update->userData = eventUser;  
              update->callback = [](void *user) {  
                  OH_LOG_Print(LOG_APP, LOG_INFO, LOG_PRINT_DOMAIN, "Manager",  
                               "CreateNativeNode  animateTo %{public}d", reinterpret_cast<AA *>(user)->a);  
                             if (isback) {  
                      ArkUI_NumberValue custom_widthValue[] = {200};  
                      ArkUI_AttributeItem custom_widthItem = {custom_widthValue, 1};  
                      ArkUI_NumberValue custom_heightValue1[] = {80};  
                      ArkUI_AttributeItem custom_heightItem1 = {custom_heightValue1, 1};  
                      nodeAPI->setAttribute(textInput, NODE_WIDTH, &custom_widthItem);  
                      nodeAPI->setAttribute(textInput, NODE_HEIGHT, &custom_heightItem1);  
                  } else {  
                      ArkUI_NumberValue custom_widthValue[] = {100};  
                      ArkUI_AttributeItem custom_widthItem = {custom_widthValue, 1};  
                      ArkUI_NumberValue custom_heightValue1[] = {40};  
                      ArkUI_AttributeItem custom_heightItem1 = {custom_heightValue1, 1};  
                      nodeAPI->setAttribute(textInput, NODE_WIDTH, &custom_widthItem);  
                      nodeAPI->setAttribute(textInput, NODE_HEIGHT, &custom_heightItem1);  
                  }  
              };

这样进行动画属性配置：

ArkUI_AnimateOption *option = OH_ArkUI_AnimateOption_Create();  
OH_ArkUI_AnimateOption_SetDuration(option, 2000);  
OH_ArkUI_AnimateOption_SetTempo(option, 1.1);  
OH_ArkUI_AnimateOption_SetCurve(option, ARKUI_CURVE_EASE);  
OH_ArkUI_AnimateOption_SetDelay(option, 20);  
OH_ArkUI_AnimateOption_SetIterations(option, 1);  
OH_ArkUI_AnimateOption_SetPlayMode(option, ARKUI_ANIMATION_PLAY_MODE_REVERSE);  
ArkUI_ExpectedFrameRateRange *range = new ArkUI_ExpectedFrameRateRange;  
range->min = 10;  
range->max = 120;  
range->expected = 60;

通过 animateApi->animateTo(context, option, update, completeCallback); 展示动画。

2024-10-18 17:48:55

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 如何在capi上对应实现animation()功能？

订阅鸿蒙技术特刊，精选内容抢先看