零基础学鸿蒙编程

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

2021-10-26  本文已影响0人  蓝不蓝编程

什么是PageFlipper

PageFlipper是用于实现整页自动切换,类似PPT幻灯片自动播放.效果图:


基础用法

  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

关于我

厦门大学计算机专业 | 前华为工程师
分享编程技术,没啥深度,但看得懂,适合初学者。
Java | 安卓 | 前端 | 小程序 | 鸿蒙
公众号:花生皮编程

上一篇下一篇

猜你喜欢

热点阅读