Question

我正在尝试将图像旋转30度的上方结果，我尝试了这个

thumbnailView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            thumbnailView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
            thumbnailView.setPivotX(thumbnailView.getWidth() * 8 / 9);
            thumbnailView.setPivotY(0);
            thumbnailView.setRotation(30);
        }
    });

不幸的是，这不是我想要的结果，如果有人会指导我如何实现这一点我将非常感谢画布或通过代码，或者我应该创建一个custim ImageView或其他一些建议？

layout.xml

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <ImageView
        android:id="@+id/progress_thumbnail"
        android:layout_width="@dimen/view_work_item_image_width"
        android:layout_height="match_parent"
        tools:ignore="ContentDescription"/>

        <CheckBox
            android:id="@+id/check_box_favorite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentTop="true"
            android:background="@android:color/transparent"
            android:button="@drawable/favorite_checkbox"
            android:paddingEnd="4dp"
            android:paddingTop="15dp"/>

        <TextView
            android:id="@+id/progress_title"
            android:layout_width="@dimen/view_work_item_progress_bar_size"
            android:layout_height="@dimen/view_work_item_progress_bar_size"
            android:layout_alignParentEnd="true"
            android:ellipsize="end"
            android:gravity="center"
            android:layout_below="@+id/check_box_favorite"
            android:layout_marginEnd="10dp"
            android:lines="1"
            android:maxLines="1"
            android:singleLine="true"
            android:textColor="#007DD6"
            android:textStyle="bold"/>

        <ProgressBar
            android:id="@+id/grading_progressBar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="@dimen/view_work_item_progress_bar_size"
            android:layout_height="@dimen/view_work_item_progress_bar_size"
            android:layout_alignStart="@+id/progress_title"
            android:layout_alignTop="@+id/progress_title"
            android:background="@drawable/summary_tile_progress_background"
            android:max="100"
            android:progress="50"
            android:progressDrawable="@drawable/summary_tile_progress_bar"/>

        <TextView
            android:id="@+id/text_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toStartOf="@id/progress_title"
            android:layout_toEndOf="@id/progress_thumbnail"
            android:ellipsize="end"
            android:layout_centerVertical="true"
            android:lines="3"
            android:maxLines="3"
            android:paddingStart="2dp"
            android:paddingEnd="1dp"
            tools:text="@string/lorem_ispum_short"
            android:textAppearance="@style/WorkItemTitleText"/>

        <TextView
            android:id="@+id/text_author_sharedate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_toStartOf="@id/work_item_action_container"
            android:ellipsize="end"
            android:paddingStart="2dp"
            android:paddingBottom="5dp"
            tools:text="@string/dummy_date"
            android:textAppearance="@style/TileAuthorText"/>

        <LinearLayout
            android:id="@+id/work_item_action_container"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:orientation="horizontal"
            android:layoutDirection="locale"
            android:paddingEnd="5dp"
            android:paddingStart="10dp"
            android:paddingTop="10dp"
            android:paddingBottom="5dp"
            android:layout_marginBottom="-5dp">

            <TextView
                android:id="@+id/workitem_continue_action"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@android:color/transparent"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:text="@string/workitem_continue"
                android:fontFamily="sans-serif-condensed"
                android:textColor="#494748"
                android:textSize="16sp"
                android:textStyle="bold"/>

            <ImageView
                android:id="@+id/workitem_continue_action_image"
                android:layout_width="20dp"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:src="@drawable/continue_grading"/>

        </LinearLayout>

    </RelativeLayout>

Answer 1

您可以在布局中使用rotation属性，如下所示：

<YourView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:rotation="30"/>

Answer 2

好的，那你应该做以下几点：

首先，您应该考虑使用ConstraintLayout。在那里，您可以轻松地将图像的右侧对齐到布局的左侧边框。像这样：

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/progress_thumbnail"
        android:layout_width="@dimen/view_work_item_image_width"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/yourSource"
        android:adjustViewBounds="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="parent" />

</android.support.constraint.ConstraintLayout>

（不幸的是我不知道，如何在RelativeLayout中做同样的事情。）

然后你可以像这样在你的Activity中进行旋转：

getWindow().getDecorView().getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        getWindow().getDecorView().getViewTreeObserver().removeOnGlobalLayoutListener(this);

        final double aspectRatio = (double)thumbnailView.getWidth()/thumbnailView.getHeight();

        final int newHeight = getWindow().getDecorView().getHeight()*9/8;
        final int newWidth = (int)(newHeight*aspectRatio);

        thumbnailView.getLayoutParams().height = newHeight;
        thumbnailView.getLayoutParams().width = newWidth;
        thumbnailView.requestLayout();

        thumbnailView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
           @Override
           public void onGlobalLayout() {
               thumbnailView.getViewTreeObserver().removeOnGlobalLayoutListener(this);

               thumbnailView.setPivotX(newWidth);
               thumbnailView.setPivotY(newHeight);

               thumbnailView.setRotation(30);

           }
       });
    }
});

似乎有点复杂，但它应该有用。

从ImageView Android的左边缘裁剪掉

2 个答案: