零基础学鸿蒙编程-UI控件_PageFlipper
头像 土司dgg 2021-11-27 10:48:48    发布
3130 浏览 19 点赞 17 收藏

什么是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


©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
其它
地址:北京市朝阳区北三环东路三元桥曙光西里甲1号第三置业A座1508室 商务内容合作QQ:2291221 电话:13391790444或(010)62178877
版权所有:电脑商情信息服务集团 北京赢邦策略咨询有限责任公司
声明:本媒体部分图片、文章来源于网络,版权归原作者所有,我司致力于保护作者版权,如有侵权,请与我司联系删除
京ICP备:2022009079号-2
京公网安备:11010502051901号
ICP证:京B2-20230255