无法将图像拖到名片视图之外

时间:2020-03-09 11:15:48

标签: android xml android-cardview

通过拖动,我的意思是像这样更改小部件的rawX和rawY:

view.y = motionEvent.rawY - ((view.height / 2) + 120)
view.x = motionEvent.rawX - view.width / 2

我的版式包含名片视图,并在其中包含一些图像,可通过点击和移动它们来拖动它们。拖动有效,但是图像消失在卡片视图的边界之外:

enter image description here

(中间的图像被向下拖动,由于它被拖到卡片视图的边界之外,因此现在只有一半可见。)

我的布局:

<?xml version="1.0" encoding="utf-8"?>

<layout 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"
    tools:context="com.example.android.navigation.TitleFragment">


    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <androidx.cardview.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:elevation="8dp"
            app:cardBackgroundColor="#f2f2f2"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:padding="8dp">


                <ImageView
                    android:id="@+id/card1"
                    android:layout_width="@dimen/expense_card_image_size"
                    android:layout_height="@dimen/expense_card_image_size"
                    android:scaleType="centerCrop"
                    android:clickable="true"
                    android:focusable="true"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    android:contentDescription="@string/content_description_groceries"
                    android:src="@drawable/groceries"/>



                <ImageView
                    android:id="@+id/card2"
                    android:layout_width="@dimen/expense_card_image_size"
                    android:layout_height="@dimen/expense_card_image_size"
                    android:scaleType="centerCrop"
                    android:clickable="true"
                    android:focusable="true"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintEnd_toEndOf="parent"
                    android:contentDescription="@string/content_description_rent"
                    android:src="@drawable/rent"/>


        </androidx.cardview.widget.CardView>



    </androidx.constraintlayout.widget.ConstraintLayout>

</layout>

我该怎么做才能将图像拖到卡片视图之外?

预先感谢

2 个答案:

答案 0 :(得分:2)

如果要在整个屏幕中拖动图像,则不能将其拖动到CardView之外,将imageView移到顶部父布局中

此代码将允许imageView拖动到整个屏幕

<?xml version="1.0" encoding="utf-8"?>
<layout 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"
    tools:context="com.example.android.navigation.TitleFragment">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/card"
            android:layout_width="0dp"
            android:layout_height="@dimen/expense_card_image_size"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <androidx.cardview.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:elevation="8dp"
                android:padding="8dp"
                app:cardBackgroundColor="#f2f2f2" />
        </FrameLayout>

        <ImageView
            android:id="@+id/card1"
            android:layout_width="@dimen/expense_card_image_size"
            android:layout_height="@dimen/expense_card_image_size"
            android:clickable="true"
            android:contentDescription="@string/content_description_groceries"
            android:focusable="true"
            android:scaleType="centerCrop"
            android:src="@drawable/groceries"
            app:layout_constraintStart_toStartOf="@id/card"
            app:layout_constraintTop_toTopOf="@id/card" />


        <ImageView
            android:id="@+id/card2"
            android:layout_width="@dimen/expense_card_image_size"
            android:layout_height="@dimen/expense_card_image_size"
            android:clickable="true"
            android:contentDescription="@string/content_description_rent"
            android:focusable="true"
            android:scaleType="centerCrop"
            android:src="@drawable/rent"
            app:layout_constraintEnd_toEndOf="@id/card"
            app:layout_constraintTop_toTopOf="@id/card" />
    </androidx.constraintlayout.widget.ConstraintLayout>

</layout>

答案 1 :(得分:1)

我没有看到您的Java代码,但我认为您应该让用户拖动CardView,而不是拖动其中的ImageView。 据我了解,您的CardView确实在执行应有的操作。即提供某种窗口或切口,在其中可以看到所包含的图像视图(例如,我已使用它们使我的图像视图变为圆形)

如果您希望图像看起来像在CardView或其他容器中一样,可以将ImageViews放在CardView外部,然后使用RelativeLayout使它们显示在其顶部。那么您可以跟踪它们的坐标,以查看您是认为它们落在它的“内部”还是“外面”