如果在android中可见，ImageView采用不同的大小

Question

我有一个RecyclerView，其中包含几个项目。我在RecyclerView中为该项创建了自定义行。在RecyclerView中，某些项目将被锁定，而某些项目将被打开。我在锁定的项目上显示锁定图像，而其他已打开的项目包含ImageView和TextView。但是锁定物品和开放物品的大小是不同的。

以下是屏幕截图。

这是自定义行xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/gameCard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:background="#00000000">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--Start Layout of the open items-->
        <LinearLayout
            android:id="@+id/customLevelLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

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

                <ImageView
                    android:id="@+id/levelImage"
                    android:layout_width="120dp"
                    android:layout_height="120dp"
                    android:layout_centerInParent="true"
                    android:scaleType="fitXY"
                    tools:background="@drawable/white_circular_background" />

                <TextView
                    android:id="@+id/levelNameText"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:gravity="center"
                    android:textSize="45sp"
                    tools:text="1" />
            </RelativeLayout>


            <TextView
                android:id="@+id/gameText"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:textColor="#000"
                tools:text="Tracing" />
        </LinearLayout>
        <!--End Layout of the open items-->

        <ProgressBar
            android:id="@+id/gameProgressBar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#fff"
            android:indeterminate="true"
            android:padding="45dp" />

        <!--Lock image-->
        <ImageView
            android:id="@+id/lockImage"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/lock_background"
            android:visibility="gone" />
    </FrameLayout>
</RelativeLayout>

lock_background.xml：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="#88EAECED" />
            <size
                android:width="120dp"
                android:height="120dp" />
        </shape>
    </item>
    <item
        android:gravity="center">
        <bitmap
            android:gravity="center"
            android:src="@drawable/lock" />
    </item>
</layer-list>

white_background.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FFFFFF"/>
    <size android:width="5dp"
        android:height="5dp"/>
</shape>

布局中的锁定图片visibility为GONE。我正在通过代码更改其Visibility。

Answer 1

我在FrameLayout的第一项上移动了锁定图像。我看到打开的图像和锁定图像的大小不同。

修复它 - ＆gt;请尝试以下代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/gameCard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:background="#00000000">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <!--Start Layout of the open items-->
        <LinearLayout
            android:id="@+id/customLevelLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

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

                <ImageView
                    android:id="@+id/levelImage"
                    android:layout_width="120dp"
                    android:layout_height="120dp"
                    android:layout_centerInParent="true"
                    android:scaleType="fitXY"
                    tools:background="@drawable/white_circular_background" />

                <TextView
                    android:id="@+id/levelNameText"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:gravity="center"
                    android:textSize="45sp"
                    tools:text="1" />
            </RelativeLayout>


            <TextView
                android:id="@+id/gameText"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:textColor="#000"
                tools:text="Tracing" />
        </LinearLayout>
        <!--End Layout of the open items-->

        <ProgressBar
            android:id="@+id/gameProgressBar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#fff"
            android:indeterminate="true"
            android:padding="45dp"
            android:visibility="gone"/>

        <!--Lock image-->
        <ImageView
            android:id="@+id/lockImage"
            android:layout_width="120dp"
            android:layout_height="120dp"
            android:src="@drawable/lock_background"
            android:visibility="visible" />

    </FrameLayout>
</RelativeLayout>

<强> lock_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#000000" />
</shape>

<强> white_circular_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FFFFFF"/>
</shape>

Answer 2

我用以下xml解决了我的问题：

def maxdiff_naive(xs):
    best = 0
    for i in xrange(len(xs)):
        for j in xrange(i+1):
            best = max(best, abs(xs[i]-xs[j]) + abs(i-j))
    return best

import random

for _ in xrange(500):
    r = [random.randrange(1000) for _ in xrange(50)]
    md1 = maxdiff(r)
    md2 = maxdiff_naive(r)
    if md1 != md2:
        print "%d != %d\n%s" % (md1, md2, r)
        exit

终于成功了。

Answer 3

原因是您的锁定图片尺寸为

 android:layout_width="match_parent"
 android:layout_height="match_parent"

当levelImage为120dp

时

Answer 4

您可以尝试使用以下代码替换ImageView： -

<RelativeLayout
    android:id="@+id/lockImage"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:layout_centerInParent="true"
    android:visibility="gone"
    android:gravity="CenterInParent"
    tools:background="@drawable/lock_background">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/lock"/>
</RelativeLayout>

<强> lock_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
        <solid android:color="#88EAECED"/>
        <size android:width="5dp"
            android:height="5dp"/>
</shape>