在悬停时ImageView中的慢图像替换

Question

我有以下布局：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="25dp"
android:paddingRight="25dp"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="#ffffff" >

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">

    <!-- HEAD beginning -->
    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <ImageView
            android:layout_width="250px"
            android:layout_height="wrap_content"
            android:src="@drawable/logo_small"
            android:layout_alignParentLeft="true" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:textStyle="bold"
            android:textSize="18dp"
            android:textColor="@color/labell"
            android:text="Marjan"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>
    <!-- HEAD end -->
    <!-- HR beginning -->
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:background="@android:color/holo_green_light">
        <View android:id="@+id/primerdivisor"
            android:layout_height="2dp"
            android:layout_width="fill_parent"
            android:background="@color/blue" />
    </LinearLayout>
    <!-- HR end -->

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_weight="1"
            android:layout_height="wrap_content">

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:padding="10dip"
                android:layout_height="fill_parent">

                <ImageView
                    android:id="@+id/image1"
                    android:layout_height="fill_parent"
                    android:adjustViewBounds="true"
                    android:scaleType="fitCenter"
                    android:src="@drawable/qr_states"
                    android:layout_width="fill_parent"
                    android:layout_gravity="center" />
            </LinearLayout>

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:padding="10dip"
                android:layout_height="fill_parent">

                <ImageView
                    android:id="@+id/image2"
                    android:layout_height="fill_parent"
                    android:adjustViewBounds="true"
                    android:scaleType="fitCenter"
                    android:src="@drawable/video_white"
                    android:layout_width="fill_parent"
                    android:layout_gravity="center" />
            </LinearLayout>
        </LinearLayout>

        <LinearLayout
            android:orientation="horizontal"
            android:layout_weight="1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:padding="10dip"
                android:layout_height="fill_parent">

                <ImageView
                    android:id="@+id/image3"
                    android:layout_height="fill_parent"
                    android:adjustViewBounds="true"
                    android:scaleType="fitCenter"
                    android:src="@drawable/internet_white"
                    android:layout_width="fill_parent"
                    android:layout_gravity="center" />
            </LinearLayout>

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dp"
                android:layout_weight="1"
                android:padding="10dip"
                android:layout_height="fill_parent">

                <ImageView
                    android:id="@+id/image4"
                    android:layout_height="fill_parent"
                    android:adjustViewBounds="true"
                    android:scaleType="fitCenter"
                    android:src="@drawable/info_white"
                    android:layout_width="fill_parent"
                    android:layout_gravity="center" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

看起来像这样：

当我将鼠标悬停在四张图片中的一张上时，我想用另一张图片替换它。我尝试使用StateLists，但是在更换之间有一个非常明显的滞后。它在日食中说我使用嵌套权重，这可能是滞后的原因。

我尝试使用2x2 table grid ImageViews重写布局，但这并不起作用，因为它没有调整图像的大小，因此它们中的四个适合屏幕。我也想保留现有的头脑。

有人可以提出一个有效的版面设计吗？