零基础学鸿蒙编程-UI控件_PageFlipper

蓝不蓝编程
发布于 2021-11-26 22:15
浏览
2收藏

什么是PageFlipper

PageFlipper是用于实现整页自动切换,类似PPT幻灯片自动播放.效果图:
零基础学鸿蒙编程-UI控件_PageFlipper-鸿蒙开发者社区

基础用法

  1. 在主布局文件"ability_main.xml"中增加PageFlipper
    <PageFlipper
        ohos:id="$+id:page_flipper"
        ohos:height="match_parent"
        ohos:width="match_parent"/>
  1. 在Slice中实例化PageSlider,设置数据
public class MainAbilitySlice extends AbilitySlice {

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        PageFlipper pageSlider = (PageFlipper) findComponentById(ResourceTable.Id_page_flipper);

        for (int i = 1; i <= 100; i++) {
            Text text = new Text(this);
            text.setText("页面:" + i);
            text.setTextSize(100);
            pageSlider.addComponent(text);
        }
        pageSlider.startFlipping();
    }
}

常用方法

方法名 用途
addComponent 添加页面
setFlipPeriod 设置页面切换时间间隔,单位:毫秒
startFlipping 开始播放动画,即切换页面
stopFlipping 停止播放动画
setIncomingAnimation 设置页面进入时动画
setOutgoingAnimation 设置页面退出时动画
showNext 切换到下一个页面
showPrevious 切换到上一个页面

完整源代码

https://gitee.com/hspbc/harmonyos_demos/tree/master/pageFlipperDemo

分类
标签
2
收藏 2
回复
举报
回复
    相关推荐