viewPager简单的实现全屏

需求:点击按钮可以将viewpager填充整个屏幕,再次点击则缩小至初始大小。
思路:1.使用constraintlayout布局,将屏幕内的其他控件都直接或间接的依赖于view pager控件
2.在按钮的点击事件里,动态修改viewPager的LayoutParams的宽度和高度。(相当于放大时将屏幕内其他的控件挤出屏幕)

xml代码:

<androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="870dp"
        android:layout_height="622dp"
        android:background="#000000"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.084"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.75" />

    <Button
        android:id="@+id/button_zoom"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:alpha="0.5"
        android:onClick="zoomPage"
        android:text="缩放"
        android:textSize="26sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="@id/viewPager"
        app:layout_constraintEnd_toEndOf="@id/viewPager"
        app:layout_constraintStart_toStartOf="@id/viewPager" />

java代码:

    public void zoomPage(View view) {
        //获取布局参数
        ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) viewPager.getLayoutParams();  
        if (params.width == 0) {
            params.width = 870;
            params.height = 622;
        } else {
            params.width = 0;
            params.height = 0;
        }
        viewPager.setLayoutParams(params);
        viewPagerAdapter.reset();
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值