Question

因此。您知道当您点击Google+应用中的帖子时，整个视图会变为蓝色。我也想这样做，但是使用ImageView。

我有以下代码片段，将实际图像设置为背景，将选择器设置为主要资源。这看起来不错，但不尊重背景图像的scaleType：

      <ImageView
            android:id="@+id/painting_image"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="@drawable/img"
            android:src="@drawable/selector"
            android:scaleType="centerCrop" />

顺便说一下，@drawable/selector只是一个显示state_pressed的透明色的选择器：

<item android:state_pressed="true">
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#44521400" />
    </shape></item>

如何在尊重scaleType的同时完成这项工作？

Answer 1

将ImageView换成FrameLayout，并将FrameLayout定义为可点击。小心将onClick事件分配给FrameLayout，而不是ImageView，否则效果会中断！另请注意，foreground已设置为选择器，而不是background。

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:clickable="true"
        android:foreground="@drawable/imagebutton_selector" >

        <ImageView
            android:id="@+id/painting_image"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:scaleType="centerCrop" />

    </FrameLayout>

Answer 2

ScaleType仅适用于src drawable，而不是背景。考虑使用带有覆盖视图的第二个选项，您将在其中实现点击操作，如下所示：

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

        <ImageView
            android:id="@+id/painting_image"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:scaleType="centerCrop" />

        <View
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:background="@drawable/imagebutton_selector"
            android:onClick="onImageClick" />
     </FrameLayout>

单击视图时在视图上显示透明色高亮

2 个答案: