美文网首页零基础学鸿蒙编程
零基础学鸿蒙编程-UI控件_PageFlipper

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

作者: 蓝不蓝编程 | 来源:发表于2021-10-26 08:37 被阅读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 | 安卓 | 前端 | 小程序 | 鸿蒙
    公众号:花生皮编程

    相关文章

      网友评论

        本文标题:零基础学鸿蒙编程-UI控件_PageFlipper

        本文链接:https://www.haomeiwen.com/subject/sthfaltx.html