Question

如果我有这样的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/deals_list_item_bckg"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_margin="15dp"
        android:background="@drawable/deals_list_item_background"
        android:clickable="true"
        android:orientation="horizontal" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="85dp"
            android:layout_height="50dp"
            android:scaleType="fitXY"
            android:src="@drawable/btn_unpressed" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical|right"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:paddingRight="10dp"
                android:text="My Account"
                android:textSize="16sp" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

结果是

result

是否可以编写选择器，只有在按下状态时才会更改imageView的img

像这样

pressed

或者告诉我plz我该怎么做这样的按钮，因为问题是按钮的右侧部分也需要背景图像，左侧部分是图像视图，当按下右侧部分（布局）时必须更改图像

Answer 1

除非您计划在运行时向该按钮布局添加大量视图...它过于复杂，无法满足您的需求。这是一个更简单的版本，应该很适合你：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_margin="15dp"
android:clickable="true"
android:orientation="horizontal">

<ImageView
    android:layout_width="85dp"
    android:layout_height="match_parent"
    android:scaleType="fitXY"
    android:duplicateParentState="true"
    android:src="@drawable/btn_background" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical|right"
    android:background="@drawable/your_grey_bar"
    android:paddingRight="10dp"
    android:text="My Account"
    android:textSize="16sp" />
</LinearLayout>

然后在res / drawable中你需要按如下方式定义btn_background.xml：

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/btn_default_disabled_focused" android:state_focused="true" android:state_enabled="false"/>
<item android:drawable="@drawable/btn_default_focused" android:state_focused="true" android:state_enabled="true"/>
<item android:drawable="@drawable/btn_default_disabled" android:state_enabled="false"/>
<item android:drawable="@drawable/btn_default_pressed" android:state_pressed="true"/>
<item android:drawable="@drawable/btn_default_normal" />

</selector>

这里的诀窍是LinearLayout可以点击。这样，用户可以点击“按钮”上的任意位置。然后让ImageView复制它的父状态。这意味着每当LinearLayout改变它的状态（例如，启用，聚焦，按下等）时，ImageView也会接收它。因此，选择器drawable将为您做事并为您更新。

Answer 2

我使用了一个具有相同尺寸和选择器作为背景的FrameLayout覆盖的ImageView来完成此操作：

<ImageView
    ...
    android:adjustViewBounds="true"
    android:src="@drawable/sky_image" />

<FrameLayout
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:background="@drawable/selector"
    app:layout_constraintBottom_toBottomOf="@+id/imageView"
    app:layout_constraintEnd_toEndOf="@+id/imageView"
    app:layout_constraintStart_toStartOf="@+id/imageView"
    app:layout_constraintTop_toTopOf="@+id/imageView"
    android:clickable="true"
    android:focusable="true"
    android:onClick="onClick"/>

它们都在ConstraintLayout中。

还有selector.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
        android:drawable="@drawable/abc_list_selector_holo_light" /> <!-- pressed -->
    <item android:state_focused="true"
        android:drawable="@drawable/abc_list_selector_holo_light" /> <!-- focused -->
    <item android:drawable="@android:color/transparent" /> <!-- default -->
</selector>

我之前尝试过许多解决方案，但是在调整图像时遇到了问题。我认为这是最好的。

用于imageview的可点击布局的android选择器

2 个答案: