在MotionLayout中使用

问题描述

我想让全屏横屏模式下的PlayerView成为可能,但我无法使其正常工作。到目前为止,当配置更改为横向模式时,我尝试通过编程方式设置playerView布局参数,但是仍然无法正常工作。

我创建的布局

<androidx.constraintlayout.motion.widget.MotionLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/player_motion_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_collapseMode="parallax"
    app:layoutDescription="@xml/vod_player_scene"
    app:viewToDetectTouch="@id/top_player_container">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/top_player_container"
        android:layout_width="match_parent"
        android:layout_height="280dp"
        android:background="#272727"
        app:layout_constrainedWidth="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <com.google.android.exoplayer2.ui.PlayerView
        android:id="@+id/playerView"
        android:layout_width="match_parent"
        android:layout_height="280dp"
        android:focusable="true"
        app:controller_layout_id="@layout/exo_playback_control_view_vod"
        app:fastforward_increment="10000"
        app:hide_on_touch="true"
        app:layout_constrainedWidth="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:resize_mode="fixed_width"
        app:rewind_increment="10000"
        app:show_timeout="2000" />

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:visibility="gone"
        app:layout_constraintBottom_toBottomOf="@id/playerView"
        app:layout_constraintEnd_toEndOf="@id/playerView"
        app:layout_constraintStart_toStartOf="@id/playerView"
        app:layout_constraintTop_toTopOf="@id/playerView" />

    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/image_play"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="10dp"
        android:alpha="0"
        app:layout_constraintBottom_toBottomOf="@id/top_player_container"
        app:layout_constraintEnd_toStartOf="@id/image_clear"
        app:layout_constraintTop_toTopOf="@id/top_player_container"
        app:srcCompat="@drawable/ic_play_arrow_32dp"
        app:tint="@color/white" />

    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/image_clear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="10dp"
        android:alpha="0"
        android:background="?attr/selectableItemBackgroundBorderless"
        app:layout_constraintBottom_toBottomOf="@id/top_player_container"
        app:layout_constraintEnd_toEndOf="@id/top_player_container"
        app:layout_constraintTop_toTopOf="@id/top_player_container"
        app:srcCompat="@drawable/ic_clear_32dp"
        app:tint="@color/white" />

    <com.google.android.material.textview.MaterialTextView
        android:id="@+id/video_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:layout_marginEnd="10dp"
        android:ellipsize="end"
        android:fontFamily="@font/montserrat_semi_bold"
        android:maxLines="1"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="@id/top_player_container"
        app:layout_constraintEnd_toStartOf="@id/image_play"
        app:layout_constraintStart_toEndOf="@id/playerView"
        app:layout_constraintTop_toTopOf="@id/top_player_container"
        tools:text="Blade Runner" />

    <FrameLayout
        android:id="@+id/recyclerview_container"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@color/video_club_background"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/top_player_container" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerview_front"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@color/video_club_background"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/top_player_container" />

    <ProgressBar
        android:id="@+id/recyclerView_progressView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:visibility="gone"
        app:layout_constraintEnd_toEndOf="@id/recyclerview_front"
        app:layout_constraintStart_toStartOf="@id/recyclerview_front"
        app:layout_constraintTop_toTopOf="@id/recyclerview_front" />

</androidx.constraintlayout.motion.widget.MotionLayout>

从编程上来说,我是这样做的(请参见下面的代码)

    @Override
    public void onConfigurationChanged(@NonNull Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        int newOrientation = newConfig.orientation;

        if (newOrientation == Configuration.ORIENTATION_LANDSCAPE) {
            MotionLayout.LayoutParams params = (MotionLayout.LayoutParams)
                    getPlayerView().getLayoutParams();
            params.width = params.MATCH_PARENT;
            params.height = params.MATCH_PARENT;
            getPlayerView().setLayoutParams(params);
        } else {

        }
    }

也在Manifest.xml中,我将活动声明为

    <activity
         android:name=".main.MainActivity"       
android:configChanges="keyboard|keyboardHidden|orientation|screenSize|screenLayout|smallestScreenSize|uiMode"
         android:label="@string/app_name"
         android:theme="@style/MainTheme"
         android:windowSoftInputMode="adjustPan" />

让我知道您是否还有其他需要与您分享的内容。 预先感谢。

解决方法

要能够更改以MotionLayout作为父视图的任何视图,我们应该使用MotionScene

我为解决此问题所做的工作,创建了两个函数,一个使playerView width height MATCH_PARENT,另一个函数将其重置为以前的状态(当屏幕方向恢复为纵向时)。

private void setPlayerToMatchHeight() {
    ConstraintSet expandedSet = getMotionLayout().getConstraintSet(R.id.expanded);
    ConstraintSet.Constraint topPlayerContainerSet = expandedSet.getConstraint(R.id.top_player_container);
    topPlayerContainerSet.layout.mHeight = ViewGroup.LayoutParams.MATCH_PARENT;
}

private void setPlayerTo16x9dimensionRatio() {
    ConstraintSet expandedSet = getMotionLayout().getConstraintSet(R.id.expanded);
    ConstraintSet.Constraint topPlayerContainerSet = expandedSet.getConstraint(R.id.top_player_container);
    topPlayerContainerSet.layout.mHeight = 0;
    topPlayerContainerSet.layout.dimensionRatio = "16:9";
}

然后,在onConfigurationChanged中,基于newOrientation,我分别调用这些函数。

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...